@font-face{font-family:"EB Garamond";font-weight:400;font-display:swap;src:url(../fonts/eb-garamond-400.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-weight:500;font-display:swap;src:url(../fonts/eb-garamond-500.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url(../fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url(../fonts/inter-600.woff2) format("woff2")}
:root{--preto:#0B0B0C;--pergaminho:#EDE8E0;--ambar:#C8963E;--nevoa:#96928C;--linha:#2A2A2C;--superficie:#141415;--erro:#E0715F;
--serif:"EB Garamond",Georgia,serif;--sans:Inter,system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--preto);scroll-behavior:smooth}
body{background:var(--preto);color:var(--pergaminho);font:400 16px/26px var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:640px;margin:0 auto;padding:0 16px}
section{padding:72px 0}
.rotulo{font:600 12px/16px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--nevoa);margin-bottom:16px}
h1,h2{font-family:var(--serif);font-weight:500}
h1{font-size:38px;line-height:44px}
h2{font-size:30px;line-height:36px;margin-bottom:24px}
.lead{font:400 22px/32px var(--serif);color:var(--nevoa)}
.legal{font:400 13px/20px var(--sans);color:var(--nevoa)}
.centro{text-align:center}
.btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:343px;height:56px;margin:0 auto;border:0;border-radius:2px;background:var(--ambar);color:var(--preto);font:600 15px/20px var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.btn:hover{background:#D8A64E}
.btn.claro{background:var(--pergaminho)}
.btn.claro:hover{background:#fff}
:focus-visible{outline:2px solid var(--pergaminho);outline-offset:2px}
.fade{position:relative}
.fade img{width:100%;object-fit:cover}
.fade::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--preto) 0,transparent 25%,transparent 55%,var(--preto) 100%);pointer-events:none}
/* S5 */
.form-sec h2{margin-bottom:16px}
.form-sec p.corpo{margin-bottom:32px}
.campo{margin-bottom:16px}
.campo label{display:block;margin-bottom:8px}
.campo input[type=text],.campo input[type=email],.campo input[type=tel]{width:100%;height:52px;padding:0 16px;background:var(--superficie);border:1px solid var(--linha);border-radius:2px;color:var(--pergaminho);font:400 16px/24px var(--sans)}
.campo input:focus{outline:0;border-color:var(--ambar)}
.campo.erro input{border-color:var(--erro)}
.msg{color:var(--erro);font:400 13px/20px var(--sans);margin-top:8px;min-height:0}
.consent{display:grid;grid-template-columns:48px 1fr;align-items:start;margin:24px 0}
.consent input{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:14px;border:1px solid var(--nevoa);border-radius:2px;background:transparent;cursor:pointer;position:relative}
.consent input:checked{background:var(--pergaminho)}
.consent input:checked::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--preto);border-width:0 2px 2px 0;transform:rotate(45deg)}
.consent label{padding-top:12px;color:var(--nevoa)}
.consent label a{color:var(--pergaminho)}
.consent.erro input{border-color:var(--erro)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#falha{margin:16px 0;text-align:center}
.form-sec .legal.fim{margin-top:16px;text-align:center}
.sucesso[hidden]{display:none}
.sucesso h2{margin-bottom:24px}
.sucesso .btn{margin:0 0 32px}
.sucesso img{width:100%;height:auto;margin-top:8px}
/* S6 */
footer{padding:40px 16px 48px;text-align:center;border-top:1px solid var(--linha)}
footer img{width:48px;height:48px;margin:0 auto 24px}
footer .marca-r{font:500 10px/12px var(--serif);letter-spacing:.28em;text-transform:uppercase;color:var(--nevoa);margin-bottom:16px}
footer .ig{font:600 14px/20px var(--sans);display:inline-block;padding:14px 8px}
footer nav{margin:4px 0 8px}
footer a.l{color:var(--nevoa);display:inline-block;padding:14px 8px;font-size:13px}
/* barra fixa */
.barra{position:fixed;left:0;right:0;bottom:0;z-index:20;height:72px;padding:12px 16px;background:rgba(11,11,12,.94);border-top:1px solid var(--linha);transform:translateY(100%);transition:transform .25s}
.barra.on{transform:none}
.barra .btn{height:48px}
/* cookies */
.cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:30;max-width:560px;margin:0 auto;background:var(--superficie);border:1px solid var(--linha);border-radius:2px;padding:16px}
.cookies[hidden]{display:none}
.cookies p{margin-bottom:16px;color:var(--pergaminho)}
.cookies div{display:flex;gap:8px}
.cookies button{flex:1;height:48px;border-radius:2px;border:1px solid var(--nevoa);background:transparent;color:var(--pergaminho);font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.cookies button.ok{background:var(--pergaminho);color:var(--preto);border-color:var(--pergaminho)}
/* legal page */
.doc{padding:48px 0}
.doc h1{font-size:38px;margin-bottom:8px}
.doc h2{font-size:26px;line-height:32px;margin:40px 0 12px}
.doc p,.doc li{margin-bottom:12px}
.doc ul{padding-left:20px}
.doc table{width:100%;border-collapse:collapse;font-size:14px;line-height:22px;margin-bottom:16px}
.doc th,.doc td{text-align:left;vertical-align:top;padding:10px 8px;border-bottom:1px solid var(--linha)}
.doc th{color:var(--nevoa);font-weight:600}

/* ===== redesenho v2 ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap.larga{max-width:1120px;padding:0 20px}
.sec-t{max-width:640px;margin-bottom:40px}
.sec-t.centro{margin-left:auto;margin-right:auto;text-align:center}
.sec-t h2{margin-bottom:16px}
.sec-t p.lead{font-size:20px;line-height:30px}
.btn.menor{max-width:300px}
/* entrada discreta: visível por padrão, só anima onde há scroll-timeline */
@keyframes rv{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}}

/* ---- livro 3D ---- */
.livro{--w:210px;--d:calc(var(--w)*.15);--h:calc(var(--w)*1.418);position:relative;width:var(--w);height:var(--h);margin:0 auto;perspective:1500px;filter:drop-shadow(0 0 34px rgba(237,232,224,.13))}
.livro::before{content:"";position:absolute;left:-40%;right:-40%;top:-12%;bottom:-14%;background:radial-gradient(closest-side,rgba(237,232,224,.10),transparent 72%);pointer-events:none}
.livro::after{content:"";position:absolute;left:4%;right:-14%;bottom:-7%;height:7%;background:radial-gradient(closest-side,rgba(0,0,0,.95),transparent);filter:blur(7px);pointer-events:none}
.book{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-11deg) rotateY(var(--ry,24deg));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.livro.gira .book{animation:gira 14s ease-in-out infinite}
.livro.gira:hover .book,.livro.gira.man .book{animation:none}
@keyframes gira{0%,100%{transform:rotateX(-11deg) rotateY(30deg)}50%{transform:rotateX(-9deg) rotateY(12deg)}}
.livro .f{position:absolute;backface-visibility:hidden}
.f.frente{inset:0;transform:translateZ(calc(var(--d)/2));border-radius:1px 3px 3px 1px;overflow:hidden;background:#0B0B0C}
.f.frente img{width:100%;height:100%;object-fit:cover}
.f.frente::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55) 0,rgba(255,255,255,.10) 2.4%,rgba(0,0,0,.35) 4.5%,transparent 9%),linear-gradient(115deg,rgba(255,255,255,.13),transparent 38%)}
.f.tras{inset:0;background:#0f0f10;transform:rotateY(180deg) translateZ(calc(var(--d)/2));border-radius:3px 1px 1px 3px}
.f.lombada{left:calc((var(--w) - var(--d))/2);top:0;width:var(--d);height:100%;background:linear-gradient(90deg,#1b1b1d,#0d0d0e 40%,#0a0a0b);transform:rotateY(-90deg) translateZ(calc(var(--w)/2));display:flex;align-items:center;justify-content:center;border-radius:1px 0 0 1px}
.f.lombada span{writing-mode:vertical-rl;transform:scaleX(-1);font:500 calc(var(--w)*.062)/1 var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--pergaminho);white-space:nowrap;padding:6% 0;border-top:1px solid var(--ambar)}
.f.paginas{left:calc((var(--w) - var(--d))/2);top:1.2%;width:var(--d);height:97.6%;transform:rotateY(90deg) translateZ(calc(var(--w)/2 - 2px));background:repeating-linear-gradient(90deg,#efe9dd 0 1.5px,#cfc7b6 1.5px 2.5px)}
.f.cima{left:1%;top:calc((var(--h) - var(--d))/2);width:98%;height:var(--d);transform:rotateX(90deg) translateZ(calc(var(--h)/2 - 2px));background:repeating-linear-gradient(180deg,#efe9dd 0 1.5px,#cfc7b6 1.5px 2.5px)}
.f.baixo{left:1%;top:calc((var(--h) - var(--d))/2);width:98%;height:var(--d);transform:rotateX(-90deg) translateZ(calc(var(--h)/2 - 2px));background:#8b8576}

/* ---- livro aberto ---- */
.aberto{max-width:780px;margin:0 auto;perspective:1800px}
.miolo{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:6px;background:#161617;border-radius:3px;transform:rotateX(12deg);transform-origin:50% 100%;box-shadow:0 2px 0 #0b0b0c,0 4px 0 #2b2b2d,0 6px 0 #1a1a1b,0 8px 0 #2b2b2d,0 38px 60px -18px #000,0 0 0 1px #2a2a2c}
.miolo .pg{position:relative}
.miolo .pg img{width:100%;height:auto;display:block}
.miolo .pg::after{content:"";position:absolute;inset:0;pointer-events:none}
.miolo .e::after{background:linear-gradient(270deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.18) 5%,transparent 16%)}
.miolo .d::after{background:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,.2) 4%,transparent 14%)}
.miolo::after{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:2px;margin-left:-1px;background:rgba(0,0,0,.55)}
.leg{margin-top:28px;text-align:center}

/* ---- 1 hero ---- */
.topo{position:relative;padding:0;overflow:hidden;min-height:100svh}
.topo .bg{position:absolute;inset:0 0 auto 0;height:640px;z-index:0}
.topo .bg img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.topo .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,.55) 0,rgba(11,11,12,.15) 16%,rgba(11,11,12,.55) 50%,var(--preto) 98%)}
.marca{position:relative;z-index:2;padding-top:26px;text-align:center;font:500 10px/12px var(--serif);letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;left:auto;top:auto;right:auto;position:relative}
.marca span{display:inline-block;width:18px;height:1px;background:var(--pergaminho);vertical-align:middle;margin:0 10px}
.hero-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:44vh 20px 56px;display:flex;flex-direction:column;gap:40px}
.topo h1{font-size:clamp(34px,9.4vw,52px);line-height:1.08;text-shadow:0 2px 24px rgba(0,0,0,.7)}
.topo h1 span{display:block}
.topo .sub{font:400 21px/31px var(--serif);color:var(--pergaminho);margin:20px 0 28px;max-width:30em}
.topo .btn{margin:0;max-width:343px}
.fatos{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:24px;font:600 12px/18px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--nevoa)}
.fatos span{padding-right:12px;margin-right:12px;border-right:1px solid var(--linha);white-space:nowrap}
.fatos span:last-child{border:0;margin:0;padding:0;color:var(--pergaminho)}
.hero-livro{padding:4px 0 8px}
.hero-livro .livro{--w:220px;margin-top:8px}

/* ---- 2 reconhece ---- */
.reconhece .grade{display:grid;gap:32px}
.foto{position:relative;overflow:hidden;border:1px solid var(--linha)}
.foto img{width:100%;height:100%;object-fit:cover}
.foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,11,12,.6))}
.cenas{list-style:none;counter-reset:c}
.cenas li{padding:18px 0;border-bottom:1px solid var(--linha);font:400 21px/30px var(--serif)}
.cenas li:first-child{border-top:1px solid var(--linha)}
.cenas small{display:block;font:600 11px/16px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--nevoa);margin-bottom:4px}
.fecho{font:500 26px/34px var(--serif);margin-top:32px}
.fecho span{color:var(--nevoa)}

/* ---- 3 barulho ---- */
.barulho-sec{background:var(--superficie);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.barulho-sec .grade{display:grid;gap:32px}
.cards{display:grid;gap:12px;margin:28px 0}
.cards div{padding:18px 18px 16px;border:1px solid var(--linha);background:var(--preto)}
.cards b{display:block;font:600 12px/16px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--nevoa);margin-bottom:6px}
.cards p{font:400 19px/27px var(--serif)}
.barulho-sec .lead{color:var(--pergaminho)}

/* ---- 5 dentro ---- */
.dentro .aberto{margin-bottom:56px}
.conteudos{list-style:none;display:grid;gap:0;margin:0 auto 48px;max-width:760px}
.conteudos li{display:grid;grid-template-columns:36px 1fr;padding:14px 0;border-bottom:1px solid var(--linha)}
.conteudos li:first-child{border-top:1px solid var(--linha)}
.conteudos .n{font:500 22px/26px var(--serif);color:var(--nevoa)}
.conteudos b{font-weight:600}
.conteudos span.t{display:block;color:var(--nevoa);font-size:14px;line-height:22px}
.paginas-car{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 20px 24px;margin:0 -20px;scrollbar-width:thin;scrollbar-color:var(--linha) transparent}
.paginas-car figure{flex:0 0 62%;max-width:300px;scroll-snap-align:center}
.paginas-car img{width:100%;height:auto;box-shadow:0 18px 30px -12px #000;border:1px solid #222}
.paginas-car figcaption{margin-top:12px;font:600 11px/16px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--nevoa);text-align:center}

/* ---- 6 dias ---- */
.linha-dias{list-style:none;position:relative;max-width:760px;margin:0 auto 40px}
.linha-dias::before{content:"";position:absolute;left:35px;top:20px;bottom:20px;width:1px;background:var(--linha)}
.linha-dias li{position:relative;display:grid;grid-template-columns:72px 1fr;gap:0 18px;padding:14px 0;align-items:center}
.linha-dias .mini{position:relative;width:72px;height:92px;overflow:hidden;border:1px solid var(--linha);background:var(--preto)}
.linha-dias .mini img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.linha-dias .mini i{position:absolute;left:0;bottom:0;right:0;padding:3px 0;text-align:center;font:500 20px/22px var(--serif);font-style:normal;background:rgba(11,11,12,.78);color:var(--pergaminho)}
.linha-dias small{display:block;font:600 11px/16px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--nevoa)}
.linha-dias b{display:block;font:500 24px/30px var(--serif);margin:2px 0}
.linha-dias p{font-size:15px;line-height:23px;color:var(--nevoa)}

/* ---- 7 leis ---- */
.leis-sec{background:var(--superficie);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.leis{list-style:none;display:grid;gap:0;margin:0 0 32px}
.leis li{display:grid;grid-template-columns:52px 1fr;gap:0 8px;padding:20px 0;border-bottom:1px solid var(--linha);font:400 23px/31px var(--serif)}
.leis li:first-child{border-top:1px solid var(--linha)}
.leis .num{font:500 34px/30px var(--serif);color:var(--nevoa)}
.leis em{font-style:italic}
.compartilhar{margin-top:8px;text-align:center}
.compartilhar button{background:none;border:0;color:var(--pergaminho);font:inherit;text-decoration:underline;cursor:pointer;padding:12px 0;min-height:48px}

/* ---- 8 passos ---- */
.passos{list-style:none;display:grid;gap:16px}
.passos li{padding:24px 22px;border:1px solid var(--linha);background:var(--superficie)}
.passos .n{font:500 44px/44px var(--serif);color:var(--nevoa);display:block;margin-bottom:10px}
.passos b{display:block;font:500 25px/31px var(--serif);margin-bottom:6px}
.passos p{color:var(--nevoa);font-size:15px;line-height:24px}

/* ---- 9 pra quem ---- */
.quem{display:grid;gap:20px}
.quem>div{padding:26px 22px;border:1px solid var(--linha)}
.quem h3{font:600 12px/16px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--nevoa);margin-bottom:14px}
.quem ul{list-style:none}
.quem li{padding:11px 0 11px 22px;position:relative;font:400 20px/28px var(--serif);border-top:1px solid var(--linha)}
.quem li:first-child{border:0}
.quem .sim li::before{content:"";position:absolute;left:0;top:23px;width:10px;height:1px;background:var(--pergaminho)}
.quem .nao li{color:var(--nevoa)}
.quem .nao li::before{content:"";position:absolute;left:0;top:23px;width:10px;height:1px;background:var(--nevoa)}

/* ---- 10 form ---- */
.form-sec{padding-top:72px;border-top:1px solid var(--linha)}
.form-grade{display:grid;gap:40px;max-width:1000px;margin:0 auto;padding:0 16px}
.form-livro .livro{--w:210px}
.form-livro{padding:12px 0}
.form-sec h2{margin-bottom:16px}
.form-sec .fim{margin-top:16px;text-align:center}

/* ---- 11 faq ---- */
.faq{max-width:760px;margin:0 auto}
.faq details{border-bottom:1px solid var(--linha)}
.faq details:first-child{border-top:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:14px 0;font:500 22px/28px var(--serif)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 28px/1 var(--sans);color:var(--nevoa);flex:none}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 0 20px;color:var(--nevoa);max-width:38em}
.faq a{color:var(--pergaminho)}

@media(min-width:768px){
 h1{font-size:52px;line-height:58px}h2{font-size:38px;line-height:46px}
 .cards{grid-template-columns:1fr 1fr}
 .passos{grid-template-columns:repeat(3,1fr)}
 .quem{grid-template-columns:1fr 1fr}
 .leis{grid-template-columns:1fr 1fr;column-gap:56px}
 .leis li:nth-child(2){border-top:1px solid var(--linha)}
 .paginas-car{justify-content:center;overflow:visible;margin:0;padding:8px 0 24px}
 .paginas-car figure{flex:1 1 0;max-width:none}
 .paginas-car figure:nth-child(odd){transform:translateY(14px) rotate(-1.2deg)}
 .paginas-car figure:nth-child(even){transform:rotate(1deg)}
 .hero-in{padding-top:30vh}
 .reconhece .grade{grid-template-columns:5fr 6fr;gap:56px;align-items:center}
 .barulho-sec .grade{grid-template-columns:5fr 6fr;gap:56px;align-items:center}
 .foto.alta{aspect-ratio:4/5}
 .linha-dias li{grid-template-columns:96px 1fr;gap:0 24px}
 .linha-dias .mini{width:96px;height:120px}
 .linha-dias::before{left:47px}
 .linha-dias b{font-size:28px;line-height:34px}
 .linha-dias p{font-size:16px}
 .btn{max-width:320px}
 .btn.menor{max-width:300px}
}
@media(min-width:1000px){
 .form-grade{grid-template-columns:5fr 6fr;gap:72px;align-items:center}
 .form-livro .livro{--w:300px}
}
@media(min-width:1100px){
 body{font-size:17px;line-height:28px}
 section{padding:104px 0}
 .topo{min-height:max(760px,100svh)}
 .topo .bg{left:30%;height:100%}
 .topo .bg img{object-position:50% 14%}
 .topo .bg::after{background:linear-gradient(90deg,var(--preto) 0,rgba(11,11,12,.78) 18%,rgba(11,11,12,.1) 50%,rgba(11,11,12,.55) 100%),linear-gradient(180deg,rgba(11,11,12,.5),transparent 20%,transparent 70%,var(--preto) 100%)}
 .marca{position:absolute;top:32px;left:max(24px,calc(50% - 580px));text-align:left;padding:0}
 .hero-in{flex-direction:row;align-items:center;justify-content:space-between;padding:150px 24px 90px;min-height:max(760px,100svh)}
 .hero-txt{flex:0 1 640px}
 .topo h1{font-size:63px;line-height:68px}
 .topo .sub{font-size:24px;line-height:35px}
 .hero-livro{flex:0 0 340px;margin-right:20px}
 .hero-livro .livro{--w:290px}
 h2{font-size:44px;line-height:52px}
 .lead{font-size:26px;line-height:38px}
 .leis li{font-size:25px;line-height:34px}
 .barra{display:none}
}
@media(max-width:380px){.fatos{font-size:11px}.fatos span{padding-right:8px;margin-right:8px}}
@media(min-width:768px){.barra{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.barra{transition:none}.livro.gira .book{animation:none}.book{transition:none}}
h2{text-wrap:balance}

/* ---- hero: o homem anda quando a pagina rola (camada recortada sobre o fundo) ---- */
.topo .camada{position:absolute;inset:0 0 auto 0;height:640px;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 97%);mask-image:linear-gradient(180deg,#000 50%,transparent 97%)}
.topo .camada img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.topo .bg,.topo .camada{overflow:hidden}
.topo .bg img,.topo .camada img{transform-origin:50% 60%;will-change:transform}
.topo .camada img{filter:drop-shadow(0 10px 30px rgba(0,0,0,.55))}
@media(min-width:1100px){.topo .camada{left:30%;height:100%}.topo .camada img{object-position:50% 14%}}

/* ---- leia onde quiser: aparelhos ---- */
.onde{overflow:hidden}
.aparelhos{display:flex;justify-content:center;align-items:flex-end;gap:0;margin:40px auto 32px;max-width:900px;padding:0 8px}
.disp{margin:0;position:relative;flex:0 0 auto}
.disp .tela{overflow:hidden;background:#F2EEE6}
.disp .tela img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.disp.tablet{width:min(52vw,420px);z-index:1}
.disp.tablet .tela{aspect-ratio:3/4;border:10px solid #1a1a1c;border-radius:22px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8),inset 0 0 0 1px #333}
.disp.leitor{width:min(34vw,240px);margin-left:-6%;z-index:2;transform:translateY(12px)}
.disp.leitor .tela{aspect-ratio:3/4.1;border:14px solid #2b2b2d;border-bottom-width:30px;border-radius:12px;box-shadow:0 30px 50px -18px rgba(0,0,0,.85)}
.disp.leitor .tela img{filter:grayscale(1) contrast(.92) brightness(1.02)}
.disp.celular{width:min(24vw,150px);margin-left:-5%;z-index:3;transform:translateY(22px)}
.disp.celular .tela{aspect-ratio:9/19;border:7px solid #0e0e0f;border-radius:26px;box-shadow:0 28px 40px -14px rgba(0,0,0,.9),inset 0 0 0 1px #2a2a2c;background:#0B0B0C}
.disp.celular .tela img{object-fit:contain;object-position:center}
.formatos{list-style:none;padding:0;margin:56px auto 0;max-width:900px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}
.formatos li{border-top:1px solid var(--linha);padding-top:14px;color:var(--nevoa);font-size:15px;line-height:23px}
.formatos b{display:block;color:var(--pergaminho);font:500 22px/28px var(--serif);margin-bottom:6px}

/* ---- barulho: telas fora do ar (chuvisco, linhas de TV, tremida) ---- */
.fora-do-ar .glitch{position:absolute;inset:0;background:url(../img/barulho.webp) center/cover;opacity:0;z-index:1;pointer-events:none}
.fora-do-ar .chuvisco{position:absolute;inset:0;width:100%;height:100%;z-index:2;mix-blend-mode:screen;opacity:.1;pointer-events:none;image-rendering:pixelated}
.fora-do-ar::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px)}
.fora-do-ar.falha .chuvisco{opacity:.4}
.fora-do-ar.falha img{filter:brightness(1.25) contrast(1.2)}
@media (prefers-reduced-motion:no-preference){
 .fora-do-ar .glitch{animation:tremida 5s steps(1) infinite}
 .fora-do-ar img{animation:pisca 5s steps(1) infinite}
}
@keyframes tremida{0%,84%{opacity:0;transform:none;clip-path:none}
 85%{opacity:.9;clip-path:inset(14% 0 72% 0);transform:translateX(-14px)}
 87%{clip-path:inset(46% 0 38% 0);transform:translateX(16px)}
 89%{clip-path:inset(70% 0 16% 0);transform:translateX(-10px)}
 91%{clip-path:inset(28% 0 60% 0);transform:translateX(8px)}
 93%,100%{opacity:0;transform:none;clip-path:none}}
@keyframes pisca{0%,84%,94%,100%{filter:none}86%{filter:brightness(1.6) contrast(1.4)}90%{filter:brightness(.6)}}

/* ---- livro que folheia com o scroll ---- */
.folhear{margin:0 auto 56px;max-width:860px}
.folhear-palco{display:grid;gap:16px}
.livro-aberto{position:relative;display:grid;grid-template-columns:1fr 1fr;perspective:2200px;aspect-ratio:1344/953;box-shadow:0 40px 70px -30px #000}
.livro-aberto img{display:block;width:100%;height:100%;object-fit:cover}
.pag-esq,.pag-dir{position:relative;background:#F2EEE6}
.pag-esq::after{content:"";position:absolute;inset:0 0 0 auto;width:14%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.22))}
.pag-dir::after{content:"";position:absolute;inset:0 auto 0 0;width:14%;background:linear-gradient(270deg,transparent,rgba(0,0,0,.2))}
.folha{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform}
.folha .lado{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#F2EEE6;overflow:hidden}
.folha .verso{transform:rotateY(180deg)}
.folha .frente::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 14%);opacity:var(--sombra,0)}
.folha .verso::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(0,0,0,.2),transparent 14%)}
.folhear .leg{text-align:center}
@media (prefers-reduced-motion:no-preference){
 .folhear.ativo{height:260vh}
 .folhear.ativo .folhear-palco{position:sticky;top:max(10vh,60px)}
}

/* ---- hero de frente, igual a capa do podcast: homem centralizado, texto embaixo ---- */
.frente{position:relative;overflow:hidden;background:var(--preto);text-align:center;padding-bottom:72px}
.frente .marca{position:relative;z-index:4}
.frente .cena{position:relative;width:min(100%,640px);margin:8px auto -34%;aspect-ratio:1100/1375}
.frente .bg,.frente .camada{position:absolute;inset:0;overflow:hidden}
.frente .bg img,.frente .camada img{width:100%;height:100%;object-fit:cover;transform-origin:50% 40%;will-change:transform}
.frente .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--preto) 0,transparent 22%,transparent 78%,var(--preto) 100%),linear-gradient(180deg,var(--preto) 0,transparent 10%,transparent 40%,var(--preto) 82%)}
.frente .camada{z-index:1;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 80%),linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 45%,transparent 80%),linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask-composite:intersect}
.frente .hero-txt{position:relative;z-index:3;max-width:760px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center}
.frente h1{font-size:clamp(36px,9.6vw,64px);line-height:1.08;text-shadow:0 2px 24px rgba(0,0,0,.85)}
.frente h1 span{display:block}
.frente .traco{width:72px;height:2px;background:var(--ambar);margin:26px auto 18px}
.frente .tag{font:600 13px/18px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--nevoa)}
.frente .sub{font:400 21px/31px var(--serif);color:var(--pergaminho);margin:22px 0 28px;max-width:28em}
.frente .btn{margin:0 auto;max-width:343px}
.frente .fatos{justify-content:center}
@media (prefers-reduced-motion:no-preference){.frente .camada{animation:respira 7s ease-in-out infinite}}
@keyframes respira{0%,100%{transform:scale(1)}50%{transform:scale(1.012) translateY(-2px)}}
@media(min-width:1100px){
 .frente{padding-bottom:96px}
 .frente .marca{position:absolute;top:32px;left:max(24px,calc(50% - 580px));text-align:left;padding:0}
 .frente .cena{width:620px;margin:20px auto -30%}
 .frente .sub{font-size:24px;line-height:35px}
}