@font-face{font-family:Zodiak;src:url(assets/zodiak-300.woff2) format('woff2');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Synonym;src:url(assets/synonym-400.woff2) format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Synonym;src:url(assets/synonym-500.woff2) format('woff2');font-style:normal;font-weight:500;font-display:swap}
/* Tokens da base comum. Cor do grupo: vetor oficial da logo (#323149 e #75BF8D). Verde como texto só onde a medida der 4,5:1 (escuro). */
:root{color-scheme:dark;--ink:#f0f5f5;--night:#030910;--muted:#c0d1dc;
--grupo-marinho:#323149;--grupo-verde:#75BF8D;--grupo-noite:#030910;--texto-claro:#f2f6f6;
--controle-fundo:#1b1e22;--controle-borda:#ffffff38;--controle-foco:#ffffff;--controle-foco-aro:#030910;
--raio-controle:999px;--raio-cartao:14px;--raio-conteiner:24px;
--ease:cubic-bezier(.16,1,.3,1);--dur-curta:.2s;--dur-media:.4s;--dur-longa:1.2s;
--alvo:44px;--borda-segura:max(16px,env(safe-area-inset-left));}
*{box-sizing:border-box}html{background:var(--night);scrollbar-color:#436275 var(--night)}body{margin:0;color:var(--ink);font-family:Synonym,sans-serif;-webkit-tap-highlight-color:transparent}::selection{background:#b9daeb;color:#0a1722}a{color:inherit;text-decoration:none;text-underline-offset:.35em}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid #c2e9ff;outline-offset:7px}button{font:inherit;color:inherit;background:none;border:1px solid #97b5c7;padding:9px 14px;cursor:pointer}button:hover{background:#244052}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.2;vertical-align:middle}.skip{position:fixed;left:16px;top:-100px;z-index:20;background:var(--night);padding:12px}.skip:focus{top:16px}
a,button{touch-action:manipulation}
@media(pointer:fine){html{overscroll-behavior:none}}
.so-leitor{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#viagem{height:330svh;position:relative}#palco{position:sticky;top:0;height:100svh;min-height:420px;overflow:hidden}.poster,#scene,.shade{position:absolute;inset:0}.poster img{width:100%;height:100%;object-fit:cover}#scene{opacity:0}.ready #scene{opacity:1}#scene canvas{display:block;width:100%;height:100%}.shade{pointer-events:none;background:linear-gradient(180deg,rgba(1,5,9,.45),transparent 22%,transparent 51%,rgba(1,7,13,.55));z-index:1}
header,footer,.intro,.status,.nojs{position:absolute;z-index:2}header{top:clamp(26px,5.5vh,58px);left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:22px;letter-spacing:.3em}.explore{font-size:13px;display:flex;align-items:center;gap:24px}.intro{left:9%;bottom:18%;max-width:70%}h1{font:300 clamp(44px,5.5vw,79px)/1.1 Zodiak,serif;letter-spacing:-.035em;margin:0;text-wrap:balance}.intro p{margin:27px 0 0;font-size:16px;color:var(--texto-claro);letter-spacing:.02em;max-width:34em}footer{bottom:6.5%;left:var(--borda-segura);right:5.5%;display:flex;align-items:center;justify-content:space-between;font-size:13px}#instruction{display:flex;gap:26px;align-items:center}.credit{font-size:13px;color:var(--muted)}.status{right:5.5%;bottom:13%;display:flex;gap:12px;align-items:center;font-size:13px;max-width:40%;text-align:right}.ready .status{display:none}.nojs{right:5.5%;bottom:13%;max-width:35%;font-size:13px}.progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:3;background:#8baeb51a}.progress i{height:100%;display:block;background:#aed9ed;transform:scaleX(0);transform-origin:left}.static #viagem{height:100svh}.static .progress{display:none}.static .explore,.static #instruction{visibility:hidden}
@media(max-width:599px){header{left:26px;right:26px;top:32px}.wordmark{font-size:18px;letter-spacing:.24em}.explore{font-size:12px;gap:12px}.intro{left:29px;bottom:20%;max-width:calc(100% - 58px)}h1{font-size:42px;line-height:1.14}.intro p{font-size:15px;margin-top:22px}footer{left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));bottom:max(7%,env(safe-area-inset-bottom));font-size:13px}#instruction{gap:14px}.status,.nojs{left:29px;right:26px;bottom:12%;max-width:none;text-align:left;font-size:13px}.shade{background:linear-gradient(180deg,rgba(1,5,9,.3),transparent 23%,transparent 43%,rgba(1,7,13,.65))}}
@media(prefers-reduced-motion:reduce){#viagem{height:100svh}}
#scene{transition:opacity var(--dur-media) ease-out}
.has-scrolled #scene{transition:none}
@media(prefers-reduced-motion:reduce){#scene{transition:none}}

#texto-cena{position:absolute;inset:0;pointer-events:none;z-index:2}

.ctl{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--alvo);padding:0 18px;border:1px solid var(--controle-borda);border-radius:var(--raio-controle);background:rgb(27 30 34/.94);color:var(--texto-claro);font:400 13px/1 Synonym,system-ui,sans-serif;letter-spacing:.02em;text-decoration:none;cursor:pointer;white-space:nowrap}
.ctl:hover{background:#2b3036;text-decoration:none}
.ctl:focus-visible{outline:2px solid var(--controle-foco);outline-offset:3px;box-shadow:0 0 0 5px var(--controle-foco-aro)}
.credit.ctl{color:var(--texto-claro)}