/* ============ TOKENS ============ */
:root{
  --navy:#1B2A4A; --navy-deep:#141F38; --navy-hi:#22335A;
  --gold:#C9A227; --gold-soft:#E4CD82; --gold-line:rgba(201,162,39,.16);
  --ivory:#F4EFE6; --ivory-70:rgba(244,239,230,.72); --ivory-55:rgba(244,239,230,.55);
  --maxw:1180px; --gutter:clamp(18px,4vw,64px); --radius:26px; --ease:cubic-bezier(.16,1,.3,1);
}
@property --beam{syntax:"<angle>";inherits:false;initial-value:0deg}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;background:var(--navy);color:var(--ivory);overflow-x:clip}
.page{position:relative;overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold);color:var(--navy)}

/* ============ TIPOGRAFIA — 2 VOZES ============ */
body{font-family:"Inter",system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;font-size:clamp(16px,1.05vw,18px)}
.h-sec,.hero__title,.frase__ty,.price,.pull,.ala__t,.kpi__n,.ben h3{font-family:"Playfair Display",Georgia,serif}
.kicker{font:600 .75rem "Inter",sans-serif;text-transform:uppercase;letter-spacing:.28em;color:var(--gold);margin:0 0 1.1rem}
.h-sec{font-weight:600;line-height:1.02;letter-spacing:-.015em;font-size:clamp(1.7rem,4.4vw,3rem);margin:0 0 1.1rem;max-width:22ch}
.lead{color:var(--ivory-70);line-height:1.6;max-width:60ch;margin:0 0 1.2rem}
.lead b,.steps b,.ticks b{color:var(--ivory);font-weight:600}
.lead--sm{font-size:.92rem}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.wrap--narrow{max-width:760px}
.center{text-align:center}
.center .lead,.center .kicker,.center .h-sec{margin-inline:auto}

/* ============ SEÇÕES ============ */
.sala{position:relative;padding-block:clamp(40px,6.5vh,80px)}
.sala + .sala{border-top:1px solid rgba(244,239,230,.06)}
.grid-2{display:grid;gap:clamp(26px,5vw,60px);align-items:center;grid-template-columns:1fr}
@media(min-width:820px){.grid-2{grid-template-columns:1fr 1fr}}

/* ============ MOLDURA / GLASS ============ */
.piece{border-radius:var(--radius);padding:clamp(20px,3.5vw,42px);background:linear-gradient(180deg,rgba(34,51,90,.42),rgba(20,31,56,.62));box-shadow:inset 0 0 0 1px var(--gold-line),0 30px 80px -40px rgba(0,0,0,.7)}
.glass{border-radius:16px;background:linear-gradient(180deg,rgba(244,239,230,.05),rgba(244,239,230,.02));box-shadow:inset 0 0 0 1px rgba(244,239,230,.08)}

/* ============ BORDER BEAM (feixe dourado na borda) ============ */
[data-beam]{position:relative;isolation:isolate}
[data-beam]::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--beam),transparent 0 78%,var(--gold-soft) 88%,var(--gold) 94%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:beam 6s linear infinite}
@keyframes beam{to{--beam:360deg}}

/* ============ HERO (parallax 3D em camadas) ============ */
.hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:clamp(80px,12vh,120px) var(--gutter) clamp(56px,9vh,86px);overflow:clip}
.hero__scene{position:absolute;inset:0;overflow:clip;perspective:1200px}
.hero__layer{position:absolute;inset:0;transition:transform .5s var(--ease);will-change:transform}
.hero__far{inset:-6%;background:#0e1626 url(assets/hero-far.jpg) center/cover no-repeat}
.hero__near{inset:-6%;background:url(assets/hero-arch.jpg) center/cover no-repeat;-webkit-mask:url(assets/hero-arch-mask.png) center/cover no-repeat;mask:url(assets/hero-arch-mask.png) center/cover no-repeat}
.hero__scrim{position:absolute;inset:0;pointer-events:none;z-index:4;background:radial-gradient(64% 56% at 50% 55%,rgba(8,11,20,.60),rgba(8,11,20,.24) 52%,rgba(8,11,20,0) 78%),linear-gradient(to bottom,rgba(8,11,20,.30),rgba(8,11,20,0) 32%,rgba(8,11,20,0) 60%,rgba(8,11,20,.46))}
.hero__glow{inset:-6%;background:radial-gradient(40% 42% at 50% 40%,rgba(255,205,128,.30),rgba(255,205,128,0) 66%);mix-blend-mode:screen;animation:glowpulse 7s ease-in-out infinite alternate}
@keyframes glowpulse{from{opacity:.6}to{opacity:1}}
.hero__dust{inset:0;pointer-events:none;overflow:hidden}
.hero__dust .p{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,243,206,.95),rgba(255,243,206,0) 70%);opacity:0;will-change:transform,opacity;animation:floatUp linear infinite}
@keyframes floatUp{0%{opacity:0;transform:translateY(30px) scale(.5)}12%{opacity:.75}82%{opacity:.5}100%{opacity:0;transform:translateY(-150px) scale(1.05)}}
.hero__fg{display:grid;place-items:center;padding-inline:var(--gutter);z-index:5}
.hero__piece{position:relative;z-index:2;max-width:640px;text-align:center;display:flex;flex-direction:column;align-items:center;padding:clamp(18px,4vw,38px)}
.hero__piece::before{content:"";position:absolute;inset:-6% -10%;z-index:-1;background:radial-gradient(58% 60% at 50% 46%,rgba(8,11,20,.58),rgba(8,11,20,0) 72%);pointer-events:none}
.hero__title{font-weight:600;line-height:1.02;letter-spacing:-.02em;margin:.4rem 0 1.1rem;font-size:clamp(2.3rem,7vw,4.6rem);max-width:16ch;color:var(--ivory);text-shadow:0 2px 34px rgba(0,0,0,.55),0 1px 4px rgba(0,0,0,.45)}
.hero__fg .kicker{text-shadow:0 1px 14px rgba(0,0,0,.6)}
.hero__sub{color:var(--ivory);line-height:1.6;max-width:52ch;margin:0 0 1.7rem;font-size:clamp(1rem,1.6vw,1.15rem);text-shadow:0 1px 18px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.45)}
.emblema--sm{filter:drop-shadow(0 8px 20px rgba(0,0,0,.55))}
.emblema--sm{width:clamp(56px,8vw,82px);height:auto;border-radius:14px;margin-bottom:1rem;box-shadow:0 10px 30px -14px rgba(0,0,0,.8)}
.hero__logo{width:clamp(112px,18vw,162px);height:auto;margin-bottom:.7rem;filter:drop-shadow(0 12px 30px rgba(0,0,0,.55))}
.scroll-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ivory-55);margin:0}
.tilt-btn{position:absolute;bottom:16px;right:14px;z-index:6;background:rgba(20,31,56,.66);color:var(--ivory-70);border:0;box-shadow:inset 0 0 0 1px var(--gold-line);border-radius:999px;padding:.5rem .85rem;font:600 .68rem "Inter",sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tilt-btn[hidden]{display:none}
.tilt-btn:active{transform:scale(.96)}

/* ============ SHINY TEXT (brilho passando) ============ */
.shiny{background:linear-gradient(110deg,#D4A72A 0%,#F6DD82 32%,#FFF7E0 50%,#F6DD82 68%,#D4A72A 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 4.5s linear infinite;text-shadow:none;filter:drop-shadow(0 0 7px rgba(0,0,0,.35))}
@keyframes shine{to{background-position:-220% 0}}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.shiny{color:#F0CD5E}}

/* ============ MARQUEE ============ */
.marquee{overflow:clip;border-block:1px solid rgba(244,239,230,.07);background:var(--navy-deep);padding-block:1rem}
.marquee__track{display:inline-flex;align-items:center;gap:1.6rem;white-space:nowrap;will-change:transform;animation:marq var(--dur,42s) linear infinite;font-family:"Playfair Display",serif;font-size:clamp(1rem,2vw,1.4rem);color:var(--ivory-70)}
.marquee--rev .marquee__track{animation-direction:reverse}
.marquee i{color:var(--gold);font-style:normal}
.marquee span{color:var(--ivory)}
@keyframes marq{to{transform:translateX(-50%)}}

/* ============ VÍDEO ============ */
.video__frame{position:relative;overflow:clip;aspect-ratio:16/9;padding:0;display:grid;place-items:center;margin-top:1.6rem}
.video__poster{width:100%;height:100%;object-fit:cover;opacity:.4}
.video__player{width:100%;height:100%;object-fit:cover;display:block;background:#0b1120}
.video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video__play{position:absolute;width:82px;height:82px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(180deg,var(--gold-soft),var(--gold));box-shadow:0 20px 50px -18px rgba(201,162,39,.7);display:grid;place-items:center;transition:transform .2s var(--ease)}
.video__play:hover{transform:scale(1.06)}
.video__play span{width:0;height:0;border-left:20px solid var(--navy);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.video__soon{position:absolute;bottom:14px;right:16px;font-size:.68rem;text-transform:uppercase;letter-spacing:.2em;color:var(--ivory-55)}
/* efeito: vídeo desdobra da pílula pro quadro ao entrar na tela (sem sticky) */
.video__frame{will-change:clip-path}
.video__frame{border-radius:18px}
.video__soundcta{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;border:0;cursor:pointer;background:rgba(11,17,32,.34);color:var(--ivory);font-weight:600;font-size:1.02rem;letter-spacing:.01em;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.video__soundicon{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:linear-gradient(180deg,var(--gold-soft),var(--gold));font-size:2rem;box-shadow:0 14px 36px -10px rgba(201,162,39,.85);animation:soundpulse 1.8s ease-in-out infinite}
@keyframes soundpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
.video__soundcta.is-hidden{display:none}
@media(max-width:700px){.video .video__frame{margin-inline:calc(-1 * var(--gutter) + 8px);border-radius:14px}}

/* ============ ORIGEM / RETRATO ============ */
.portrait{margin:0;text-align:center}
.portrait__frame{border-radius:20px;overflow:clip;max-width:340px;margin-inline:auto;background:var(--navy-deep)}
.portrait__frame img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.portrait__frame img.is-fallback{object-fit:contain;padding:22%;opacity:.9}
.portrait figcaption{margin-top:1rem;font-size:.82rem;letter-spacing:.05em;color:var(--ivory-55)}
.pull--sm{font-size:clamp(1.2rem,2.6vw,1.6rem);margin:1.2rem 0}

/* ============ PROBLEMA / PULL ============ */
.pull{font-weight:500;font-style:italic;line-height:1.28;letter-spacing:-.01em;font-size:clamp(1.5rem,4.2vw,2.5rem);color:var(--ivory);margin:0 0 1.3rem;border-left:2px solid var(--gold-line);padding-left:clamp(16px,3vw,28px)}
.pull em{color:var(--gold);font-style:italic}

/* ============ KPIs / TICKER ============ */
.kpis{list-style:none;margin:2.2rem 0 0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:720px){.kpis{grid-template-columns:repeat(4,1fr)}}
.kpi{padding:1.3rem 1rem;display:flex;flex-direction:column;gap:.3rem;text-align:center}
.kpi__n{font-weight:600;font-size:clamp(2rem,5vw,2.9rem);line-height:1;color:var(--ivory)}
.kpi__l{font-size:.76rem;text-transform:uppercase;letter-spacing:.15em;color:var(--ivory-55)}

/* ============ GALERIA (rail) ============ */
.rail{display:flex;gap:clamp(16px,3vw,28px);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:clamp(22px,4vw,40px) var(--gutter) 1rem}
.rail::-webkit-scrollbar{display:none}
.frase-card{flex:0 0 min(80vw,400px);scroll-snap-align:center;padding:1.8rem 1.6rem;display:flex;flex-direction:column;gap:.7rem;min-height:190px}
.tag{align-self:flex-start;font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);padding:.35rem .7rem;border-radius:999px;box-shadow:inset 0 0 0 1px var(--gold-line)}
.frase__ty{font-weight:500;font-size:clamp(1.05rem,2.4vw,1.35rem);line-height:1.25;color:var(--ivory);margin:auto 0 .3rem;hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:pretty}
.frase__pt{color:var(--ivory-55);font-size:.92rem;margin:0}
.rail-hint{color:var(--ivory-55);font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;margin:.6rem 0 0}

/* ============ BENEFÍCIOS ============ */
.bens{display:grid;gap:16px;margin-top:1.6rem;grid-template-columns:1fr}
@media(min-width:640px){.bens{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.bens{grid-template-columns:repeat(4,1fr)}}
.ben{padding:1.6rem 1.4rem;border-radius:16px;background:var(--navy-deep);box-shadow:inset 0 0 0 1px rgba(244,239,230,.06)}
.ben h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--ivory)}
.ben h3::before{content:"";display:block;width:26px;height:2px;background:var(--gold);margin-bottom:.8rem}
.ben p{color:var(--ivory-70);font-size:.92rem;line-height:1.5;margin:0}

/* ============ MÉTODO ============ */
.steps,.ticks{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:1rem}
.steps li,.ticks li{padding-left:1.7rem;position:relative;color:var(--ivory-70);line-height:1.5}
.steps li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.ticks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--gold);font-weight:700}
.netflix{padding:clamp(12px,2vw,18px);overflow:clip}.netflix img{border-radius:14px}

/* ============ NÍVEIS ============ */
.alas{position:relative}
.gutter-index{display:none}
@media(min-width:1080px){.gutter-index{display:flex;flex-direction:column;gap:.4rem;position:absolute;left:max(18px,calc((100vw - var(--maxw))/2 - 8px));top:40%;z-index:3}.gi{font-family:"Playfair Display",serif;font-size:1.3rem;color:var(--ivory);opacity:.28;transition:opacity .4s,color .4s}.gi.is-active{opacity:1;color:var(--gold)}}
.alas__grid{display:grid;gap:clamp(18px,3vw,26px);margin-top:1.4rem;grid-template-columns:1fr}
@media(min-width:760px){.alas__grid{grid-template-columns:repeat(3,1fr)}}
.ala{border-radius:18px;overflow:clip;background:var(--navy-deep);box-shadow:inset 0 0 0 1px rgba(244,239,230,.06);transition:transform .3s var(--ease)}
.ala:hover{transform:translateY(-4px)}
.ala__cover{aspect-ratio:16/9;overflow:clip}.ala__cover img{width:100%;height:100%;object-fit:cover}
.ala__body{padding:1.4rem 1.4rem 1.6rem;position:relative}
.ala__n{position:absolute;top:-1.4rem;right:1rem;font-family:"Playfair Display",serif;font-size:2.4rem;color:var(--gold)}
.ala__t{font-weight:600;font-size:1.4rem;margin:.2rem 0 .5rem}.ala__t span{color:var(--ivory-55);font-size:.9rem;font-family:"Inter",sans-serif}
.ala__body p{color:var(--ivory-70);font-size:.92rem;margin:0;line-height:1.5}
.ala__note{margin:1.6rem 0 0;color:var(--ivory-55);text-align:center}.ala__note b{color:var(--ivory)}

/* ============ PROVA / LIVRO ============ */
.livro{margin:0 auto;position:relative;border-radius:14px;overflow:clip;aspect-ratio:2/3;max-width:340px;background:var(--navy-deep);box-shadow:inset 0 0 0 1px var(--gold-line),0 34px 64px -26px rgba(0,0,0,.65),0 10px 24px -18px rgba(0,0,0,.5);display:grid;place-items:center}
.livro img{width:100%;height:100%;object-fit:cover}
.livro__ph{display:none;color:var(--ivory-55);font-size:.8rem;text-transform:uppercase;letter-spacing:.2em}
.livro.is-empty img{display:none}.livro.is-empty .livro__ph{display:block}

/* ============ BOTÕES ============ */
.btn{display:inline-flex;align-items:center;gap:.6ch;min-height:52px;padding:.85rem 1.7rem;border-radius:999px;font-weight:600;font-size:1rem;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.btn--ghost{color:var(--ivory);box-shadow:inset 0 0 0 1px var(--gold-line)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--gold);transform:translateY(-2px)}
.btn--gold{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:var(--navy);box-shadow:0 16px 40px -16px rgba(201,162,39,.6)}
.btn--gold:hover{transform:translateY(-2px);box-shadow:0 22px 54px -18px rgba(201,162,39,.75)}
.whisper{color:var(--ivory-55);font-size:.9rem;margin:1rem 0 0}.whisper b{color:var(--ivory)}
.link-gold{color:var(--gold);font-weight:600;border-bottom:1px solid var(--gold-line);padding-bottom:2px;transition:border-color .2s;display:inline-block;margin-top:.6rem}.link-gold:hover{border-color:var(--gold)}

/* ============ OFERTA / TICKET ============ */
.ticket{display:grid;grid-template-columns:1fr;overflow:clip}
@media(min-width:820px){.ticket{grid-template-columns:1.15fr .85fr}}
.ticket__stub{padding:clamp(24px,4vw,44px)}
.ticket__price{padding:clamp(24px,4vw,44px);text-align:center;background:linear-gradient(180deg,rgba(201,162,39,.06),rgba(27,42,74,0));border-top:1px dashed var(--gold-line)}
@media(min-width:820px){.ticket__price{border-top:0;border-left:1px dashed var(--gold-line)}}
.stack{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.7rem}
.stack li{padding-left:1.7rem;position:relative;color:var(--ivory-70);line-height:1.4}
.stack li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}.stack li b{color:var(--ivory)}
.tag--launch{display:inline-block;margin:0 0 1rem;background:rgba(201,162,39,.12)}
.price{font-weight:700;line-height:1;color:var(--ivory);margin:.2rem 0 0;font-size:clamp(3.4rem,11vw,5rem)}
.price__cur{font-size:.4em;vertical-align:.55em;color:var(--ivory-70);margin-right:.1em}
.price__cents{font-size:.42em;vertical-align:.55em}
.price__sub{color:var(--ivory-55);font-size:.85rem;margin:.4rem 0 1.4rem}
.ticket .btn--gold{width:100%;justify-content:center}
.guarantee{margin:1rem 0 0;font-size:.82rem;color:var(--ivory-55);line-height:1.5}

/* ============ FAQ ============ */
.faq details{border-bottom:1px solid rgba(244,239,230,.09);padding:1.1rem 0}
.faq summary{cursor:pointer;font-weight:600;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:1.4rem;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--ivory-70);line-height:1.6;margin:.7rem 0 0;max-width:64ch}

/* ============ SAÍDA / FOOTER ============ */
.saida{position:relative;overflow:clip}.saida .emblema--sm{margin-inline:auto}
.cta-mono{width:clamp(58px,9vw,82px);height:auto;margin:0 auto .7rem;filter:drop-shadow(0 8px 22px rgba(0,0,0,.5))}
.rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.ring{position:absolute;width:min(60vw,480px);aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(201,162,39,.22);opacity:0}
.saida .wrap{position:relative;z-index:2}
.foot{padding:2.4rem 0;border-top:1px solid rgba(244,239,230,.07);color:var(--ivory-55);font-size:.82rem}
.foot__row{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}

/* ============ STICKY CTA ============ */
.sticky-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;display:none;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .8rem .7rem 1.2rem;border-radius:16px;background:linear-gradient(180deg,rgba(34,51,90,.96),rgba(20,31,56,.98));box-shadow:inset 0 0 0 1px var(--gold-line),0 20px 50px -20px rgba(0,0,0,.8);color:var(--ivory);font-size:.9rem}
.sticky-cta.show{display:flex}.sticky-cta b{color:var(--ivory)}
.sticky-cta__btn{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:var(--navy);font-weight:700;padding:.6rem 1.1rem;border-radius:999px;min-height:44px;display:grid;place-items:center}
@media(min-width:900px){.sticky-cta{display:none!important}}

/* ============ SEÇÕES COM PAISAGEM (intercaladas) ============ */
.sala--scape{background-image:linear-gradient(180deg,rgba(15,22,40,.96) 0%,rgba(15,22,40,var(--o1,.64)) 17%,rgba(15,22,40,var(--o2,.8)) 83%,rgba(15,22,40,.96) 100%),var(--scape);background-size:cover;background-position:center;background-repeat:no-repeat}
.sala--scape .h-sec,.sala--scape .pull{text-shadow:0 2px 26px rgba(0,0,0,.55)}
.sala--scape .lead{color:var(--ivory)}
.problema{--scape:url(assets/scape-problema.jpg);--o1:.5;--o2:.74}
.galeria{--scape:url(assets/scape-galeria.jpg);--o1:.74;--o2:.88}
.percurso{--scape:url(assets/scape-percurso.jpg);--o1:.64;--o2:.83}
.saida{--scape:url(assets/scape-saida.jpg);--o1:.56;--o2:.8}

/* ============ HERO MOBILE (retrato — mostra mais o arco) ============ */
@media(max-width:700px){
  .hero__far{background-image:url(assets/hero-far-m.jpg)}
  .hero__near{background-image:url(assets/hero-arch-m.jpg);-webkit-mask-image:url(assets/hero-arch-m-mask.png);mask-image:url(assets/hero-arch-m-mask.png)}
}

/* ============ ESTADOS INICIAIS (só com JS) ============ */
.js-anim .reveal{opacity:0;transform:translateY(24px)}
.js-anim .hero__piece{opacity:0;transform:translateY(20px)}
.js-anim .split .ltr{opacity:0;transform:translateY(12px);filter:blur(6px);display:inline-block;will-change:transform,opacity,filter}

/* ============ REDUCED MOTION ============ */
@media(prefers-reduced-motion:reduce){
  .reveal,.split .ltr,.hero__piece{opacity:1!important;transform:none!important;filter:none!important}
  .ring,[data-beam]::after{display:none}
  .marquee__track,.shiny,.hero__glow,.hero__dust .p{animation:none}
  .hero__layer{transition:none}
  .shiny{color:var(--gold)}
  *{scroll-behavior:auto!important}
}