@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url(../fonts/barlow-700.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:800;font-display:swap;src:url(../fonts/barlow-800.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/instrument-italic.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:400 600;font-display:swap;src:url(../fonts/manrope.woff2) format("woff2")}

:root{
  --navy:#0a1428; --navy-2:#101e3a; --navy-3:#182a4e;
  --paper:#f3efe6; --paper-dim:rgba(243,239,230,.72); --line:rgba(243,239,230,.14);
  --sand:#c9a96a; --live:#5fd39a;
  --display:"Barlow Condensed","Arial Narrow",sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
  --body:"Manrope",system-ui,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --pad:clamp(18px,5vw,56px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--navy);color:var(--paper);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
body{font:400 16px/1.6 var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
em{font-family:var(--serif);font-style:italic;font-weight:400}
:focus-visible{outline:2px solid var(--sand);outline-offset:3px;border-radius:10px}
svg{display:block}

.bg{position:fixed;inset:0;z-index:-1;background:
  radial-gradient(60% 45% at 85% 10%,rgba(44,82,150,.45),transparent 70%),
  radial-gradient(50% 40% at 0 60%,rgba(42,74,133,.3),transparent 70%),
  linear-gradient(180deg,var(--navy-3),var(--navy) 40%)}
.grain{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* abertura tipo corte de vídeo */
.curtain{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:var(--paper);color:var(--navy);pointer-events:none;animation:wipe .9s var(--ease) .45s forwards}
.curtain .mono{font-size:96px;animation:pop .5s var(--ease) both}
.curtain .mono>span{color:#8a6a35}
@keyframes wipe{to{clip-path:inset(0 0 100% 0);visibility:hidden}}
@keyframes pop{from{opacity:0;transform:scale(.8);filter:blur(6px)}}
.curtain{clip-path:inset(0 0 0 0)}

.bar{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;background:var(--sand);transform-origin:0 50%;transform:scaleX(var(--sp,0))}

.top{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) var(--pad) 12px;background:rgba(10,20,40,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.logo{position:relative;display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:0 4px}
/* monograma em rubrica: iniciais em serifa itálica sobrepostas + traço de assinatura */
.mono{font:400 38px/1 var(--serif);font-style:italic;letter-spacing:-.04em;white-space:nowrap}
.mono>span{display:inline-block;margin-left:-.2em;transform:translateY(.1em);color:var(--sand)}
.swash{position:absolute;left:-4px;bottom:0;width:48px;height:11px;overflow:visible;pointer-events:none}
.swash path{fill:none;stroke:var(--sand);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:sign 1.4s var(--ease) 1.5s forwards}
@keyframes sign{to{stroke-dashoffset:0}}
.logo-name{display:none;white-space:nowrap;padding-left:14px;border-left:1px solid var(--line);font:600 11px/1 var(--body);letter-spacing:.32em;text-transform:uppercase;color:var(--paper-dim)}
@media (min-width:560px){.logo-name{display:block}}
.top-cta{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:99px;background:var(--paper);color:var(--navy);font:700 15px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 6px 16px -8px rgba(0,0,0,.5);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}

/* botões */
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:99px;border:1px solid rgba(243,239,230,.35);font:700 18px/1 var(--display);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 6px 16px -8px rgba(0,0,0,.5);transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .3s,border-color .3s}
.btn-main{background:var(--paper);color:var(--navy);border-color:var(--paper)}
.btn:active,.top-cta:active{transform:scale(.97)}
@media (hover:hover){
  .btn:hover,.top-cta:hover{transform:translateY(-3px);box-shadow:0 16px 28px -12px rgba(0,0,0,.65)}
  .btn:not(.btn-main):hover{border-color:var(--paper);background:rgba(243,239,230,.06)}
}

/* hero */
.hero{min-height:100svh;display:grid;align-items:center;gap:20px;padding:110px var(--pad) 40px;max-width:1240px;margin:0 auto}
.eyebrow{font:600 12px/1.4 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--sand);animation:fadeUp .9s var(--ease) 1.05s backwards}
.title{font:800 clamp(72px,22vw,180px)/.86 var(--display);text-transform:uppercase;letter-spacing:-.005em;margin:14px 0 18px}
.title .ln{display:inline-block;overflow:hidden;padding-bottom:.04em;vertical-align:top}
.title .ln>span{display:inline-block;animation:rise 1.1s var(--ease) 1s backwards}
.title .ln+.ln>span{animation-delay:1.1s}
.out{color:transparent;-webkit-text-stroke:2px var(--paper)}
@keyframes rise{from{transform:translateY(105%) skewY(6deg)}}
.sub{font:400 clamp(21px,5.4vw,30px)/1.25 var(--serif);color:var(--paper-dim);max-width:30ch;animation:fadeUp 1s var(--ease) 1.3s backwards}
.sub em{color:var(--paper)}
.hero .actions{animation:fadeUp 1s var(--ease) 1.45s backwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px);filter:blur(6px)}}

/* ventilador 3D: parallax (rolagem) > tilt (mouse) > flutuação */
.vent{justify-self:center;width:min(78vw,400px);margin-top:28px;animation:fadeUp 1.2s var(--ease) 1.2s backwards}
.vent-par{transform:translateY(calc(var(--sy,0) * -.06px));perspective:900px}
.vent-tilt{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease);transform-style:preserve-3d}
.vent-float{animation:float 7s ease-in-out infinite;transform-style:preserve-3d}
@keyframes float{0%,100%{transform:rotateY(-16deg) rotateX(6deg) translateY(0)}50%{transform:rotateY(-6deg) rotateX(3deg) translateY(-10px)}}
.vent svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.vent figcaption{font:600 11px/1.4 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim)}
.vent figcaption{text-align:center;margin-top:8px}
.v-shadow,.o-shadow{fill:#000;opacity:.35}
.tube{fill:none;stroke:#c9d9f2;stroke-opacity:.55;stroke-width:11;stroke-linecap:round}
.tube.rings{stroke:#0a1428;stroke-opacity:.35;stroke-width:11;stroke-dasharray:1.5 3.5;stroke-linecap:butt}
.water{fill:#7fb2ff;fill-opacity:.7}
.scr-h{font:700 8px var(--body);letter-spacing:.14em;fill:#f3efe6;fill-opacity:.6}
.scr-l{font:600 7px var(--body);letter-spacing:.08em;fill:#f3efe6;fill-opacity:.55}
.scr-v{font:800 16px var(--display);fill:#5fd39a}
.scr-v.sand{fill:#c9a96a}
.wave{animation:sweep 2.4s linear infinite}
@keyframes sweep{to{transform:translateX(-60px)}}
.w-p,.w-f{fill:none;stroke-width:1.6;stroke-linejoin:round}
.w-p{stroke:#5fd39a}
.w-f{stroke:#c9a96a}
.blink{fill:#5fd39a;animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:.15}}

/* faixa corrida */
.marquee{overflow:hidden;border-block:1px solid var(--line);padding:16px 0;background:rgba(243,239,230,.03)}
.mq{display:flex;width:max-content;gap:28px;align-items:center;animation:mq 30s linear infinite}
.mq span{font:800 clamp(28px,7vw,48px)/1 var(--display);text-transform:uppercase;white-space:nowrap}
.mq span:nth-of-type(even){color:transparent;-webkit-text-stroke:1.2px var(--paper)}
.mq i{font-style:normal;color:var(--sand);font-size:18px}
@keyframes mq{to{transform:translateX(calc(-50% - 14px))}}

/* seções */
section{padding:clamp(72px,12vw,140px) var(--pad);max-width:1240px;margin:0 auto}
.kicker{font:800 clamp(40px,10vw,76px)/.95 var(--display);text-transform:uppercase;letter-spacing:.005em;margin-bottom:28px}
.kicker em{display:block;text-transform:none;color:var(--sand);font-size:.62em;margin-top:6px}

.about{display:grid;gap:36px;align-items:center}
.about-pic{position:relative;width:200px;height:200px;justify-self:center}
.about-pic img{position:absolute;inset:26px;width:148px;height:148px;border-radius:50%;object-fit:cover;box-shadow:0 20px 40px -16px rgba(0,0,0,.6)}
.spin{position:absolute;inset:0;width:100%;height:100%;animation:spin 22s linear infinite}
.spin text{font:600 11.5px var(--body);letter-spacing:.32em;fill:var(--sand)}
@keyframes spin{to{transform:rotate(360deg)}}
.lead{font:700 clamp(26px,6.4vw,46px)/1.12 var(--display);text-transform:uppercase;letter-spacing:.01em;max-width:24ch}
.lead .w{opacity:.18;transition:opacity .35s}
.lead .w.on{opacity:1}

.cards{display:grid;gap:14px}
.card,.obj{position:relative;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(243,239,230,.07),rgba(243,239,230,.02));box-shadow:0 6px 16px -8px rgba(0,0,0,.5);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s}
.card{padding:26px 22px}
@media (hover:hover){.card:hover,.obj:hover{--ty:-4px;border-color:rgba(243,239,230,.4);box-shadow:0 22px 40px -18px rgba(0,0,0,.7)}}
.tag{display:inline-block;padding:6px 11px;border-radius:99px;background:rgba(201,169,106,.14);color:var(--sand);font:600 12px/1 var(--body);letter-spacing:.1em;text-transform:uppercase}
.card h3{font:800 32px/1 var(--display);text-transform:uppercase;margin:18px 0 10px}
.card p{color:var(--paper-dim)}

.obj-grid{display:grid;gap:12px}
.obj{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:center;padding:16px 18px}
.obj svg{width:100%;margin:0 auto;overflow:visible}
.obj figcaption{display:flex;flex-direction:column;gap:6px}
.obj figcaption strong{font:800 24px/1 var(--display);text-transform:uppercase}
.obj figcaption span{font:400 15px/1.45 var(--body);color:var(--paper-dim)}
/* estudo: página virando */
.lines path{fill:none;stroke:#0a1428;stroke-opacity:.18;stroke-width:2;stroke-linecap:round}
.flip{transform-box:view-box;transform-origin:100px 0;animation:flip 4.8s var(--ease) infinite}
@keyframes flip{0%,12%{transform:scaleX(1);opacity:0}18%{opacity:1}52%{transform:scaleX(-1);opacity:1}62%,100%{transform:scaleX(-1);opacity:0}}
.pencil{animation:write 2.4s ease-in-out infinite}
@keyframes write{50%{translate:-4px -3px}}
/* marketing: barras subindo, tendência e curtida */
.bars rect{fill:#2c5296;transform-box:fill-box;transform-origin:50% 100%;animation:grow 4s var(--ease) infinite}
.bars rect:nth-child(4){fill:var(--sand)}
.bars rect:nth-child(2){animation-delay:.12s}.bars rect:nth-child(3){animation-delay:.24s}.bars rect:nth-child(4){animation-delay:.36s}
@keyframes grow{0%,8%{transform:scaleY(.2)}40%,85%{transform:scaleY(1)}100%{transform:scaleY(.2)}}
.trend,.trend-tip{fill:none;stroke:var(--live);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.trend{stroke-dasharray:1;animation:trace 4s var(--ease) infinite}
@keyframes trace{0%,15%{stroke-dashoffset:1}50%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
.trend-tip{animation:tip 4s var(--ease) infinite}
@keyframes tip{0%,40%,100%{opacity:0}50%,85%{opacity:1}}
.like{transform-box:fill-box;transform-origin:center;animation:like 4s var(--ease) infinite}
@keyframes like{0%,45%{transform:scale(0);opacity:0}55%{transform:scale(1.15);opacity:1}62%,85%{transform:scale(1);opacity:1}95%,100%{transform:scale(.6);opacity:0}}
/* respiratória: esfera de aço oscilando (pressão expiratória oscilante) */
.steel{animation:osc .22s ease-in-out infinite alternate}
@keyframes osc{to{transform:translateY(-6px)}}
.air path{fill:none;stroke:#c9d9f2;stroke-width:2.4;stroke-linecap:round;opacity:0;animation:air 1.8s ease-out infinite}
.air path:nth-child(2){animation-delay:.3s}.air path:nth-child(3){animation-delay:.6s}
@keyframes air{0%{opacity:0;translate:0 8px}30%{opacity:.8}100%{opacity:0;translate:0 -6px}}
.lift{animation:lift 3.6s var(--ease) infinite;transform-box:fill-box;transform-origin:center}
@keyframes lift{0%,100%{translate:0 0}50%{translate:0 -14px}}
.bounce{animation:bounce 2.2s cubic-bezier(.5,0,.5,1) infinite;transform-box:fill-box;transform-origin:50% 100%}
@keyframes bounce{0%,100%{transform:translateY(-16px)}46%{transform:translateY(8px) scale(1,1)}52%{transform:translateY(10px) scale(1.06,.92)}58%{transform:translateY(8px) scale(1,1)}}
.ball-sh{animation:shadow 2.2s cubic-bezier(.5,0,.5,1) infinite;transform-box:fill-box;transform-origin:center}
@keyframes shadow{0%,100%{transform:scale(.75);opacity:.2}50%{transform:scale(1);opacity:.4}}

/* cena "filme": a moldura abre conforme a rolagem */
.film{max-width:none;padding:0;height:220vh}
.film-stick{position:sticky;top:0;height:100svh;display:grid;place-items:center;padding:80px var(--pad) 24px}
.frame{--k:calc(1 - var(--fp,0));position:relative;width:100%;max-width:1240px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:28px;overflow:hidden;background:
  radial-gradient(70% 60% at 50% 40%,rgba(44,82,150,.55),transparent 70%),var(--navy-2);border:1px solid var(--line);clip-path:inset(calc(var(--k) * 30%) calc(var(--k) * 22%) round 28px)}
.film-eye{font:600 12px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--sand)}
.frame h2{font:800 clamp(64px,19vw,190px)/.88 var(--display);text-transform:uppercase;margin:14px 0;transform:scale(calc(.7 + var(--fp,0) * .3))}
.frame h2 em{display:block;text-transform:none;color:var(--sand);font-size:.62em}
.film-sub{font:400 clamp(19px,4.6vw,26px)/1.3 var(--serif);color:var(--paper-dim);max-width:28ch;padding:0 12px;opacity:var(--fp,0)}
.ecg{position:absolute;left:0;right:0;bottom:8%;width:100%;height:70px}
.ecg path{fill:none;stroke:var(--live);stroke-width:2;stroke-linejoin:round;stroke-dasharray:22 78;animation:ecg 3s linear infinite;vector-effect:non-scaling-stroke}
@keyframes ecg{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}

/* jornada */
.steps{list-style:none;position:relative;display:grid;gap:30px;padding-left:30px}
.steps::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--sand),var(--line))}
.step{position:relative}
.step::before{content:"";position:absolute;left:-30px;top:4px;width:13px;height:13px;border-radius:50%;background:var(--navy);border:2px solid var(--sand)}
.step:nth-child(3)::before{background:var(--sand);box-shadow:0 0 0 6px rgba(201,169,106,.18)}
.step h3{font:800 28px/1 var(--display);text-transform:uppercase;margin:14px 0 8px}
.step p{color:var(--paper-dim);max-width:46ch}
/* como posso ajudar */
.intro{color:var(--paper-dim);font-size:17px;max-width:60ch;margin-bottom:26px}
.help-list{list-style:none;display:grid;gap:12px}
.help-list li{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(243,239,230,.03)}
.help-list svg{flex:none;width:28px;height:28px;fill:none;stroke:var(--sand);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.help-list h3{font:700 22px/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}
.help-list p{color:var(--paper-dim);font-size:15px}
/* conteudos */
.content-grid{display:grid;gap:14px}
.gift,.insta{padding:28px 24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(243,239,230,.07),rgba(243,239,230,.02))}
.gift{border-color:rgba(201,169,106,.45);background:linear-gradient(160deg,rgba(201,169,106,.16),rgba(243,239,230,.02) 60%)}
.gift h3,.insta h3{font:800 clamp(28px,6vw,40px)/1 var(--display);text-transform:uppercase;margin:16px 0 10px}
.gift p,.insta p{color:var(--paper-dim);max-width:44ch}
.gift .actions,.insta .actions{margin-top:22px}
.ig{display:inline-grid;place-items:center;width:44px;height:44px;margin-left:auto;border-radius:50%;border:1px solid var(--line);color:var(--paper);transition:background .3s,border-color .3s}
.ig svg{width:20px;height:20px}
.ig:hover{background:rgba(243,239,230,.08);border-color:rgba(243,239,230,.35)}
.ig+.top-cta{margin-left:0}
.foot-ig{display:inline-flex;align-items:center;min-height:44px;color:var(--paper);text-decoration:underline;text-decoration-color:var(--sand);text-underline-offset:4px}
@media (min-width:720px){
  .steps{grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 0 0}
  .steps::before{left:0;right:0;top:6px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,var(--sand),var(--line))}
  .step::before{left:0;top:-30px}
  .help-list{grid-template-columns:1fr 1fr}
  .content-grid{grid-template-columns:3fr 2fr}
}
.steps .rv:nth-child(2),.help-list .rv:nth-child(2){transition-delay:.1s}
.steps .rv:nth-child(3),.help-list .rv:nth-child(3){transition-delay:.2s}
.steps .rv:nth-child(4),.help-list .rv:nth-child(4){transition-delay:.3s}

.cta{text-align:center}
.cta h2{font:800 clamp(52px,14vw,130px)/.9 var(--display);text-transform:uppercase}
.cta h2 em{text-transform:none;color:var(--sand)}
.cta p{color:var(--paper-dim);margin-top:14px;font-size:17px}
.cta .actions{justify-content:center}

.foot{text-align:center;padding:40px var(--pad) max(36px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}
blockquote{font:italic 400 20px/1.3 var(--serif);color:var(--paper-dim);max-width:32ch;margin:0 auto}
cite{display:block;font:600 12px var(--body);font-style:normal;letter-spacing:.2em;text-transform:uppercase;color:var(--sand);margin-top:10px}
.foot p{margin-top:24px;font-size:13px;color:var(--paper-dim)}

.paused,.paused *{animation-play-state:paused!important}

/* revelar ao rolar */
.js .rv{opacity:0;transform:translateY(28px);filter:blur(8px);transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease)}
.js .rv.in{opacity:1;transform:none;filter:none}
.js .card.rv.in,.js .obj.rv.in{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s,opacity 1s var(--ease),filter 1s var(--ease)}
.cards .rv:nth-child(2),.obj-grid .rv:nth-child(2),.obj-grid .rv:nth-child(4){transition-delay:.1s}
.cards .rv:nth-child(3),.obj-grid .rv:nth-child(5){transition-delay:.2s}

/* cursor (mesmo da página de links) */
.cur-ring,.cur-dot{display:none;position:fixed;left:0;top:0;pointer-events:none;z-index:90;border-radius:50%}
@media (hover:hover) and (pointer:fine){
  html.cur,html.cur a{cursor:none}
  html.cur .cur-ring,html.cur .cur-dot{display:block}
}
.cur-dot{width:4px;height:4px;margin:-2px 0 0 -2px;background:var(--paper);transition:opacity .25s}
.cur-ring{width:22px;height:22px;margin:-11px 0 0 -11px;border:1px solid rgba(243,239,230,.55);transition:width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease),background .3s,border-color .3s,opacity .3s}
.cur-ring.hot{width:38px;height:38px;margin:-19px 0 0 -19px;background:rgba(201,169,106,.12);border-color:var(--sand)}
.cur-ring.down{width:16px;height:16px;margin:-8px 0 0 -8px}
.cur-dot.hot{opacity:0}
.cur-ring.off,.cur-dot.off{opacity:0}

@media (min-width:720px){
  .cards{grid-template-columns:repeat(3,1fr)}
  .obj-grid{grid-template-columns:repeat(6,1fr);gap:14px}
  .obj{grid-column:span 2;display:block;padding:22px 22px 24px}
  .obj.wide{grid-column:span 3}
  .obj svg{width:min(100%,200px)}
  .obj figcaption{margin-top:16px}
  .obj figcaption strong{font-size:28px}
  .about{grid-template-columns:auto 1fr;gap:64px}
  .about-pic{width:260px;height:260px}
  .about-pic img{inset:34px;width:192px;height:192px}
}
@media (min-width:960px){
  .hero{grid-template-columns:1.15fr .85fr;gap:40px}
  .vent{width:100%;max-width:420px}
}
@media (prefers-reduced-transparency:reduce){.top{background:var(--navy);-webkit-backdrop-filter:none;backdrop-filter:none}.grain{display:none}}
@media (prefers-contrast:more){:root{--paper-dim:rgba(243,239,230,.94);--line:rgba(243,239,230,.5)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .curtain{display:none}
  .js .rv{opacity:1;transform:none;filter:none}
  .lead .w{opacity:1}
  .film{height:auto}.film-stick{position:static;height:auto;min-height:80svh}
  .frame{clip-path:none;--fp:1}
  .ecg path{stroke-dasharray:none}
  .swash path{stroke-dashoffset:0}
  .flip{display:none}
}
/* paginas internas: material e 404 */
.doc{padding-top:72px;min-height:80svh}
.doc .kicker{margin-top:18px}
.doc .cta h1{font:800 clamp(52px,14vw,120px)/.9 var(--display);text-transform:uppercase;margin-top:18px}
.doc .cta h1 em{text-transform:none;color:var(--sand)}
.ideas{list-style:none;counter-reset:i;display:grid;gap:12px;margin-top:8px}
.ideas li{counter-increment:i;position:relative;padding:20px 20px 20px 64px;border:1px solid var(--line);border-radius:18px;background:rgba(243,239,230,.03)}
.ideas li::before{content:counter(i);position:absolute;left:20px;top:16px;font:italic 400 30px/1 var(--serif);color:var(--sand)}
.ideas h3{font:700 22px/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}
.ideas p{color:var(--paper-dim);font-size:15px}
@media (min-width:720px){.ideas{grid-template-columns:1fr 1fr}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* hero com vídeo (teste): para voltar, restaure _backup-antes-video/ */
.hero{position:relative;isolation:isolate;max-width:none;padding-left:max(var(--pad),calc((100vw - 1240px)/2 + var(--pad)));padding-right:max(var(--pad),calc((100vw - 1240px)/2 + var(--pad)))}
.hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;background:var(--navy);animation:fadeUp 1.4s var(--ease) .2s backwards}
.hero-bg video{width:100%;height:100%;object-fit:cover;object-position:62% 50%;filter:saturate(.9) contrast(1.05)}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,40,.92) 0%,rgba(10,20,40,.7) 42%,rgba(10,20,40,.2) 100%),linear-gradient(0deg,var(--navy) 0%,rgba(10,20,40,0) 28%)}
.hero .vent{display:none}
@media (max-width:959px){.hero-bg::after{background:linear-gradient(0deg,rgba(10,20,40,.94) 0%,rgba(10,20,40,.72) 55%,rgba(10,20,40,.45) 100%)}}
@media (prefers-reduced-motion:reduce){.hero-bg video{display:none}.hero-bg{background:var(--navy) url(media/hero-poster.webp) 62% 50%/cover}}

/* ventilador movido do hero para a seção própria */
.ventsec{display:grid;gap:8px;align-items:center;justify-items:center;text-align:center}
.ventsec .vent{margin-top:12px;animation:none}
@media (min-width:960px){.ventsec{grid-template-columns:1fr auto;gap:56px;text-align:left;justify-items:start}.ventsec .vent{justify-self:center;width:380px}}
.ventsec .vent-par{transform:none}
.ventsec .vent{margin-top:28px}