/* Layout: noite de corrida. Fundo carvão, faixas de cor da ID (lime, laranja, verde) entram como "bandeiras" entre as voltas; tipografia larga e inclinada ecoa a fonte do logo. */
:root{
  --ink:#0d0a08;          /* carvão de pista à noite */
  --ink-2:#1f140f;        /* marrom-preto da ID */
  --ink-3:#2a1f19;
  --forest:#122604;       /* verde-escuro da assinatura */
  --lime:#d2ff00;         /* cor-assinatura RB */
  --orange:#ee7d05;       /* laranja 777 / Ambios */
  --mint:#22df83;
  --green:#22ab6f;
  --bone:#f4f1ee;
  --mute:rgba(244,241,238,.64);
  --line:rgba(244,241,238,.14);
  --f-display:"Archivo", "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --f-body:"Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --gut:clamp(16px, 4.2vw, 64px);
  --max:1360px;
  --nav-h:68px;
  --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
main,footer{overflow-x:clip}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
html.lenis{scroll-behavior:auto}
.lenis.lenis-stopped{overflow:clip}
body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--f-body);font-size:17px;line-height:1.55;font-variation-settings:"wdth" 100;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
::selection{background:var(--lime);color:var(--ink)}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* tipografia */
.display{font-family:var(--f-display);font-style:italic;font-weight:850;font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:-.01em;line-height:.9;text-wrap:balance;margin:0}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0;display:flex;align-items:center;gap:10px}
.eyebrow .dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(210,255,0,.18)}
.caption{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;text-transform:lowercase;color:var(--mute)}
h2.display{font-size:clamp(40px,7.4vw,112px)}
.lede{font-size:clamp(18px,1.6vw,22px);line-height:1.5;max-width:58ch;color:var(--mute);margin:0}
.lede b,.lede strong{color:var(--bone);font-weight:700}

/* botões */
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-display);font-style:italic;font-weight:800;font-variation-settings:"wdth" 118;text-transform:uppercase;font-size:14px;letter-spacing:.04em;text-decoration:none;padding:15px 22px 15px 24px;border-radius:999px;border:0;cursor:pointer;transition:transform .3s var(--ease),background .3s,color .3s;white-space:nowrap}
.btn svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.btn:hover svg{transform:translateX(4px) rotate(-8deg)}
.btn-lime{background:var(--lime);color:var(--ink)}
.btn-lime:hover{background:var(--bone)}
.btn-ghost{background:transparent;color:var(--bone);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--lime);color:var(--lime)}
.btn-ink{background:var(--ink);color:var(--lime)}
.btn-ink:hover{background:var(--ink-2)}

/* ===== loader ===== */
.loader{position:fixed;inset:0;z-index:100;background:var(--lime);color:var(--ink);display:grid;place-items:center;transition:clip-path .8s var(--ease);clip-path:inset(0 0 0 0)}
.loader.out{clip-path:inset(0 0 100% 0)}
.loader-in{display:grid;justify-items:center;gap:18px}
.loader-in svg{width:96px;height:auto;color:var(--ink)}
.loader-num{font-family:var(--f-display);font-style:italic;font-weight:900;font-variation-settings:"wdth" 125;font-size:clamp(64px,14vw,160px);line-height:.85;font-variant-numeric:tabular-nums}
.loader-lbl{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase}

/* ===== nav ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);pointer-events:none}
.nav-in{height:calc(var(--nav-h) + 20px);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-inline:clamp(14px,2vw,28px)}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--lime);pointer-events:auto;transition:opacity .4s,transform .45s var(--ease)}
.nav.hide .nav-logo{opacity:0;transform:translateY(-14px);pointer-events:none}
body.menu-open .nav .nav-logo{opacity:1;transform:none;pointer-events:auto}
.nav-logo > svg{width:42px;height:auto;flex:0 0 auto;transition:transform .5s var(--ease)}
.nav-logo:hover > svg{transform:rotate(-8deg) scale(1.06)}
.nav-sig{display:block;height:41px;flex:0 0 auto;clip-path:inset(0 100% 0 0);animation:sign 1.6s 1.1s var(--ease) forwards}
.nav-sig svg{display:block;height:100%;width:auto}
/* dois quadradinhos */
.nav-sq{display:flex;gap:10px;pointer-events:auto}
.sq{height:60px;min-width:60px;border-radius:12px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .35s var(--ease),background .3s,color .3s}
.sq:hover{transform:translateY(-2px)}
.sq:focus-visible{outline:2px solid var(--bone);outline-offset:3px}
.sq-lime{background:var(--lime);color:var(--ink);padding:0 20px;font-family:var(--f-display);font-weight:850;font-style:italic;font-variation-settings:"wdth" 118;text-transform:uppercase;font-size:15px;letter-spacing:.03em}
.sq-lime svg{width:20px;height:20px}
.sq-menu{background:var(--bone);color:var(--ink);width:60px;padding:0}
.sq-lines{position:relative;width:20px;height:14px;display:block}
.sq-lines i{position:absolute;left:0;width:100%;height:2px;background:currentColor;border-radius:2px;transition:transform .45s var(--ease),opacity .25s,top .45s var(--ease)}
.sq-lines i:nth-child(1){top:0}.sq-lines i:nth-child(2){top:6px}.sq-lines i:nth-child(3){top:12px}
.sq-menu{position:relative;overflow:hidden}
.sq-mono{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink);opacity:0;transform:scale(.4) rotate(-90deg);transition:opacity .35s,transform .55s var(--ease)}
.sq-mono svg{width:30px;height:auto}
.sq-lines{transition:opacity .25s,transform .45s var(--ease)}
body.menu-open .sq-lines{opacity:0;transform:scale(.4) rotate(90deg)}
body.menu-open .sq-mono{opacity:1;transform:none;transition-delay:.12s}
.sq-menu:hover .sq-mono svg{transform:rotate(-8deg)}
.sq-mono svg{transition:transform .4s var(--ease)}
/* menu tela cheia (desce do topo) */
.menu{position:fixed;inset:0;z-index:45;isolation:isolate;background:radial-gradient(70% 60% at 75% 40%,rgba(210,255,0,.05),transparent 70%),#171a10;color:var(--bone);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;transform:translateY(-101%);transition:transform .9s cubic-bezier(.77,0,.18,1),visibility 0s .9s;visibility:hidden}
body.menu-open .menu{transform:none;visibility:visible;transition:transform .9s cubic-bezier(.77,0,.18,1)}
.mz-photos{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.4vw,40px);padding:0 clamp(16px,3vw,48px);height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
.mz-col{overflow:hidden;height:100%}
.mz-run{display:flex;flex-direction:column;gap:clamp(14px,2.4vw,40px);animation:mzUp 46s linear infinite;animation-play-state:paused}
.mz-col-b .mz-run{animation-name:mzDown;margin-top:-40%}
body.menu-open .mz-run{animation-play-state:running}
.mz-run img{width:100%;aspect-ratio:1/1.08;object-fit:cover;border-radius:4px;filter:grayscale(1) sepia(.18) contrast(1.05) brightness(.92)}
@keyframes mzUp{to{transform:translateY(-50%)}}
@keyframes mzDown{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.mz-main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(22px,4vh,44px);padding:calc(var(--nav-h) + 30px) var(--gut) 40px;text-align:center}
.mz-links{list-style:none;margin:0;padding:0;display:grid;gap:clamp(2px,.6vh,8px)}
.mz-links a{position:relative;display:inline-block;text-decoration:none;color:var(--bone);font-family:var(--f-body);font-weight:800;font-variation-settings:"wdth" 88;text-transform:uppercase;letter-spacing:-.025em;line-height:.92;font-size:clamp(40px,6.4vh,92px);transition:color .3s;opacity:0;transform:translateY(-24px)}
body.menu-open .mz-links a{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .7s var(--ease),color .3s}
body.menu-open .mz-links li:nth-child(1) a{transition-delay:.35s,.35s,0s}
body.menu-open .mz-links li:nth-child(2) a{transition-delay:.41s,.41s,0s}
body.menu-open .mz-links li:nth-child(3) a{transition-delay:.47s,.47s,0s}
body.menu-open .mz-links li:nth-child(4) a{transition-delay:.53s,.53s,0s}
body.menu-open .mz-links li:nth-child(5) a{transition-delay:.59s,.59s,0s}
body.menu-open .mz-links li:nth-child(6) a{transition-delay:.65s,.65s,0s}
.mz-links a.on{color:rgba(244,241,238,.55)}
.mz-wave{position:absolute;left:-2%;top:44%;width:104%;height:.36em;overflow:visible;pointer-events:none}
.mz-wave path{fill:none;stroke:var(--lime);stroke-width:3;vector-effect:non-scaling-stroke;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset .6s var(--ease)}
.mz-links a:hover .mz-wave path,.mz-links a:focus-visible .mz-wave path,.mz-links a.on .mz-wave path{stroke-dashoffset:0}
.mz-links a:hover{color:var(--lime)}
.mz-links a:focus-visible{outline:none;color:var(--lime)}
.mz-badge{display:grid;justify-items:center;gap:10px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.mz-mono{width:58px;height:58px;border-radius:50%;border:1px solid rgba(210,255,0,.4);display:grid;place-items:center;color:var(--lime)}
.mz-mono svg{width:30px;height:auto}
.mz-foot{display:grid;gap:8px;justify-items:center;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;color:var(--mute)}
.mz-mail{color:var(--bone);font-family:var(--f-body);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:15px;text-decoration:none;border-bottom:2px solid var(--lime);padding-bottom:2px}
.mz-mail:hover{color:var(--lime)}
@media (max-width:860px){.menu{grid-template-columns:1fr}.mz-photos{display:none}.mz-links a{font-size:clamp(38px,11vw,64px)}}
@media (max-width:620px){.sq{height:50px;min-width:50px;border-radius:10px}.sq-menu{width:50px}.sq-lime{padding:0 14px}.sq-lime span{display:none}}

/* ===== hero ===== */
.hero{position:relative;min-height:clamp(620px,96svh,980px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;background:var(--ink);touch-action:pan-y}
.hero-stage{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .5s ease}
#heroFallback{position:absolute;display:block;max-width:none;transition:opacity .5s ease}
.hero[data-gl="on"] .hero-canvas{opacity:1}
.hero[data-gl="on"] #heroFallback{opacity:0}
.hero-word{position:absolute;left:50%;top:40%;z-index:-1;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;user-select:none;margin:0;font-family:var(--f-display);font-style:italic;font-weight:900;font-variation-settings:"wdth" 125;text-transform:uppercase;line-height:.8;letter-spacing:-.075em;color:#fff;opacity:.2}
.hero-media{position:absolute;inset:0 0 0 auto;width:min(62%,920px);z-index:-2;overflow:hidden}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transform:scale(1.06);will-change:transform}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,rgba(13,10,8,.75) 22%,rgba(13,10,8,0) 55%),linear-gradient(0deg,var(--ink) 4%,rgba(13,10,8,0) 42%)}
.hero-media-l{position:absolute;inset:0 auto 0 0;width:min(52%,780px);z-index:-2;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 40%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 40%,transparent 100%)}
.hero-media-l img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transform:scale(1.06);will-change:transform;filter:saturate(.9)}
.hero-media-l::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink) 6%,rgba(13,10,8,.6) 38%,rgba(13,10,8,.3) 70%,rgba(13,10,8,.6) 100%),linear-gradient(90deg,rgba(13,10,8,.35),rgba(13,10,8,.1))}
.hero-in{position:relative;z-index:1;padding-top:calc(var(--nav-h) + 40px);padding-bottom:clamp(28px,4vw,56px);display:grid;gap:clamp(22px,3vw,40px)}
.hero-top{display:grid;gap:18px;max-width:600px}
.hero-top .lede{max-width:42ch}
.hero-mark{position:relative;width:min(100%,460px);margin-block:4px 6px}
.hero-mark .sig svg,.sig2 svg{display:block;width:100%;height:auto}
.hero-mark .sig{width:100%;color:var(--lime);clip-path:inset(0 100% 0 0);animation:sign 1.6s .9s var(--ease) forwards;filter:drop-shadow(0 6px 24px rgba(0,0,0,.45))}
@keyframes sign{to{clip-path:inset(0 0 0 0)}}
.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.hero-ctas{display:flex;gap:10px;flex-wrap:wrap}
.race-card{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center;text-decoration:none;background:rgba(31,20,15,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:18px;padding:16px 20px 16px 16px;min-width:0;max-width:380px;transition:border-color .3s,transform .3s var(--ease)}
.race-card:hover{border-color:var(--lime);transform:translateY(-3px)}
.race-flag{grid-row:span 3;width:56px;height:56px;border-radius:12px;background:var(--lime);color:var(--ink);display:grid;place-items:center}
.race-flag svg{width:30px;height:30px}
.race-card .caption{color:var(--lime)}
.race-card strong{font-family:var(--f-display);font-style:italic;font-weight:800;font-variation-settings:"wdth" 120;text-transform:uppercase;font-size:20px;line-height:1.05}
.race-card span:last-child{font-size:14px;color:var(--mute)}
.scroll-cue{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:10px}
.scroll-cue i{width:1px;height:34px;background:linear-gradient(var(--lime),transparent);animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%,100%{transform:scaleY(.4);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}

/* ===== marquee ===== */
.marquee{background:var(--lime);color:var(--ink);overflow:hidden;transform:rotate(-2deg);margin-block:-14px;position:relative;z-index:3;padding-block:14px;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.marquee.alt{background:var(--orange);transform:rotate(1.5deg)}
.mq-track{display:flex;width:max-content;animation:mq 34s linear infinite}
.marquee.alt .mq-track{animation:none;margin-left:clamp(16px,4vw,64px)}
.marquee.alt .w{font-style:inherit;display:inline-flex;align-items:center;opacity:.2;will-change:opacity}
.marquee.alt .mq-track span{gap:.32em}
.marquee.alt .mq-ico{margin-inline:.5em}
.mq-track span{font-family:var(--f-display);font-style:italic;font-weight:900;font-variation-settings:"wdth" 125;text-transform:uppercase;font-size:clamp(22px,3vw,40px);line-height:1;display:flex;align-items:center;gap:28px;padding-right:28px;white-space:nowrap}
.mq-track svg{width:.95em;height:auto}
@keyframes mq{to{transform:translateX(-50%)}}

/* ===== seções ===== */
section{position:relative}
.sec{padding-block:clamp(84px,11vw,160px)}
.sec-head{display:grid;gap:18px;margin-bottom:clamp(36px,5vw,64px)}

/* história */
.story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.story h2 em{font-style:italic;color:var(--lime)}
.story > .sec-head{min-width:0;container-type:inline-size}
.story h2.display{font-size:clamp(36px,13cqi,112px)}
.story-text{display:grid;gap:22px;font-size:clamp(18px,1.55vw,21px);line-height:1.6;color:var(--mute);max-width:58ch}
.story-text p{margin:0}
.story-text strong{color:var(--bone);font-weight:700}
.story-text .hl{color:var(--ink);background:var(--lime);padding:0 .25em;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.story-sign{display:flex;align-items:center;gap:18px;margin-top:8px}
.story-sign svg{width:150px;color:var(--lime)}
.story-sign .caption{line-height:1.5}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:clamp(48px,6vw,80px)}
.fact{background:var(--ink);padding:24px 22px;display:grid;gap:6px;min-width:0}
.fact b{font-family:var(--f-display);font-style:italic;font-weight:900;font-variation-settings:"wdth" 125;font-size:clamp(34px,4.2vw,58px);line-height:.95;color:var(--bone);font-variant-numeric:tabular-nums}
.fact b.l{color:var(--lime)}
.fact{grid-template-rows:1fr auto}
.fact > b{align-self:end}
.fact b.cd{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1em .28em;font-size:clamp(24px,2.05vw,36px);line-height:1}
@media (min-width:861px){.fact b.cd{flex-wrap:nowrap;white-space:nowrap}}
@media (max-width:860px){.fact b.cd{font-size:clamp(16px,4.6vw,30px);gap:.1em .22em}}
.fact b.cd span{display:inline-flex;align-items:baseline;gap:.04em}
.fact b.cd i{font-style:italic;font-variant-numeric:tabular-nums}
.fact b.cd small{font-family:var(--f-mono);font-style:normal;font-weight:600;font-size:.42em;color:var(--lime);letter-spacing:.04em}
.fact-cd.done b.cd{color:var(--lime)}

/* pista 3D */
.track-wrap{position:relative;margin-top:clamp(16px,3vw,40px)}
.track-coords{position:absolute;left:0;bottom:14%;z-index:2;margin:0;display:grid;gap:4px;font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;color:var(--lime);pointer-events:none}
.track-coords::before{content:"";width:28px;height:2px;background:var(--lime);margin-bottom:6px}
.track-coords span:last-child{color:var(--mute)}
.track3d{position:relative;width:100%;aspect-ratio:1/1;max-height:600px;overflow:hidden;-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%)}
.track3d .track-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;opacity:0;transition:opacity .8s ease}
.track3d.on .track-canvas{opacity:1}
.track-fallback{position:absolute;left:50%;top:50%;height:80%;width:auto;transform:translate(-50%,-50%) rotate(-8deg);filter:drop-shadow(0 0 18px rgba(210,255,0,.45));transition:opacity .6s}
.track3d.on .track-fallback{opacity:0}
@media (min-width:1081px){.story > .sec-head{position:sticky;top:calc(var(--nav-h) + 24px)}}
@media (max-width:1080px){.track3d{aspect-ratio:16/10;max-height:440px}.track-coords{bottom:10%}}
@media (max-width:620px){.track3d{aspect-ratio:1/1;max-height:none}.track-wrap{margin-bottom:-24px}.track-coords{font-size:11px;bottom:6%}}
/* colagem 777: palco fixo, fotos em profundidades diferentes, textura de 7 em onda ao fundo */
.strip{position:relative;--u:14.4px}
.strip-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--ink);isolation:isolate}
.tex{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0}
.strip-head{position:absolute;z-index:3;left:0;right:0;top:calc(var(--nav-h) + 8px);display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none}
.world{position:absolute;inset:0;width:calc(264 * var(--u))}
.cl{position:absolute;left:calc(var(--l) * var(--u));top:calc(var(--t) + var(--dy, 0) * var(--u));width:calc(var(--w) * var(--u));margin:0;will-change:transform;z-index:1}
.cl.front{z-index:2;display:flex;flex-direction:column}
.cl.front .cl-ph{order:1;box-shadow:0 28px 70px rgba(0,0,0,.6),0 0 0 1px rgba(244,241,238,.06)}
.cl.front .cl-cap{order:2;margin:10px 0 0}
.cl.front .cl-badge{order:3;align-self:flex-start}
.cl:hover{z-index:3}
.cl-cap{font-family:var(--f-mono);font-size:max(10px,calc(.78 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:8px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.cl-dash{display:block;width:28px;height:6px;background:var(--lime);margin-bottom:10px}
.cl-ph{overflow:hidden;background:var(--ink-2);aspect-ratio:var(--ar,4/5);border-radius:4px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.cl-ph img{width:100%;height:100%;object-fit:cover;transition:filter .6s var(--ease),transform .8s var(--ease)}
.cl.gray .cl-ph img{filter:grayscale(1) sepia(.25) hue-rotate(40deg) brightness(.75) contrast(1.05)}
.cl.gray:hover .cl-ph img{filter:none}
.cl:hover .cl-ph img{transform:scale(1.04)}
.cl-badge{display:inline-flex;margin-top:10px;border:1px solid var(--line);border-radius:6px;overflow:hidden;font-family:var(--f-mono);font-size:12px}
.cl-badge b{padding:5px 9px;color:var(--lime);border-right:1px solid var(--line)}
.cl-badge span{padding:5px 9px;color:var(--mute)}
.cl-q .words{font-family:var(--f-body);font-weight:600;font-variation-settings:"wdth" 104;font-size:max(19px,calc(2.05 * var(--u)));line-height:1.28;letter-spacing:-.01em;margin:0;color:var(--bone)}
.cl-q .words span{opacity:.16;transition:opacity .9s cubic-bezier(.25,.6,.3,1)}
.cl-q .words span.lit{opacity:1}
.cl-q .words em{font-style:italic;color:var(--lime)}
.cl-q svg{display:block;width:max(90px,calc(8 * var(--u)));margin-top:18px;color:var(--lime)}
.cl-end .display{font-size:max(34px,min(calc(5.4 * var(--u)),10.5vw))}
.cl-end{padding-left:2vw}
.cl-end .display em{color:var(--lime)}
.cl-end svg{display:block;width:max(120px,calc(12 * var(--u)));margin-top:18px;color:var(--lime)}
.strip.native .strip-sticky{position:relative;height:auto;min-height:620px;overflow-x:auto}
.strip.native .world{position:relative;height:620px}
.strip.native .cl{transform:none!important}
.strip.native .words span{opacity:1}

/* frase em linha única que corre da direita para a esquerda */
.ticker{position:relative;background:var(--ink)}
.ticker-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center;background:var(--forest);isolation:isolate}
#tex2{opacity:1}
.tk-fade{position:absolute;left:0;right:0;bottom:0;height:18vh;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(13,10,8,0),var(--ink) 95%)}
.ticker.native .tk-fade{display:none}
#tex[data-m="0"]{-webkit-mask-image:none;mask-image:none}
#tex:not([data-m="0"]){-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 calc(var(--fade,0) * 75vh + 1px));mask-image:linear-gradient(180deg,transparent 0,#000 calc(var(--fade,0) * 75vh + 1px))}
.strip.native #tex{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
.manifesto{position:relative;z-index:2;margin-top:-100vh;margin-top:-100svh;padding:6vh var(--gut) 13vh;display:flex;justify-content:center}
.ticker-line{margin:0;max-width:1320px;text-align:center;text-wrap:balance;font-family:var(--f-body);font-weight:800;font-variation-settings:"wdth" 100;text-transform:uppercase;font-size:clamp(40px,7vw,124px);line-height:.98;letter-spacing:-.025em;color:var(--bone)}
.ticker-line i{font-family:"DM Serif Display","Playfair Display",Georgia,serif;font-style:normal;font-weight:400;letter-spacing:-.01em;font-size:1.06em;color:var(--lime)}
.ticker-line i.o{color:var(--lime)}
.tk-bg{position:absolute;inset:0 -10%;z-index:-1;opacity:0;pointer-events:none;will-change:transform,opacity}
.tk-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(.55) blur(1.5px)}
.tk-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--ink) 0%,rgba(13,10,8,.35) 30%,rgba(13,10,8,.35) 55%,var(--ink) 92%),linear-gradient(90deg,rgba(210,255,0,.10),rgba(238,125,5,.12))}
.tk-row{position:absolute;left:0;margin:0;white-space:nowrap;pointer-events:none;font-family:var(--f-display);font-style:italic;font-weight:900;font-variation-settings:"wdth" 125;text-transform:uppercase;font-size:clamp(16px,1.6vw,26px);letter-spacing:.06em;line-height:1;color:rgba(210,255,0,.55);will-change:transform;opacity:0}
.tk-r1{top:calc(var(--nav-h) + 18px)}
.tk-r2{bottom:12%;color:rgba(244,241,238,.4)}
.ticker.native .tk-row,.ticker.native .tk-bg{display:none}
.ticker-line span,.ticker-line i{opacity:.14;transition:opacity .7s cubic-bezier(.25,.6,.3,1)}
.ticker-line span.lit,.ticker-line i.lit{opacity:1}
.ticker.native .ticker-sticky{position:relative;height:auto;padding-block:clamp(72px,10vw,140px);background:var(--ink)}
.ticker.native #tex2{display:none}
.ticker.native .manifesto{margin-top:0;padding-block:clamp(72px,10vw,140px)}
.ticker.native .ticker-sticky{display:none}
.ticker.native .ticker-line span,.ticker.native .ticker-line i{opacity:1}

/* capacete 3D */
.helm{position:relative;height:100vh;height:100svh;min-height:620px;background:radial-gradient(45% 55% at 60% 45%,rgba(210,255,0,.10),transparent 70%),var(--ink);overflow:hidden;isolation:isolate;cursor:crosshair;touch-action:pan-y}
.helm-tilt{position:absolute;inset:0}
.helm-tilt canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.helm::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 72%,var(--ink) 100%)}
.helm-tilt{z-index:1}
.helm-title{position:absolute;left:0;right:0;top:42%;z-index:0;margin:0;text-align:center;white-space:nowrap;font-size:clamp(30px,5.6vw,96px);transform:translateY(-50%);pointer-events:none}
.helm-title em{color:var(--lime)}
@media (max-width:860px){.helm-title{white-space:normal;top:86%;font-size:clamp(34px,11vw,64px);padding-inline:var(--gut)}}

/* imagem que cresce até tela cheia */
.grow{position:relative;height:260vh}
.grow-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center;background:var(--forest)}
.grow-title{position:absolute;inset:auto 0 auto 0;top:calc(var(--nav-h) + 6vh);text-align:center;z-index:0;display:grid;gap:14px;justify-items:center;padding-inline:var(--gut)}
.grow-title .display{font-size:clamp(44px,8vw,128px)}
.grow-title .display em{color:var(--lime)}
.grow-img{position:absolute;inset:0;z-index:1;clip-path:inset(46% 31% 6% 31% round 24px);will-change:clip-path}
.grow-img img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(1.15);will-change:transform}
.grow-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,10,8,.7),rgba(13,10,8,0) 40%)}
.grow-cap{position:absolute;z-index:2;left:var(--gut);right:var(--gut);bottom:calc(28px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;opacity:0}
.grow-fade{position:absolute;inset:0;z-index:3;background:var(--ink);opacity:0;pointer-events:none}
.grow-cap .display{font-size:clamp(34px,5vw,72px)}

/* na pista / fora */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.tile{position:relative;border-radius:28px;overflow:hidden;min-height:clamp(440px,48vw,640px);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,3vw,40px);text-decoration:none;isolation:isolate}
.tile.on{background:var(--orange);color:var(--ink)}
.tile.off{background:var(--green);color:var(--ink)}
.tile .display{font-size:clamp(48px,6.6vw,104px)}
.tile p{margin:0;max-width:34ch;font-size:17px;font-weight:500}
.tile-img{position:absolute;right:-5%;top:13%;width:46%;aspect-ratio:4/5;border-radius:22px;overflow:hidden;z-index:-1;transform:rotate(4deg);transition:transform .7s var(--ease);box-shadow:0 30px 60px rgba(0,0,0,.3)}
.tile.off .tile-img{transform:rotate(-4deg)}
.tile:hover .tile-img{transform:rotate(0) translateY(-10px) scale(1.03)}
.tile-img img{width:100%;height:100%;object-fit:cover}
.tile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.tile-arrow{width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--bone);display:grid;place-items:center;flex:0 0 auto;transition:transform .4s var(--ease),background .3s,color .3s}
.tile-arrow svg{width:22px;height:22px}
.tile:hover .tile-arrow{transform:rotate(-45deg);background:var(--bone);color:var(--ink)}
.tile .eyebrow{color:rgba(13,10,8,.7)}
.tile-body{display:grid;gap:14px}
.tile-body p{max-width:min(34ch,50%)}

/* DNA */
.dna{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.card{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:var(--ink-2);isolation:isolate;margin:0;cursor:default}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(.8);transition:filter .6s var(--ease),transform .9s var(--ease)}
.card::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(13,10,8,.88),rgba(13,10,8,0) 58%)}
.card-in{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:22px}
.card .num{font-family:var(--f-mono);font-size:12px;color:var(--mute);display:flex;justify-content:space-between}
.card h3{font-size:clamp(28px,3vw,44px);transition:color .4s}
.card p{margin:10px 0 0;font-size:15px;line-height:1.45;color:var(--bone);max-width:30ch;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .4s}
.card .wash{position:absolute;inset:0;z-index:0;background:var(--lime);mix-blend-mode:multiply;opacity:0;transition:opacity .5s}
.card:hover img,.card:focus-within img,.card.touch img{filter:none;transform:scale(1.05)}
.card:hover h3,.card.touch h3{color:var(--lime)}
.card:hover p,.card.touch p{max-height:8em;opacity:1}
.card.brand{background:var(--orange)}
.card.brand::after{display:none}
.card.brand .mono-big{position:absolute;inset:0;display:grid;place-items:center;z-index:0}
.card.brand .mono-big svg{width:58%;height:auto;color:var(--lime);filter:drop-shadow(6px 6px 0 var(--ink));transition:transform .7s var(--ease)}
.card.brand:hover .mono-big svg{transform:rotate(-6deg) scale(1.05)}
.card.brand h3{color:var(--ink)}
.card.brand p{color:var(--ink)}
.card.brand .num{color:rgba(13,10,8,.7)}

/* patrocínio */
#galeria{background:linear-gradient(180deg,var(--ink-2) 0,color-mix(in srgb,var(--ink-2) 72%,var(--ink)) 18vh,color-mix(in srgb,var(--ink-2) 35%,var(--ink)) 42vh,var(--ink) 75vh)}
/* parceiros & patrocinadores (seção branca com divisão curva) */
.white{position:relative;z-index:2;background:var(--bone);color:var(--ink);margin-top:-1px;padding-block:clamp(70px,9vw,140px) clamp(40px,5vw,80px);overflow-x:clip}
.white-curve{position:absolute;left:0;bottom:calc(100% - 1px);width:100%;height:clamp(48px,8vw,140px);display:block;pointer-events:none}
.white-curve path{fill:var(--bone)}
.white > .waves{top:calc(1px - clamp(48px,8vw,140px))}
.white-curve{z-index:-2}
/* preenche o canto entre o branco e a tarja inclinada (telas largas) */
.white::after{content:"";position:absolute;left:0;top:calc(100% - 1px);width:100%;height:calc(2.7vw + 14px);background:var(--bone);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none}
.cat-wrap{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.cat-bg{position:absolute;left:-3%;top:17%;width:min(64vw,1000px);height:auto;transform:rotate(-10deg);transform-origin:30% 60%;pointer-events:none;user-select:none;will-change:transform}
.pp-head{max-width:none;padding-inline:clamp(16px,3vw,48px);position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,80px);min-height:clamp(220px,24vw,340px)}
.pp-title{margin:0;display:grid;line-height:.88;color:#1f1a14}
.pp-title span{font-family:var(--f-body);font-weight:800;font-variation-settings:"wdth" 82;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(42px,6vw,96px)}
.pp-title em{font-family:"DM Serif Display","Playfair Display",Georgia,serif;font-style:normal;font-weight:400;text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(28px,4.3vw,74px);white-space:nowrap}
.pp-text{margin:0;position:var(--tpos,static);left:var(--tx,auto);top:var(--ty,auto);max-width:34ch;font-size:clamp(17px,1.45vw,22px);line-height:1.4;color:#2a241d;font-weight:500}
.logos{position:relative;z-index:1;margin-top:clamp(8px,1.5vw,24px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logos-track{display:flex;align-items:center;gap:clamp(70px,8vw,140px);margin:0;padding:10px 0;list-style:none;width:max-content;will-change:transform}
.lg{flex:0 0 auto;display:grid;place-items:center;height:calc(clamp(26px,2.8vw,42px) * 1.75)}
.lg img{display:block;height:calc(clamp(26px,2.8vw,42px) * var(--k));width:auto;user-select:none;-webkit-user-drag:none}
/* linhas de contorno em onda (fundo) — alinhadas à página e sincronizadas entre seções */
:root{--wv-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='1008' viewBox='0 0 1600 1008' fill='none' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M0 84.0 L20 87.9 L40 91.8 L60 95.5 L80 99.1 L100 102.4 L120 105.5 L140 108.3 L160 110.7 L180 112.7 L200 114.4 L220 115.6 L240 116.4 L260 116.9 L280 116.9 L300 116.5 L320 115.8 L340 114.7 L360 113.4 L380 111.8 L400 110.0 L420 108.0 L440 106.0 L460 103.8 L480 101.7 L500 99.5 L520 97.5 L540 95.5 L560 93.6 L580 91.9 L600 90.4 L620 89.0 L640 87.9 L660 86.9 L680 86.1 L700 85.5 L720 85.0 L740 84.6 L760 84.4 L780 84.2 L800 84.0 L820 83.8 L840 83.6 L860 83.4 L880 83.0 L900 82.5 L920 81.9 L940 81.1 L960 80.1 L980 79.0 L1000 77.6 L1020 76.1 L1040 74.4 L1060 72.5 L1080 70.5 L1100 68.5 L1120 66.3 L1140 64.2 L1160 62.0 L1180 60.0 L1200 58.0 L1220 56.2 L1240 54.6 L1260 53.3 L1280 52.2 L1300 51.5 L1320 51.1 L1340 51.1 L1360 51.6 L1380 52.4 L1400 53.6 L1420 55.3 L1440 57.3 L1460 59.7 L1480 62.5 L1500 65.6 L1520 68.9 L1540 72.5 L1560 76.2 L1580 80.1 L1600 84.0'/%3E%3Cpath d='M0 263.3 L20 264.6 L40 266.0 L60 267.5 L80 269.1 L100 270.7 L120 272.4 L140 274.0 L160 275.6 L180 277.1 L200 278.4 L220 279.5 L240 280.4 L260 281.1 L280 281.4 L300 281.4 L320 281.0 L340 280.2 L360 279.1 L380 277.6 L400 275.7 L420 273.4 L440 270.8 L460 267.9 L480 264.7 L500 261.2 L520 257.6 L540 253.8 L560 250.0 L580 246.1 L600 242.3 L620 238.5 L640 234.9 L660 231.5 L680 228.4 L700 225.5 L720 223.0 L740 220.9 L760 219.1 L780 217.8 L800 216.9 L820 216.5 L840 216.5 L860 216.9 L880 217.7 L900 218.9 L920 220.4 L940 222.2 L960 224.3 L980 226.5 L1000 229.0 L1020 231.5 L1040 234.1 L1060 236.7 L1080 239.3 L1100 241.8 L1120 244.2 L1140 246.5 L1160 248.5 L1180 250.4 L1200 252.1 L1220 253.5 L1240 254.8 L1260 255.8 L1280 256.6 L1300 257.2 L1320 257.6 L1340 257.9 L1360 258.1 L1380 258.3 L1400 258.4 L1420 258.4 L1440 258.5 L1460 258.7 L1480 258.9 L1500 259.3 L1520 259.8 L1540 260.4 L1560 261.2 L1580 262.2 L1600 263.3'/%3E%3Cpath d='M0 437.7 L20 434.7 L40 431.6 L60 428.7 L80 425.8 L100 423.1 L120 420.5 L140 418.1 L160 416.0 L180 414.1 L200 412.5 L220 411.2 L240 410.0 L260 409.2 L280 408.5 L300 408.1 L320 407.9 L340 407.8 L360 407.8 L380 407.9 L400 408.0 L420 408.2 L440 408.3 L460 408.4 L480 408.4 L500 408.3 L520 408.1 L540 407.8 L560 407.3 L580 406.6 L600 405.8 L620 404.9 L640 403.9 L660 402.8 L680 401.7 L700 400.5 L720 399.4 L740 398.3 L760 397.2 L780 396.4 L800 395.6 L820 395.1 L840 394.9 L860 394.9 L880 395.3 L900 395.9 L920 396.9 L940 398.3 L960 400.0 L980 402.0 L1000 404.4 L1020 407.1 L1040 410.1 L1060 413.3 L1080 416.7 L1100 420.3 L1120 424.0 L1140 427.7 L1160 431.4 L1180 435.1 L1200 438.6 L1220 442.0 L1240 445.1 L1260 448.0 L1280 450.5 L1300 452.7 L1320 454.5 L1340 455.8 L1360 456.7 L1380 457.2 L1400 457.2 L1420 456.8 L1440 455.9 L1460 454.7 L1480 453.0 L1500 451.1 L1520 448.8 L1540 446.3 L1560 443.5 L1580 440.7 L1600 437.7'/%3E%3Cpath d='M0 594.8 L20 591.9 L40 588.8 L60 585.5 L80 582.1 L100 578.6 L120 575.1 L140 571.7 L160 568.3 L180 565.1 L200 562.0 L220 559.2 L240 556.8 L260 554.6 L280 552.8 L300 551.5 L320 550.6 L340 550.1 L360 550.1 L380 550.5 L400 551.4 L420 552.7 L440 554.4 L460 556.5 L480 558.9 L500 561.6 L520 564.5 L540 567.7 L560 570.9 L580 574.3 L600 577.7 L620 581.0 L640 584.3 L660 587.4 L680 590.4 L700 593.2 L720 595.7 L740 598.0 L760 600.0 L780 601.7 L800 603.0 L820 604.1 L840 605.0 L860 605.5 L880 605.8 L900 605.9 L920 605.8 L940 605.5 L960 605.1 L980 604.6 L1000 604.1 L1020 603.6 L1040 603.1 L1060 602.7 L1080 602.3 L1100 602.1 L1120 601.9 L1140 601.9 L1160 602.1 L1180 602.3 L1200 602.7 L1220 603.2 L1240 603.8 L1260 604.5 L1280 605.2 L1300 605.9 L1320 606.6 L1340 607.2 L1360 607.7 L1380 608.0 L1400 608.2 L1420 608.1 L1440 607.8 L1460 607.3 L1480 606.4 L1500 605.3 L1520 603.8 L1540 602.0 L1560 599.9 L1580 597.5 L1600 594.8'/%3E%3Cpath d='M0 737.7 L20 738.6 L40 739.5 L60 740.4 L80 741.1 L100 741.8 L120 742.3 L140 742.7 L160 742.9 L180 743.0 L200 743.0 L220 742.9 L240 742.7 L260 742.4 L280 742.1 L300 741.8 L320 741.5 L340 741.4 L360 741.3 L380 741.4 L400 741.6 L420 742.1 L440 742.7 L460 743.7 L480 744.9 L500 746.4 L520 748.1 L540 750.2 L560 752.4 L580 755.0 L600 757.7 L620 760.6 L640 763.6 L660 766.8 L680 770.0 L700 773.2 L720 776.3 L740 779.3 L760 782.1 L780 784.8 L800 787.1 L820 789.2 L840 790.9 L860 792.2 L880 793.1 L900 793.6 L920 793.6 L940 793.2 L960 792.3 L980 791.0 L1000 789.3 L1020 787.2 L1040 784.7 L1060 781.9 L1080 778.8 L1100 775.5 L1120 772.0 L1140 768.4 L1160 764.8 L1180 761.2 L1200 757.6 L1220 754.1 L1240 750.8 L1260 747.7 L1280 744.8 L1300 742.2 L1320 739.9 L1340 737.9 L1360 736.3 L1380 735.0 L1400 734.0 L1420 733.4 L1440 733.0 L1460 732.9 L1480 733.1 L1500 733.6 L1520 734.2 L1540 734.9 L1560 735.8 L1580 736.7 L1600 737.7'/%3E%3Cpath d='M0 896.5 L20 899.3 L40 902.5 L60 905.8 L80 909.4 L100 913.1 L120 916.9 L140 920.8 L160 924.5 L180 928.3 L200 931.8 L220 935.2 L240 938.3 L260 941.2 L280 943.7 L300 946.0 L320 947.8 L340 949.3 L360 950.4 L380 951.2 L400 951.6 L420 951.6 L440 951.4 L460 950.8 L480 950.0 L500 949.0 L520 947.8 L540 946.5 L560 945.1 L580 943.7 L600 942.2 L620 940.8 L640 939.5 L660 938.2 L680 937.0 L700 936.0 L720 935.2 L740 934.5 L760 933.9 L780 933.5 L800 933.2 L820 933.0 L840 932.9 L860 932.9 L880 932.9 L900 932.9 L920 932.9 L940 932.8 L960 932.6 L980 932.2 L1000 931.7 L1020 931.0 L1040 930.1 L1060 928.9 L1080 927.6 L1100 926.0 L1120 924.1 L1140 922.0 L1160 919.8 L1180 917.3 L1200 914.7 L1220 912.0 L1240 909.2 L1260 906.4 L1280 903.6 L1300 900.9 L1320 898.3 L1340 895.9 L1360 893.8 L1380 891.8 L1400 890.2 L1420 889.0 L1440 888.1 L1460 887.7 L1480 887.6 L1500 888.0 L1520 888.9 L1540 890.2 L1560 891.9 L1580 894.0 L1600 896.5'/%3E%3C/svg%3E");--wv-v:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='1008' viewBox='0 0 1600 1008' fill='none' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M140.6 0 L146.3 17 L151.9 34 L157.2 50 L162.2 67 L166.6 84 L170.3 101 L173.3 118 L175.4 134 L176.6 151 L176.8 168 L176.2 185 L174.6 202 L172.2 218 L169.1 235 L165.4 252 L161.1 269 L156.6 286 L151.8 302 L146.9 319 L142.1 336 L137.5 353 L133.3 370 L129.5 386 L126.1 403 L123.3 420 L121.1 437 L119.4 454 L118.2 470 L117.5 487 L117.2 504 L117.3 521 L117.5 538 L117.9 554 L118.4 571 L118.7 588 L118.9 605 L118.9 622 L118.7 638 L118.1 655 L117.3 672 L116.2 689 L114.8 706 L113.3 722 L111.7 739 L110.1 756 L108.6 773 L107.4 790 L106.4 806 L105.9 823 L105.9 840 L106.6 857 L107.9 874 L109.8 890 L112.5 907 L115.9 924 L119.9 941 L124.5 958 L129.6 974 L135.0 991 L140.6 1008'/%3E%3Cpath d='M412.0 0 L410.2 17 L408.8 34 L407.8 50 L407.1 67 L406.6 84 L406.3 101 L406.1 118 L406.0 134 L405.8 151 L405.5 168 L404.9 185 L404.0 202 L402.7 218 L400.9 235 L398.8 252 L396.2 269 L393.1 286 L389.7 302 L386.1 319 L382.2 336 L378.3 353 L374.4 370 L370.7 386 L367.3 403 L364.4 420 L362.0 437 L360.3 454 L359.4 470 L359.4 487 L360.2 504 L361.9 521 L364.5 538 L367.9 554 L372.1 571 L376.9 588 L382.2 605 L387.9 622 L393.9 638 L399.9 655 L405.8 672 L411.5 689 L416.8 706 L421.5 722 L425.7 739 L429.1 756 L431.7 773 L433.5 790 L434.6 806 L434.8 823 L434.3 840 L433.2 857 L431.6 874 L429.4 890 L427.0 907 L424.4 924 L421.6 941 L418.9 958 L416.4 974 L414.0 991 L412.0 1008'/%3E%3Cpath d='M646.9 0 L641.6 17 L636.8 34 L632.5 50 L628.9 67 L626.1 84 L624.2 101 L623.1 118 L623.0 134 L623.9 151 L625.6 168 L628.1 185 L631.4 202 L635.3 218 L639.6 235 L644.4 252 L649.3 269 L654.2 286 L659.1 302 L663.8 319 L668.1 336 L671.9 353 L675.3 370 L678.1 386 L680.4 403 L682.1 420 L683.2 437 L683.8 454 L684.1 470 L683.9 487 L683.6 504 L683.1 521 L682.6 538 L682.1 554 L681.8 571 L681.7 588 L681.8 605 L682.2 622 L682.9 638 L683.8 655 L685.0 672 L686.4 689 L687.9 706 L689.3 722 L690.7 739 L691.8 756 L692.6 773 L693.0 790 L692.9 806 L692.2 823 L690.8 840 L688.8 857 L686.0 874 L682.6 890 L678.6 907 L674.0 924 L668.9 941 L663.6 958 L658.0 974 L652.4 991 L646.9 1008'/%3E%3Cpath d='M925.5 0 L926.6 17 L927.5 34 L928.0 50 L928.4 67 L928.6 84 L928.7 101 L928.9 118 L929.3 134 L929.9 151 L930.8 168 L932.0 185 L933.7 202 L935.8 218 L938.3 235 L941.3 252 L944.6 269 L948.1 286 L951.8 302 L955.6 319 L959.4 336 L962.9 353 L966.2 370 L969.0 386 L971.2 403 L972.7 420 L973.4 437 L973.3 454 L972.4 470 L970.5 487 L967.8 504 L964.3 521 L960.0 538 L955.1 554 L949.7 571 L944.0 588 L938.0 605 L932.0 622 L926.0 638 L920.4 655 L915.1 672 L910.4 689 L906.3 706 L903.0 722 L900.5 739 L898.8 756 L897.8 773 L897.7 790 L898.3 806 L899.6 823 L901.4 840 L903.7 857 L906.3 874 L909.0 890 L911.9 907 L914.8 924 L917.5 941 L919.9 958 L922.1 974 L924.0 991 L925.5 1008'/%3E%3Cpath d='M1230.8 0 L1235.0 17 L1238.4 34 L1241.1 50 L1242.9 67 L1243.7 84 L1243.7 101 L1242.7 118 L1240.8 134 L1238.1 151 L1234.7 168 L1230.7 185 L1226.2 202 L1221.3 218 L1216.3 235 L1211.3 252 L1206.3 269 L1201.6 286 L1197.2 302 L1193.3 319 L1189.9 336 L1187.1 353 L1184.8 370 L1183.2 386 L1182.1 403 L1181.5 420 L1181.3 437 L1181.5 454 L1182.0 470 L1182.5 487 L1183.2 504 L1183.8 521 L1184.2 538 L1184.5 554 L1184.5 571 L1184.3 588 L1183.7 605 L1182.9 622 L1181.8 638 L1180.6 655 L1179.3 672 L1178.0 689 L1176.8 706 L1175.7 722 L1175.0 739 L1174.8 756 L1175.0 773 L1175.8 790 L1177.2 806 L1179.3 823 L1182.1 840 L1185.5 857 L1189.6 874 L1194.2 890 L1199.2 907 L1204.5 924 L1210.0 941 L1215.5 958 L1221.0 974 L1226.1 991 L1230.8 1008'/%3E%3Cpath d='M1471.3 0 L1470.7 17 L1470.3 34 L1470.0 50 L1469.9 67 L1469.6 84 L1469.3 101 L1468.7 118 L1467.8 134 L1466.6 151 L1465.0 168 L1463.0 185 L1460.5 202 L1457.7 218 L1454.5 235 L1451.1 252 L1447.5 269 L1443.8 286 L1440.2 302 L1436.8 319 L1433.7 336 L1431.1 353 L1429.1 370 L1427.7 386 L1427.1 403 L1427.3 420 L1428.5 437 L1430.4 454 L1433.3 470 L1436.9 487 L1441.2 504 L1446.2 521 L1451.7 538 L1457.5 554 L1463.5 571 L1469.6 588 L1475.5 605 L1481.1 622 L1486.3 638 L1491.0 655 L1495.0 672 L1498.2 689 L1500.6 706 L1502.2 722 L1503.0 739 L1503.0 756 L1502.3 773 L1500.9 790 L1498.9 806 L1496.5 823 L1493.7 840 L1490.8 857 L1487.8 874 L1484.8 890 L1482.0 907 L1479.3 924 L1477.0 941 L1475.1 958 L1473.5 974 L1472.2 991 L1471.3 1008'/%3E%3C/svg%3E")}
.wv-host{position:relative;isolation:isolate}
.waves{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;color:var(--lime)}
.waves i{position:absolute;background:currentColor;opacity:.07;will-change:transform;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:1600px 1008px;mask-size:1600px 1008px}
.waves .h{top:-20px;bottom:-20px;left:0;width:calc(100% + 1600px);-webkit-mask-image:var(--wv-h);mask-image:var(--wv-h)}
.waves .v{top:-1008px;height:calc(100% + 1008px);left:-24px;right:-24px;-webkit-mask-image:var(--wv-v);mask-image:var(--wv-v)}
.waves.light{color:#173b0b}
.waves.light i{opacity:.09}
.spons{background:var(--ink-2);border-radius:clamp(28px,4vw,48px) clamp(28px,4vw,48px) 0 0;overflow:hidden}
.spons-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,3vw,44px);align-items:stretch}
.stage{position:relative;border-radius:24px;overflow:hidden;background:var(--ink);min-height:420px;display:flex;flex-direction:column}
.stage-photo{position:relative;flex:1;min-height:300px}
.stage-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 50%}
.decal{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:2.6/1;transform:translate(-50%,-50%) skewX(-12deg);border:2px dashed var(--lime);border-radius:6px;background:rgba(210,255,0,.16);display:grid;place-items:center;transition:all .6s var(--ease)}
.decal span{transform:skewX(12deg);font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--lime);text-transform:uppercase;background:var(--ink);padding:3px 6px;border-radius:4px;white-space:nowrap}
.decal::before{content:"";position:absolute;inset:-8px;border-radius:10px;border:1px solid rgba(210,255,0,.45);animation:ping 2s ease-out infinite}
@keyframes ping{0%{opacity:.9;transform:scale(.95)}100%{opacity:0;transform:scale(1.25)}}
.stage-label{position:absolute;left:18px;top:16px;display:flex;gap:8px;align-items:center}
.stage-label .caption{background:rgba(13,10,8,.7);padding:6px 10px;border-radius:999px;color:var(--bone)}
.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}
.slot{background:var(--ink);padding:16px 14px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;min-width:0;transition:background .4s,color .4s}
.slot svg{grid-row:span 2;width:28px;height:28px;color:var(--mute);transition:color .4s}
.slot b{font-size:14px;font-weight:700;line-height:1.2;min-width:0}
.slot small{font-family:var(--f-mono);font-size:11px;color:var(--mute);letter-spacing:.04em;min-width:0}
.slot.off b,.slot.off small{opacity:.35}
.slot.off svg{opacity:.35}
.slot.on svg{color:var(--lime)}

.tiers{display:flex;flex-direction:column;gap:18px}
.tier-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--ink);padding:6px;border-radius:999px;border:1px solid var(--line)}
.tier-tabs button{appearance:none;border:0;background:transparent;color:var(--mute);font-family:var(--f-display);font-style:italic;font-weight:800;font-variation-settings:"wdth" 118;text-transform:uppercase;font-size:14px;letter-spacing:.04em;padding:13px 6px;border-radius:999px;cursor:pointer;transition:background .35s,color .35s}
.tier-tabs button:hover{color:var(--bone)}
.tier-tabs button[aria-selected="true"]{background:var(--tc,var(--lime));color:var(--ink)}
.tier-card{border-radius:24px;padding:clamp(22px,2.6vw,34px);background:var(--ink);border:1px solid var(--line);display:grid;gap:18px;flex:1;position:relative;overflow:hidden}
.tier-card::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:var(--tc,var(--lime));opacity:.14;filter:blur(10px);transition:background .5s}
.tier-name{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tier-name .display{font-size:clamp(30px,3.2vw,44px);color:var(--tc,var(--lime));transition:color .4s}
.badge{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:var(--lime);color:var(--ink);padding:6px 10px;border-radius:999px;font-weight:600}
.price{display:flex;align-items:baseline;gap:10px;font-family:var(--f-display);font-style:italic;font-weight:900;font-variation-settings:"wdth" 125;line-height:.9}
.price small{font-size:20px;color:var(--mute);font-weight:700}
.price b{font-size:clamp(56px,6vw,84px);font-variant-numeric:tabular-nums}
.price em{font-style:italic;font-size:22px;color:var(--mute)}
.perks{list-style:none;margin:0;padding:0;display:grid;gap:0}
.perks li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
.perks li:last-child{border-bottom:0}
.perks li svg{flex:0 0 18px;width:18px;height:18px;margin-top:3px;color:var(--tc,var(--lime))}
.tier-ctas{display:flex;gap:10px;flex-wrap:wrap}

.compare-wrap{margin-top:clamp(40px,5vw,64px);overflow-x:auto;border:1px solid var(--line);border-radius:20px}
.compare{width:100%;min-width:600px;border-collapse:collapse;font-size:15px}
.compare th,.compare td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line)}
.compare tr:last-child td{border-bottom:0}
.compare thead th{font-family:var(--f-display);font-style:italic;font-weight:800;font-variation-settings:"wdth" 120;text-transform:uppercase;font-size:15px;letter-spacing:.03em;background:var(--ink)}
.compare thead th small{display:block;font-family:var(--f-mono);font-style:normal;font-weight:400;font-size:12px;color:var(--mute);letter-spacing:.04em;text-transform:none;margin-top:4px}
.compare td:not(:first-child),.compare th:not(:first-child){text-align:center;width:18%}
.compare .yes{color:var(--lime);font-weight:700}
.compare .no{color:rgba(244,241,238,.28)}
.compare tbody td:first-child{color:var(--mute)}
.compare .col-d{background:rgba(210,255,0,.05)}

/* galeria · leque de cartas */
.hand{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr) minmax(0,15rem);align-items:center;gap:clamp(20px,3vw,48px)}
.hand-l{text-align:right}.hand-r{text-align:left}
.hand-l,.hand-r{align-self:start;padding-top:calc(var(--fanH,640px) * .2);position:relative;z-index:2}
.hand-n{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;color:var(--mute);margin:0;font-variant-numeric:tabular-nums}
.hand-n b{color:var(--lime);font-weight:500}
.hand-t{font-size:clamp(28px,2.6vw,44px);margin-top:12px;line-height:.95}
.hand-d{margin:0;color:var(--mute);font-size:15px;line-height:1.6;text-wrap:pretty}
.hand-zoom{margin-top:18px;background:none;border:1px solid var(--line);color:var(--bone);font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;padding:9px 14px;border-radius:999px;cursor:zoom-in;transition:border-color .3s,color .3s}
.hand-zoom:hover{border-color:var(--lime);color:var(--lime)}
.hand-fan{position:relative;min-width:0;touch-action:pan-y;isolation:isolate}
.hand-fan::before{content:"";position:absolute;left:50%;top:22%;width:min(70%,560px);aspect-ratio:1;transform:translate(-50%,-30%);background:radial-gradient(closest-side,rgba(210,255,0,.10),rgba(210,255,0,0));pointer-events:none;z-index:-1}
.fc{position:absolute;left:50%;bottom:0;will-change:transform}
.fc-in{will-change:transform;transform-origin:50% 50%}
.fc-btn{all:unset;display:block;border-radius:16px;cursor:grab;-webkit-tap-highlight-color:transparent;touch-action:pan-y}
.fc-btn:active{cursor:grabbing}
.fc.on .fc-btn{cursor:zoom-in}
.fc-btn:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.fc-btn img{display:block;aspect-ratio:5/7;width:var(--cw,260px);height:auto;object-fit:cover;border-radius:16px;border:1px solid rgba(244,241,238,.14);background:var(--ink-2);box-shadow:0 18px 40px rgba(0,0,0,.45);user-select:none;-webkit-user-drag:none;transition:border-color .4s,box-shadow .4s}
.fc.on .fc-btn img{border-color:rgba(210,255,0,.55);box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px rgba(210,255,0,.15)}
@media (pointer:coarse){.hand-hint{display:none}}
.lb{position:fixed;inset:0;z-index:90;background:rgba(13,10,8,.94);display:grid;grid-template-rows:1fr auto;padding:calc(20px + env(safe-area-inset-top,0px)) var(--gut) calc(20px + env(safe-area-inset-bottom,0px));gap:14px}
.lb img{max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;border-radius:14px;object-fit:contain;min-height:0;align-self:center;justify-self:center}
.lb-fig{display:grid;min-height:0;place-items:center}
.lb-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.lb-btns{display:flex;gap:8px}
.icon-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--bone);display:grid;place-items:center;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.icon-btn:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.icon-btn svg{width:20px;height:20px}

/* parceiros */
.partners{padding-block:clamp(72px,9vw,120px)}
.p-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.p-cell{background:var(--ink);min-height:150px;display:grid;place-items:center;gap:6px;padding:22px;text-align:center;transition:background .4s}
.p-cell:hover{background:var(--ink-2)}
.p-cell.logo{align-content:center;gap:16px}
.p-logo{display:block;width:auto;max-width:82%;height:clamp(30px,3vw,44px);transition:transform .5s var(--ease)}
.p-logo-saciatta{height:clamp(52px,5.2vw,76px)}
.p-cell.logo:hover .p-logo{transform:scale(1.05)}
.p-name{font-family:var(--f-display);font-weight:800;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.01em;line-height:1}
.p-name.ambios{font-variation-settings:"wdth" 100;color:var(--bone)}
.p-name.natter{font-variation-settings:"wdth" 110;font-weight:700;letter-spacing:.02em;color:var(--bone);text-transform:lowercase}
.p-name.saciatta{font-variation-settings:"wdth" 120;font-weight:500;letter-spacing:.18em;text-transform:uppercase;font-size:clamp(18px,1.8vw,24px);color:var(--bone)}
.p-cell.you{background:repeating-linear-gradient(-45deg,var(--ink) 0 14px,rgba(210,255,0,.05) 14px 28px);text-decoration:none}
.p-cell.you .p-name{font-style:italic;font-variation-settings:"wdth" 125;color:var(--lime);text-transform:uppercase;font-size:clamp(18px,1.8vw,24px)}
.p-cell .caption{text-transform:uppercase;letter-spacing:.12em;font-size:11px}

/* contato */
.contact{background:var(--lime);color:var(--ink);overflow:hidden;isolation:isolate}
.contact .pattern{position:absolute;inset:0;z-index:-1;opacity:.16}
.contact .pattern canvas{display:block;width:100%;height:100%}
.contact-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:end}
.contact .display{font-size:clamp(52px,9vw,148px)}
.contact .eyebrow{color:rgba(13,10,8,.7)}
.contact .eyebrow .dot{background:var(--ink);box-shadow:0 0 0 4px rgba(13,10,8,.15)}
.contact p{margin:0;font-size:18px;max-width:42ch;font-weight:500}
.mail{container-type:inline-size;display:grid;gap:12px;background:var(--ink);color:var(--bone);border-radius:24px;padding:clamp(22px,2.6vw,32px)}
.mail .caption{color:var(--mute);text-transform:uppercase;letter-spacing:.12em}
.mail-addr{font-family:var(--f-display);font-style:italic;font-weight:800;font-variation-settings:"wdth" 112;font-size:clamp(14px,5.4cqi,32px);line-height:1.1;white-space:nowrap;user-select:all;color:var(--lime)}
.mail-actions{display:flex;gap:10px;flex-wrap:wrap}
.copy-ok{font-family:var(--f-mono);font-size:12px;color:var(--lime);min-height:1.2em}

/* footer */
.foot{position:relative;isolation:isolate;background:var(--forest);color:var(--bone);padding-block:clamp(64px,7vw,110px) calc(28px + env(safe-area-inset-bottom,0px));overflow:hidden}
.foot-water{position:absolute;z-index:-1;top:clamp(28px,4vw,56px);left:50%;transform:translateX(-50%);width:min(calc(100% - 2 * var(--gut)),1240px);pointer-events:none;user-select:none}
.foot-water .wm{display:block;width:100%;height:auto;color:var(--bone);opacity:.08}
.foot-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
.foot .sig2{width:min(100%,560px);color:var(--lime)}
.foot-quote{font-size:clamp(34px,5vw,72px)}
.foot-nav{display:grid;gap:8px;justify-items:end}
.foot-nav a{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--mute)}
.foot-nav a:hover{color:var(--lime)}
.foot-bottom{margin-top:clamp(48px,6vw,80px);padding-top:22px;border-top:1px solid rgba(244,241,238,.16);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.foot-bottom .mono-s{display:block;width:40px;color:var(--lime)}
.foot-bottom .mono-s svg{display:block;width:100%;height:auto}
.foot-bottom .caption{text-transform:none}

/* responsivo */
/* computador: texto logo acima dos botões, card da final à direita */
@media (min-width:861px){
  .hero-in{grid-template-columns:minmax(0,1fr) auto;row-gap:28px;column-gap:32px;align-items:end}
  .hero-top{grid-column:1;grid-row:1}
  .hero-foot{display:contents}
  .hero-ctas{grid-column:1;grid-row:2}
  .race-card{grid-column:2;grid-row:1 / span 2;align-self:end}
}
@media (max-width:1080px){
  .spons-grid{grid-template-columns:1fr}
  .story{grid-template-columns:1fr}
  .contact-in{grid-template-columns:1fr}
}
@media (max-width:860px){
  .hero-media{width:100%;inset:0}
  .hero-media-l{display:none}
  .hero-media::after{background:linear-gradient(0deg,var(--ink) 18%,rgba(13,10,8,.55) 52%,rgba(13,10,8,.2) 100%)}
  .duo{grid-template-columns:1fr}
  .dna{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hand{grid-template-columns:minmax(0,1fr);gap:18px}
  .hand-l,.hand-r{text-align:center;padding-top:0}
  .hand-r{max-width:34ch;margin-inline:auto}
  .p-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-top{grid-template-columns:1fr}
  .foot-nav{justify-items:start;grid-auto-flow:column;justify-content:start;gap:18px;flex-wrap:wrap}
}
@media (max-width:620px){
  body{font-size:16px}
  .dna{grid-template-columns:1fr 1fr;gap:8px}
  .card{aspect-ratio:3/4}
  .card-in{padding:14px}
  .card h3{font-size:22px}
  .card p{font-size:13px}
  .slots{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp-head{grid-template-columns:1fr;min-height:0}
  .cat-bg{width:118vw;left:-14%;top:9%}
  .white{padding-top:110px}
  .pp-title em{font-size:clamp(24px,7.6vw,40px)}
  .tile{min-height:0;gap:20px}
  .tile-img{position:relative;top:auto;right:auto;width:68%;align-self:flex-end;margin-right:-8%;z-index:0}
  .tile-body p{max-width:100%}
  .tile-top{order:0}.tile-img{order:1}.tile-body{order:2}
  .race-card{max-width:100%;width:100%}
  .hero-foot{flex-direction:column;align-items:stretch}
  .scroll-cue{display:none}
  .foot-nav{grid-auto-flow:row}
}

/* animações sempre ligadas: o Windows com "efeitos de animação" desligados não desativa mais o site */