:root{--cyan:#39ebff;--ink:#2f2f2f;--muted:#b7b7b7;--line:#ddd}*{box-sizing:border-box}html{font-family:"Roboto Condensed",sans-serif;color:var(--ink)}body{margin:0;min-height:100vh;background:#FFF}.site-header{height:80px;display:flex;align-items:center;justify-content:center;position:relative;background:#fff;z-index:4}.brand{width:207px;height:40px;display:block}.menu-button{position:absolute;left:31px;top:28px;width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}.menu-button img{width:24px;height:24px}.drawer{position:fixed;z-index:7;inset:0 auto 0 0;width:min(400px,100%);background:#181818;color:#fff;padding:112px 37px 40px;display:flex;flex-direction:column;transform:translateX(-102%);transition:transform .25s ease}.drawer.open{transform:none}.drawer>a,.drawer-contact>a{height:64px;padding:0 0 16px;color:#fff;text-decoration:none;font-size:20px;border-bottom:1px solid #555}.drawer-close{position:absolute;top:26px;left:30px;border:0;background:none;color:#fff;font:300 30px/1 "Roboto Condensed",sans-serif;cursor:pointer}.drawer-contact{margin-top:auto;display:grid;gap:16px}.drawer-contact span{font-size:16px}.scrim{position:fixed;z-index:6;inset:0;background:rgba(0,0,0,.65);opacity:0;pointer-events:none;transition:opacity .25s}h1{font-family:Michroma,sans-serif;font-weight:400}.home-main{min-height:695px;display:grid;grid-template-columns:326px 215px;gap:45px;align-items:center;justify-content:center;padding-bottom:50px}.cover{width:320px;filter:drop-shadow(0 7px 5px rgba(0,0,0,.15))}.home-copy h1{font-size:12px;margin:0 0 10px}.release{color:var(--muted);font-size:14px;line-height:20px;margin:0 0 14px}.formats{display:flex;gap:8px;margin:0 0 27px}.formats img{width:20px;height:20px}.button,.small-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--cyan);color:#000;text-decoration:none;font-family:"Roboto Condensed",sans-serif;font-weight:300;cursor:pointer}.button{width:122px;min-height:32px;font-size:14px}footer{height:57px;margin:0 30px;border-top:1px solid var(--line);display:flex;align-items:center;font-size:12px;font-weight:200}.back{display:block;color:var(--ink);text-decoration:none;font-size:12px}.work-main{width:min(1220px,calc(100% - 60px));margin:auto;display:grid;grid-template-columns:390px 1fr 320px;grid-template-areas:"back back back" "hero title synopsis" "hero availability synopsis";gap:22px 34px;padding-bottom:24px}.work-main .back{grid-area:back}.work-hero{grid-area:hero;width:390px;height:410px;object-fit:cover}.work-title{grid-area:title;align-self:end}.work-title h1{font-size:20px;margin:0}.work-title p{color:var(--muted);font-size:14px}.synopsis{grid-area:synopsis;border-top:1px solid var(--line);padding-top:18px}.synopsis h2{font:700 16px "Roboto Condensed"}.synopsis p{font-size:14px;line-height:1.45}.availability{grid-area:availability;border-top:1px solid var(--line);padding-top:14px}.availability>div{display:grid;grid-template-columns:24px 1fr 96px;gap:12px;align-items:center;margin:8px 0}.availability img{width:24px;height:24px}.small-button{height:30px;font-size:12px}.notify-main{width:min(748px,calc(100% - 60px));margin:auto;display:grid;grid-template-columns:326px 319px;gap:43px;padding-bottom:16px}.notify-main .back{grid-column:1/-1}.notify-book>img{width:326px}.notify-book .formats{margin-top:12px}.notify-content h1{font-family:"Roboto Condensed";font-weight:700;font-size:26px;margin:8px 0}.notify-content>p{font-size:16px;line-height:1.5;margin-bottom:28px}.notify-content form{display:grid;gap:17px}.notify-content label{display:grid;gap:7px;font-weight:600}.notify-content input{width:100%;height:45px;border:1px solid #bdbdbd;border-radius:0;padding:0 20px;font:300 16px "Roboto Condensed"}.notify-content small{font-size:12px;line-height:1.35;font-weight:300}.notify-content form .button{justify-self:end;height:45px}.form-message{color:#167d45;margin:0!important;font-weight:600}.invalid{border-color:#c93636!important}
@media(max-width:700px){.site-header{height:80px}.brand{width:151px;}.home-main{display:flex;min-height:712px;flex-direction:column;gap:14px;padding:34px 31px 26px}.cover{width:min(100%,200px)}.home-copy{width:min(100%,326px);display:grid;grid-template-columns:1fr auto;align-items:end}.home-copy h1{font-size:16px}.home-copy .release{grid-column:2;grid-row:1/3;text-align:right}.home-copy .formats{margin:12px 0 0}.home-copy .button{grid-column:2;margin-top:12px}footer{height:40px;margin:0;font-size:10px;justify-content:center}.drawer{padding-left:32px;padding-right:32px}.notify-main{width:100%;display:flex;flex-direction:column;padding:0 31px 28px;gap:22px}.notify-book>img{width:100%;max-height:522px;object-fit:contain}.notify-book .formats,.notify-book .release{margin-left:0}.notify-content h1{font-size:24px}.notify-content form .button{width:96px}.notify-content>p{font-size:15px}}
.mobile-back{display:none}.work-page{background:#000;color:#f2f2f2}.work-page .site-header{background:#000}.work-page .work-main{position:relative;width:1280px;height:752px;margin:0 auto;display:block;padding:0;overflow:hidden}.work-page .back{position:absolute;z-index:2;left:40px;top:7px;color:#2f2f2f;font-size:10px}.work-page .work-hero{position:absolute;z-index:0;right:0;top:0;width:640px;height:752px;object-fit:cover;object-position:center}.work-page .work-title{position:absolute;z-index:2;left:36px;top:68px;width:585px;height:68px;border-bottom:1px solid #2f2f2f;display:flex;align-items:flex-start;justify-content:space-between}.work-page .work-title h1{margin:10px 0 0;font-size:24px;line-height:30px;color:#f2f2f2}.work-page .work-title p{margin:4px 0 0;text-align:right;font-size:14px;line-height:24px;color:#f2f2f2}.work-page .synopsis{position:absolute;z-index:2;left:88px;top:153px;width:533px;border:0;padding:0}.work-page .synopsis h2{margin:13px 0 24px;font:700 24px/1 "Roboto Condensed";letter-spacing:2px;color:#f2f2f2}.work-page .synopsis p{margin:0;font-size:14px;line-height:24px;font-weight:300;color:#ddd}.work-page .availability{position:absolute;z-index:2;left:36px;top:537px;width:585px;border-top:1px solid #2f2f2f;padding-top:22px}.work-page .availability>div{display:grid;grid-template-columns:24px 1fr 122px;gap:12px;align-items:center;height:40px;margin:8px 0}.work-page .availability img{width:20px;height:20px}.work-page .availability span{font-size:14px;font-weight:300}.work-page .small-button{height:33px;background:transparent;color:#f2f2f2;border:1px solid #f2f2f2}.work-page .small-button.access{border-color:var(--cyan);color:var(--cyan)}.work-page footer{display:none}
@media(max-width:700px){.work-page .site-header{height:80px}.work-page .work-main{width:390px;height:1082px;overflow:visible}.desktop-back{display:none}.mobile-back{display:inline}.work-page .back{left:35px;top:7px;font-size:10px}.work-page .work-hero{left:31px;right:auto;top:18px;width:328px;height:410px;object-fit:cover}.work-page .work-title{left:31px;top:350px;width:328px;height:77px;align-items:flex-end}.work-page .work-title h1{width:190px;margin:0 0 12px;font-size:21px;line-height:26px}.work-page .work-title p{margin:0 0 24px;font-size:12px;line-height:16px}.work-page .synopsis{left:31px;top:448px;width:328px}.work-page .synopsis h2{margin:4px 0 23px;font-size:18px}.work-page .synopsis p{font-size:12px;line-height:24px}.work-page .availability{left:31px;top:873px;width:328px;padding-top:16px}.work-page .availability>div{grid-template-columns:24px 1fr 96px;height:40px;margin:8px 0}.work-page .availability span{font-size:12px}.work-page .small-button{height:30px;font-size:10px}.work-page footer{display:flex;height:40px;margin:0;border:0;color:#888;font-size:8px}}
.button,.small-button,.synopsis h2,.notify-content h1{font-family:"Roboto Condensed",sans-serif}.drawer-contact{gap:16px}.drawer-contact .contact-title{display:block;height:40px;padding:0 0 16px;color:#fff;text-decoration:none;font-size:20px;border-bottom:1px solid #555}.contact-row,.drawer-contact>a.contact-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:13px;align-items:center;width:100%;height:24px!important;min-height:24px;color:#fff!important;text-decoration:none!important;border:0!important;padding:0!important;font-size:16px!important;line-height:24px}.contact-row img{display:block;width:24px;height:24px;object-fit:contain}.contact-row span{display:block;height:24px;font-size:16px;font-weight:300;line-height:24px;margin:0;padding:0}
@media (hover:hover) and (pointer:fine){.button,.small-button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.button:hover{background:#303030;color:var(--cyan)}.small-button:hover{transform:translateY(-1px)}.work-page .small-button:hover{background:#f2f2f2;color:#000;border-color:#f2f2f2}.work-page .small-button.access:hover{background:var(--cyan);color:#000;border-color:var(--cyan)}.home-page .cover{transition:transform .24s ease,filter .24s ease;transform-origin:center}.home-page .cover:hover{transform:translateY(-6px) scale(1.025);filter:drop-shadow(0 14px 10px rgba(0,0,0,.25))}}
@media(max-width:700px){.drawer{padding:119px 32px 32px}.drawer-close{left:32px;top:29px}.drawer-contact{margin-top:27px;gap:24px}.drawer-contact .contact-title{height:40px}.contact-row,.drawer-contact>a.contact-row{height:24px!important;min-height:24px;line-height:24px}.contact-row span{height:24px;line-height:24px}}
.drawer{padding-top:119px}.drawer>a{display:block;height:40px;margin:0 0 24px;padding:0;font-size:20px;font-weight:300;line-height:24px;border-bottom:1px solid #555}
/* Ações da home */
.scrim.open{opacity:1;pointer-events:auto}
.home-page .home-main{grid-template-columns:326px 300px}
.home-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.home-actions .button{flex:none;margin:0}
.home-actions .button-exclusive{width:auto;min-height:32px;padding:0 12px;white-space:nowrap;background:transparent;border:1px solid var(--ink);color:var(--ink)}
@media (hover:hover) and (pointer:fine){.home-actions .button-exclusive:hover{background:var(--ink);border-color:var(--ink);color:#fff}}
@media(max-width:700px){.home-copy .home-actions{grid-column:1/-1;grid-row:3;justify-content:flex-end;margin-top:12px}.home-copy .home-actions .button{margin:0}.home-copy .home-actions .button-exclusive{width:auto}}
