/* ═══════════ DIGITAL YK·FB · v18 ═══════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:#1A0F08;color:#F4E8D5;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16px;line-height:1.5;
  -webkit-font-smoothing:antialiased;
  cursor:auto;overflow-x:hidden;
}
a,button{cursor:pointer}
body.loading{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{border:0;background:none;color:inherit;font:inherit;cursor:none}

:root{
  --ink:#100904;--ink2:#1A0F08;--ink3:#231811;
  --cream:#F4E8D5;--cream2:#FFEDD7;--mist:rgba(244,232,213,.5);
  --orange:#FF8539;--orange-d:#DC5000;--orange-rim:#FFB47A;
  --olive:#3D5C3F;
  --hud-line:rgba(244,232,213,.18);
  --hud-bg:rgba(26,15,8,.65);
  --pad:clamp(20px,4vw,60px);
  /* Backwards compat aliases for legacy class names */
  --teal:var(--orange);--teal-d:var(--orange-d);--teal-rim:var(--orange-rim);--neon:var(--orange);
}
body{background:var(--ink2)}

.mono{font-family:'JetBrains Mono','SF Mono',ui-monospace,monospace;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:400}
.serif{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:300}

.display{font-family:'Space Grotesk','Archivo Black',sans-serif;font-weight:700;
  letter-spacing:-.045em;line-height:.86}
.display-md{font-family:'Space Grotesk','Archivo Black',sans-serif;font-weight:700;
  letter-spacing:-.03em;line-height:.92}
.display em,.display-md em,.hd-logo em,.ft-logo em,.auth-name em{
  font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:300;
  letter-spacing:-.01em;color:var(--orange)}
/* Ghost typography effect (oryzo-style) · primeiras palavras em opacity baixa */
.line .word:first-child{color:rgba(244,232,213,.18)}
.line:first-child .word:first-child{color:rgba(244,232,213,.18)}
/* Headlines em cream */
.display,.display-md{color:var(--cream)}

/* ─── Spacer controla scroll total ─── */
.spacer{height:6800vh;width:1px;pointer-events:none}
@media (max-width:880px){.spacer{height:4200vh}}

/* ─── Stage pinned · warm dark with subtle warm radial ─── */
.stage{
  position:fixed;inset:0;width:100vw;height:100vh;
  overflow:hidden;
  background:radial-gradient(ellipse at 50% 35%,#231811 0%,#1A0F08 50%,#100904 100%);
}

/* ─── Canvas WebGL ─── */
#webgl{
  position:absolute;inset:0;width:100%;height:100%;
  z-index:2;pointer-events:none;will-change:transform,opacity;
}

/* ─── Grain overlay ─── */
#grain-overlay{
  position:absolute;inset:0;width:100%;height:100%;
  z-index:9;pointer-events:none;opacity:.045;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ─── Scene background image (per-cena) ─── */
.scene-bg-image{
  position:absolute;inset:0;width:100%;height:100%;
  background-size:cover;background-position:center;
  filter:saturate(.85) brightness(.55) contrast(1.05);
  z-index:0;pointer-events:none;
}
.scene-bg-image::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(4,8,15,.3) 0%,rgba(4,8,15,.7) 100%)}

/* ─── Núcleo 2D (modo achatado) ─── */
.core-2d{
  position:absolute;left:50%;top:50%;
  width:240px;height:60vh;max-height:580px;
  transform:translate(-50%,-50%) scale(.5);
  background:linear-gradient(180deg,rgba(31,182,210,.12) 0%,rgba(31,182,210,.04) 100%);
  border:1px solid rgba(31,182,210,.4);
  z-index:3;opacity:0;pointer-events:none;
  will-change:transform,opacity,clip-path;
}
.core-2d::before{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent 0,transparent 12px,
    rgba(31,182,210,.08) 12px,rgba(31,182,210,.08) 13px);}

/* ─── Glow lines (touch) ─── */
.glow-svg{
  position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none;
}
.glow-line{stroke:var(--teal-rim);stroke-width:1;opacity:0;filter:url(#glow);
  will-change:opacity,stroke-dashoffset;}

/* ─── Cursor ─── */
.cursor{position:absolute;top:0;left:0;width:0;height:0;z-index:80;
  pointer-events:none;mix-blend-mode:difference}
.cursor-dot{position:absolute;width:6px;height:6px;background:var(--cream);
  border-radius:50%;transform:translate(-50%,-50%)}
.cursor-ring{position:absolute;width:36px;height:36px;
  border:1px solid rgba(31,182,210,.45);border-radius:50%;
  transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s}
.cursor.hover .cursor-ring{width:80px;height:80px;border-color:var(--teal)}
@media (hover:none){.cursor{display:none}body{cursor:auto}a,button{cursor:pointer}}

/* ─── Header ─── */
.hd{
  position:absolute;top:24px;left:24px;right:24px;height:44px;z-index:70;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  mix-blend-mode:difference;color:var(--cream);
  opacity:0;pointer-events:none;transition:opacity .8s
}
body.booted .hd{opacity:1;pointer-events:auto}
.hd-logo{font-family:'Archivo Black',sans-serif;font-size:13px;letter-spacing:.04em}
.hd-nav{display:flex;gap:24px}
.hd-nav a{font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;opacity:.78;transition:opacity .2s}
.hd-nav a:hover{opacity:1;color:var(--teal)}
.hd-cta{position:relative;display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;border:1px solid var(--teal);border-radius:999px;
  color:var(--teal);background:rgba(4,8,15,.5);
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;transition:all .25s}
.hd-cta:hover{background:var(--teal);color:var(--ink)}
.dot-pulse{width:5px;height:5px;background:var(--teal);border-radius:50%;
  animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}}
@media (max-width:880px){.hd-nav{display:none}.hd{top:14px;left:14px;right:14px}}

/* ─── Scroll progress + scene index ─── */
.scroll-progress{position:absolute;top:0;left:0;height:1px;
  background:rgba(236,236,236,.06);width:100%;z-index:60}
.scroll-progress>i{display:block;height:100%;background:var(--teal);
  width:0%;transform-origin:left;will-change:transform}
.scene-idx{
  position:absolute;left:24px;bottom:24px;z-index:60;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.24em;text-transform:uppercase;color:rgba(236,236,236,.55);
  display:flex;align-items:baseline;gap:6px;opacity:0;transition:opacity .8s
}
body.booted .scene-idx{opacity:1}
.si-num{color:var(--teal);font-size:14px}
.si-sep{opacity:.5}
.si-name{margin-left:14px;border-left:1px solid rgba(236,236,236,.2);padding-left:14px}
@media (max-width:560px){.scene-idx{left:14px;bottom:14px}.si-name{display:none}}

/* ─── Scenes (todas absolute na stage, escondidas por padrão) ─── */
.scene{
  position:absolute;inset:0;width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;will-change:opacity,transform;
  opacity:0;visibility:hidden;
  transition:opacity .5s cubic-bezier(.7,0,.2,1),visibility .5s;
}
.scene.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.scene.is-leaving{opacity:0;visibility:visible}
.scene>*{will-change:transform,opacity}
/* Cena 01 começa visível (boot) */
.s-01{opacity:1;visibility:visible}

/* ═══════════ CENA 01 BOOT ═══════════ */
.s-01{z-index:5}
.boot-coord{position:absolute;top:24px;left:24px;
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.18em;color:rgba(244,232,213,.35);text-transform:uppercase}
.boot-sys{position:absolute;top:24px;right:24px;
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.18em;color:rgba(255,133,57,.55);text-transform:uppercase}
.boot-num{font-family:'Space Grotesk','Archivo Black',sans-serif;font-weight:700;
  font-size:clamp(80px,14vw,200px);line-height:.85;
  letter-spacing:-.03em;color:var(--cream);
  text-shadow:0 0 60px rgba(255,133,57,.08)}
.boot-streams{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);
  display:flex;gap:6px}
.boot-streams span{display:block;width:24px;height:1px;background:var(--teal);opacity:.3}
.boot-cue{position:absolute;bottom:32px;right:32px;color:var(--mist);opacity:0}
@keyframes bobUp{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}

/* ═══════════ CENA 02 INTRO TRANSITION ═══════════ */
.s-02{z-index:4}
.intro-vignette{position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 60%,rgba(31,182,210,.15) 0%,transparent 60%)}

/* ═══════════ CENA 03 HERO ═══════════ */
.s-03{z-index:5}
.hero-photo{position:absolute;right:0;top:0;width:55%;height:100%;
  overflow:hidden;clip-path:inset(0)}
.hero-photo img{width:100%;height:100%;object-fit:cover;
  filter:saturate(.9) contrast(1.05) brightness(.55)}
.hero-photo::before{content:"";position:absolute;left:0;top:0;bottom:0;width:200px;
  background:linear-gradient(90deg,var(--ink) 0%,transparent 100%);z-index:1}
.hero-photo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(4,8,15,.05) 0%,rgba(4,8,15,.4) 100%)}
.hero-copy{position:absolute;left:var(--pad);bottom:clamp(60px,12vh,140px);
  width:min(620px,52vw)}
.kicker{color:var(--teal);margin-bottom:18px;opacity:.85}
.hero-copy .display{font-size:clamp(56px,10vw,200px);color:var(--cream)}
/* Scene entrance animations · cinematic */
.scene{transition:opacity .8s cubic-bezier(.7,0,.2,1),visibility .8s,transform 1.2s cubic-bezier(.7,0,.2,1)}
.scene{transform:scale(1.03)}
.scene.is-visible{transform:scale(1)}
/* Bounding box dashed em fotos editoriais (oryzo style) */
.hero-photo,.public-portrait,.auth-photo{position:relative}
.hero-photo::before,.public-portrait::before,.auth-photo::before{
  content:"";position:absolute;inset:14px;
  border:1px dashed rgba(255,255,255,.18);
  pointer-events:none;z-index:2;
}
.hero-photo::before{inset:24px;border-color:rgba(255,255,255,.12)}
.auth-photo::before{inset:8px;border-color:rgba(31,182,210,.32)}
/* Headlines gigantes em todas as cenas */
.display-md{font-size:clamp(48px,7vw,128px) !important}
.contato-copy .display-md,.incidents-copy .display-md,.public-copy .display-md,
.tools-copy .display-md,.method-copy .display-md,.exec-copy .display-md{font-size:clamp(44px,6.5vw,108px) !important}
.cta-copy .display{font-size:clamp(72px,14vw,260px) !important}
.hero-copy .lede{margin-top:24px;color:var(--mist);max-width:480px;font-size:16px;line-height:1.6}
@media (max-width:880px){.hero-photo{width:100%}.hero-photo::before{display:none}
  .hero-copy{width:100%;padding:0 var(--pad)}}

/* ─── Word reveal ─── */
.line{display:block;overflow:hidden}
.word{display:inline-block;will-change:transform,opacity;
  transform:translateY(110%);opacity:0}

/* ═══════════ CENA 04 CONTATO ═══════════ */
.s-04{z-index:6}
.hud{position:absolute;background:var(--hud-bg);border:1px solid var(--hud-line);
  backdrop-filter:blur(10px);padding:16px 18px;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.16em;text-transform:uppercase}
.hud-risk{right:var(--pad);top:50%;transform:translate(40px,-50%);
  width:clamp(280px,32vw,420px);will-change:transform,opacity}
.hud-head{display:flex;justify-content:space-between;color:var(--teal);
  margin-bottom:14px}
.hud-list{list-style:none;display:flex;flex-direction:column;gap:10px;
  font-size:11px;letter-spacing:.04em;text-transform:none;color:var(--cream)}
.hud-list .dot{display:inline-block;width:6px;height:6px;border-radius:50%;
  margin-right:10px;vertical-align:middle}
.dot-warn{background:#FFB347}.dot-info{background:var(--teal)}.dot-ok{background:#4ADE80}
.hud-foot{margin-top:14px;color:var(--mist);font-size:9px}
.contato-copy{position:absolute;left:var(--pad);bottom:clamp(60px,12vh,140px);
  max-width:540px}
.contato-copy .display-md{font-size:clamp(36px,5vw,72px)}

/* ═══════════ CENA 05 PAINEL 2D ═══════════ */
.s-05{z-index:5}
.board{position:absolute;left:50%;top:50%;
  width:min(1100px,84vw);height:min(560px,68vh);
  transform:translate(-50%,-50%) perspective(1200px) rotateX(8deg);
  border:1px solid var(--hud-line);background:rgba(7,12,22,.6);
  backdrop-filter:blur(12px);overflow:hidden;opacity:0}
.board-head{position:absolute;top:14px;left:18px;right:18px;
  display:flex;justify-content:space-between;color:var(--teal);
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase}
.board-grid{position:absolute;inset:50px 18px 18px;
  background-image:
    linear-gradient(rgba(31,182,210,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,182,210,.05) 1px,transparent 1px);
  background-size:48px 48px;opacity:.6}
.board-axis{position:absolute;left:50%;top:50%;width:80%;height:1px;
  background:linear-gradient(90deg,transparent,var(--teal),transparent);
  transform:translate(-50%,-50%);opacity:.3}
.painel-copy{position:absolute;top:32px;left:50%;transform:translateX(-50%);
  text-align:center}

/* ═══════════ CENA 06 GALERIA HORIZONTAL CINÉTICA ═══════════ */
.s-06{z-index:5;perspective:1400px}
.rail-track{
  position:absolute;left:0;top:50%;transform:translate(0,-50%);
  display:flex;gap:32px;padding:0 50vw;
  height:60vh;align-items:center;
  will-change:transform;transform-style:preserve-3d;
}
.kc{
  flex-shrink:0;width:340px;height:100%;padding:0;
  background:rgba(7,12,22,.85);border:1px solid var(--hud-line);
  backdrop-filter:blur(8px);color:var(--cream);
  display:flex;flex-direction:column;
  position:relative;overflow:hidden;
  transform-style:preserve-3d;
  transition:transform .35s cubic-bezier(.7,0,.2,1);
}
.kc-photo{
  width:100%;height:55%;background-size:cover;background-position:center;
  filter:saturate(.8) brightness(.7) contrast(1.05);
  border-bottom:1px solid var(--hud-line);
  position:relative;
}
.kc-photo::after{content:"";position:absolute;inset:8px;
  border:1px dashed rgba(255,255,255,.15);pointer-events:none}
.kc>.kc-tag,.kc>h3,.kc>p,.kc>.kc-meta{padding-left:20px;padding-right:20px}
.kc>.kc-tag{display:block;color:var(--teal);
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;
  margin-top:14px;margin-bottom:10px}
.kc>h3{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:22px;
  letter-spacing:-.01em;line-height:1.1;margin-bottom:8px}
.kc>p{font-size:13px;line-height:1.5;color:var(--mist);margin-bottom:10px}
.kc>.kc-meta{display:block;color:var(--teal);
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;opacity:.85;margin-top:auto;margin-bottom:14px}
.kc.kc-main{transform:scale(1.1);border-color:var(--teal);
  box-shadow:0 0 60px rgba(31,182,210,.15)}
@media (max-width:880px){.kc{width:260px}.rail-track{gap:18px;padding:0 20vw}}
.incidents-copy{position:absolute;left:var(--pad);bottom:clamp(40px,8vh,90px);
  max-width:560px}
.incidents-copy .display-md{font-size:clamp(36px,5vw,72px)}

/* ═══════════ CENA 07 IMAGEM PÚBLICA ═══════════ */
.s-07{z-index:5}
.public-portrait{position:absolute;left:50%;top:50%;
  width:min(540px,68vw);aspect-ratio:3/4;
  transform:translate(-50%,-50%);overflow:hidden}
.public-portrait img{width:100%;height:100%;object-fit:cover;
  filter:saturate(.78) brightness(.7) contrast(1.05)}
.public-portrait::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(4,8,15,.5) 100%)}
.public-shield{position:absolute;left:50%;top:50%;
  width:min(640px,80vw);aspect-ratio:3/4;
  transform:translate(-50%,-50%) scale(.6);opacity:0;
  border:1px solid var(--teal);
  background:radial-gradient(ellipse at center,rgba(31,182,210,.08) 0%,transparent 70%)}
.public-shield::before,.public-shield::after{content:"";position:absolute;
  width:14px;height:14px;border:1px solid var(--teal)}
.public-shield::before{top:-7px;left:-7px;border-right:0;border-bottom:0}
.public-shield::after{bottom:-7px;right:-7px;border-left:0;border-top:0}
.public-orbit{position:absolute;inset:0;pointer-events:none}
.orb{position:absolute;padding:10px 14px;background:var(--hud-bg);
  border:1px solid var(--hud-line);backdrop-filter:blur(8px);
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--cream);
  opacity:0;will-change:transform,opacity}
.orb .ot{display:block;color:var(--teal);margin-bottom:4px}
.orb .ov{display:block;font-size:9px;opacity:.7;text-transform:none;
  letter-spacing:.04em}
.orb-1{top:12%;left:6%}.orb-2{top:22%;right:6%}
.orb-3{bottom:18%;left:8%}.orb-4{bottom:14%;right:8%}
.public-copy{position:absolute;left:var(--pad);bottom:clamp(40px,8vh,90px);
  max-width:520px}
.public-copy .display-md{font-size:clamp(36px,5vw,68px)}

/* ═══════════ CENA 08 ESCUDO ═══════════ */
.s-08{z-index:5}
.shield-layers{position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);transform-style:preserve-3d;perspective:1400px}
.sl{position:absolute;left:50%;top:50%;width:380px;height:480px;
  border:1px solid rgba(31,182,210,.35);background:rgba(31,182,210,.04);
  display:grid;place-items:end center;padding:20px;
  transform:translate(-50%,-50%);opacity:0;will-change:transform,opacity}
.sl span{color:var(--teal);font-family:'JetBrains Mono',monospace;
  font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.shield-copy{position:absolute;top:80px;left:50%;transform:translateX(-50%)}

/* ═══════════ CENA 09 FERRAMENTAS ═══════════ */
.s-09{z-index:5}
.tools-fan{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  width:min(1100px,90vw);transform-style:preserve-3d;perspective:1400px}
.dash{background:rgba(7,12,22,.78);border:1px solid var(--hud-line);
  padding:18px 16px;backdrop-filter:blur(10px);
  display:flex;flex-direction:column;gap:14px;
  opacity:0;will-change:transform,opacity}
.dash header{display:flex;justify-content:space-between;color:var(--teal)}
.dash p{font-size:9px;color:var(--mist);opacity:.65;
  letter-spacing:.04em;text-transform:none}
.bars{display:flex;align-items:flex-end;gap:6px;height:80px}
.bars i{display:block;flex:1;background:var(--teal);opacity:.45}
.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:55%}
.bars i:nth-child(3){height:42%}.bars i:nth-child(4){height:68%;opacity:.85}
.bars i:nth-child(5){height:50%}.bars i:nth-child(6){height:78%}
.pie{width:80px;height:80px;border-radius:50%;
  border:2px solid rgba(31,182,210,.25);margin:0 auto;
  background:conic-gradient(var(--teal) 0 62%,transparent 62% 100%);opacity:.7}
.grid12{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:80px}
.grid12 i{display:block;background:var(--teal);opacity:.18}
.grid12 i:nth-child(2),.grid12 i:nth-child(7),.grid12 i:nth-child(11){opacity:.5}
.grid12 i:nth-child(5),.grid12 i:nth-child(9){opacity:.78}
.proof{display:flex;flex-direction:column;gap:8px;
  font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--mist)}
.tools-copy{position:absolute;left:var(--pad);bottom:clamp(40px,8vh,90px);
  max-width:540px}
.tools-copy .display-md{font-size:clamp(36px,5vw,72px)}

/* ═══════════ CENA 10 MÉTODO ═══════════ */
.s-10{z-index:5}
.rings{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center}
.ring{position:absolute;border:1px solid rgba(31,182,210,.32);border-radius:50%;
  display:grid;place-items:center;opacity:0;will-change:transform,opacity}
.ring-1{width:280px;height:280px}.ring-2{width:440px;height:440px}
.ring-3{width:600px;height:600px}.ring-4{width:760px;height:760px}
.ring span{position:absolute;top:-10px;left:50%;transform:translateX(-50%);
  background:var(--ink);padding:0 14px;color:var(--teal);
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.32em;text-transform:uppercase}
.method-copy{position:absolute;left:var(--pad);bottom:clamp(40px,8vh,90px);
  max-width:540px}
.method-copy .display-md{font-size:clamp(36px,5vw,72px)}

/* ═══════════ CENA 11 EXECUÇÃO ═══════════ */
.s-11{z-index:5}
.modules{position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  display:grid;grid-template-columns:repeat(5,1fr);gap:14px;
  width:min(1300px,92vw);perspective:1400px;transform-style:preserve-3d}
.mod{background:rgba(7,12,22,.78);border:1px solid var(--hud-line);
  padding:22px 18px;backdrop-filter:blur(10px);
  display:flex;flex-direction:column;gap:10px;
  opacity:0;will-change:transform,opacity}
.mod-id{color:var(--teal);font-family:'JetBrains Mono',monospace;
  font-size:10px;letter-spacing:.16em}
.mod h3{font-family:'Archivo Black',sans-serif;font-size:20px;
  letter-spacing:-.01em;line-height:1.05}
.mod p{font-size:13px;line-height:1.5;color:var(--mist)}
.exec-copy{position:absolute;left:var(--pad);bottom:clamp(40px,8vh,90px);
  max-width:540px}
.exec-copy .display-md{font-size:clamp(36px,5vw,72px)}

/* ═══════════ CENA 12 AUTORIDADE ═══════════ */
.s-12{z-index:5}
.auth-grid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;
  width:min(1300px,92vw)}
.auth{display:flex;flex-direction:column;gap:18px}
.auth-photo{position:relative;aspect-ratio:3/4;overflow:hidden;background:#0A1424;
  clip-path:inset(50% 0 50% 0);will-change:clip-path}
.auth-photo-h{aspect-ratio:16/9}
.auth-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05)}
.auth-hud{position:absolute;display:flex;flex-direction:column;gap:6px;
  padding:10px 12px;background:var(--hud-bg);border:1px solid var(--hud-line);
  backdrop-filter:blur(8px);font-family:'JetBrains Mono',monospace;font