/* PELE · ID do STUDIO CB (brandbook "o guia", 09/10/2026) aplicada ao site.
   Mona Sans 900 expandida caixa-baixa = o fato · Instrument Serif itálica = a pessoa · Geist Mono = a máquina.
   OURO = voz autoral · AMARELO aceso = prova/serviço · NUNCA os dois na mesma seção (cada seção declara data-voz).
   Base de filme quente, preto só como tarja, grão vivo, glow na cor da voz, aberração atrás da letra. */
:root{
  --ouro:#FFC531; --ouro-rgb:255 197 49;
  --amar:#FFEE58; --amar-rgb:255 238 88;
  --branco:#FFF8EC; --base:#14110A; --fundo:#120F0A; --preto:#0B0B0A;
  --cinza:#BFB5A2; --corpo-cor:#E3DCCD; --linha:rgba(255,248,236,.12); --linha-forte:rgba(255,248,236,.2);
  --bg:var(--fundo); --fg:var(--branco); --card-bg:#1A160F; --nav-bg:rgba(11,11,10,.92); --seta-bg:rgba(255,248,236,.1);
  --f-fato:'Mona Sans',sans-serif; --f-pessoa:'Instrument Serif',serif; --f-maq:'Geist Mono',ui-monospace,monospace; --f-corpo:'Geist',system-ui,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  --acc:var(--ouro); --acc-rgb:var(--ouro-rgb);
}
[data-voz="autoral"]{--acc:var(--ouro);--acc-rgb:var(--ouro-rgb)}
[data-voz="prova"]{--acc:var(--amar);--acc-rgb:var(--amar-rgb)}

body{background:var(--fundo) radial-gradient(120% 1400px at 18% 0%,#231C12,var(--fundo) 70%) no-repeat;color:var(--branco)}
::selection{background:var(--ouro);color:var(--preto)}
#grao{position:fixed;inset:-40px;pointer-events:none;z-index:90;opacity:.1;mix-blend-mode:overlay;background-size:200px 200px}

/* três vozes */
.fato{font-family:var(--f-fato);font-weight:900;font-stretch:125%;letter-spacing:-.045em;line-height:.92;color:var(--branco);text-transform:none}
.pessoa{font-family:var(--f-pessoa);font-style:italic;font-weight:400;letter-spacing:0}
.maq{font-family:var(--f-maq);font-weight:500;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--cinza)}
.maq b{color:var(--branco);font-weight:500}
.corpo{color:var(--corpo-cor);max-width:62ch}

/* luz: glow na cor da voz e aberração ATRÁS da letra (text-shadow fica sob o desenho, então o branco segue limpo) */
.acc{color:var(--acc);text-shadow:0 0 .12em rgb(var(--acc-rgb)/.75),0 0 .45em rgb(var(--acc-rgb)/.42),0 0 1.1em rgb(var(--acc-rgb)/.22)}
.ab{text-shadow:-.04em .008em .03em rgba(255,58,26,.55),.04em -.008em .03em rgba(42,107,255,.55),0 0 .4em rgba(255,248,236,.18)}
.luz{text-shadow:0 0 .35em rgba(255,248,236,.22),0 .05em .3em rgba(0,0,0,.55)}

/* entradas (≤1,2 s): dose 2 seco+RGB nos títulos · dose 3 foco de projetor nos apartes */
.entra{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .9s var(--ease)}
.entra.on{opacity:1;transform:none}
.foco{opacity:0;filter:blur(12px);transition:opacity .9s var(--ease),filter 1.1s var(--ease)}
.foco.on{opacity:1;filter:blur(0)}
.d2{opacity:0}
.d2.on{opacity:1;animation:dose2 .55s steps(1),assenta .5s .1s var(--ease)}
@keyframes dose2{0%{opacity:0}12%{opacity:1}22%{opacity:.25}34%,100%{opacity:1}}
@keyframes assenta{from{text-shadow:-.12em 0 .02em rgba(255,58,26,.8),.12em 0 .02em rgba(42,107,255,.8)}to{}}
@media (prefers-reduced-motion:reduce){.entra,.foco,.d2{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}}

/* nav = tarja preta */
.nav{background:var(--nav-bg);border-bottom:1px solid var(--linha)}
.nav-marca{font-family:var(--f-fato);font-stretch:125%;letter-spacing:-.04em;text-transform:none}
.nav-menu a{font-family:var(--f-maq);color:var(--branco)}
.nav-menu a:hover{color:var(--ouro);opacity:1}

.cur{display:inline-block;width:.16em;height:.68em;margin-left:.06em;background:var(--ouro);box-shadow:0 0 .3em rgb(var(--ouro-rgb)/.7);vertical-align:-.02em;animation:pisca 1.06s steps(1) infinite}
@keyframes pisca{50%{opacity:0}}

/* cabeçalhos de seção */
.sec-cab h2{font-size:clamp(52px,7.6vw,132px);margin:12px 0 0}
.sec-cab .pessoa{font-size:clamp(28px,3vw,50px);margin:.25em 0 0;line-height:1.05}
.sec-cab .maq{margin:0}

/* 00 abertura: base de filme, tarjas, recorte com luz */

/* 01 name drop: cor da marca (padrão) ou silhueta (?logos=mono) */
.namedrop[data-logos="mono"] .logo img{opacity:.82}
.logo:hover img{opacity:1;transform:scale(1.06);filter:drop-shadow(0 0 14px rgba(255,248,236,.3))}
.logo-texto{color:var(--branco);font-stretch:125%;letter-spacing:-.04em}

/* imagem com tratamento de filme */
.era-fotos>img,.case-galeria img,.artigo-capa img,.manchete img,.pod img{filter:contrast(1.08) saturate(.82) sepia(.16) brightness(.92);border-radius:10px}
.era-fotos{border-radius:12px}
.era-fotos::after{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;background:linear-gradient(180deg,rgba(30,22,8,.18),transparent 40%,rgba(8,6,2,.45));mix-blend-mode:multiply}
.era-sat{border-radius:10px;border:1px solid var(--linha-forte)}
.era-ano{color:var(--branco)}
.era-txt h3{font-family:var(--f-fato);font-stretch:125%;letter-spacing:-.04em}
.era-txt p{color:var(--corpo-cor)}
.era-fundo{color:transparent!important;-webkit-text-stroke:1px rgba(255,248,236,.16);font-stretch:125%}
.era-logo{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(80% 70% at 50% 45%,#2A2318,var(--base));border-radius:12px}
.era-logo img{width:55%;height:auto;filter:brightness(0) invert(.97)}
.rail-seta{color:var(--branco);border:1px solid var(--linha-forte)}
.rail-seta:hover{color:var(--acc);border-color:var(--acc)}

/* 03 cases */
.case-cli{font-stretch:125%;letter-spacing:-.045em;text-transform:lowercase}
.case-logo img{transition:transform .3s}
.case-linha:hover .case-logo img{transform:scale(1.04)}
.case-cta{border-radius:99px;color:var(--branco);border-color:var(--linha-forte)}
.case-linha:hover .case-cta,.case-linha[aria-expanded="true"] .case-cta{color:var(--acc);border-color:var(--acc);box-shadow:0 0 18px rgb(var(--acc-rgb)/.25)}

.case-resumo{color:var(--corpo-cor)}
.case-painel h4{margin:28px 0 8px}
.case-fiz li{color:var(--corpo-cor)}
.numeros dt{font-family:var(--f-fato);font-stretch:125%;letter-spacing:-.05em;color:var(--branco)}
.numeros dd{color:var(--corpo-cor)}
[data-voz="prova"] .numeros dt{color:var(--amar);text-shadow:0 0 .1em rgb(var(--amar-rgb)/.7),0 0 .5em rgb(var(--amar-rgb)/.3)}
[data-voz="prova"] .numeros dd .maq{color:var(--amar)}

/* 04 IA (voz da máquina = amarelo) */
.term-tela{background:#16130D;border:1px solid var(--linha);border-radius:14px;overflow:hidden}
.term-barra{display:flex;gap:7px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--linha)}
.term-barra i{width:10px;height:10px;border-radius:50%;background:#3A3226}
.term-txt.maq{text-transform:none;font-size:13px;line-height:1.6;color:var(--corpo-cor);letter-spacing:.01em}
.term-tela::after{content:"";position:absolute;left:0;right:0;top:44px;height:40px;background:linear-gradient(#16130D,transparent);pointer-events:none}
.term-txt .p{color:var(--cinza)}
.term-txt .ok,.term-txt .cur{color:var(--amar);text-shadow:0 0 10px rgb(var(--amar-rgb)/.6)}
.term-txt .ok{margin-right:8px}.term-txt .fe{color:var(--amar);opacity:.8}.term-txt .sub{color:var(--cinza)}
.term-txt .cur{background:var(--amar)}
.term-saida{border-radius:14px;border:1px solid var(--linha)}
.ferr{border-top:1px solid var(--linha);padding-top:18px}
.ferr-midia{border-radius:12px;border:1px solid var(--linha)}
.ferr-leg{border-radius:6px;color:var(--branco)!important;opacity:1!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.ferr h3{font-family:var(--f-fato);font-stretch:125%;letter-spacing:-.04em;text-transform:lowercase}
.ferr p{color:var(--corpo-cor);font-size:15px}
.ferr .maq{color:var(--amar);opacity:.85;text-transform:none;letter-spacing:.02em}
.ferr-impacto{color:var(--branco)!important}
.ferr-nota{color:var(--amar)!important}

/* 05/06 séries: embed oficial do Instagram em moldura */
.ig-moldura{background:var(--card-bg);border:1px solid var(--linha);border-radius:14px;padding:10px;min-height:520px}
.ig-moldura .instagram-media{min-width:0!important;width:100%!important;margin:0!important;border-radius:10px!important}
.ig-cab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 2px 10px}
.ig-cab b{font-family:var(--f-fato);font-stretch:125%;letter-spacing:-.04em;font-size:28px}
[data-voz="prova"] .ig-cab b{color:var(--amar)}
.ig-tema{font-family:var(--f-pessoa);font-size:19px;line-height:1.25;color:var(--corpo-cor);margin:12px 2px 0}

/* 07 artigos: cara de artigo */
.artigo-titulo{font-family:var(--f-pessoa);font-style:normal;font-weight:400;font-size:clamp(28px,2.6vw,42px);color:var(--branco)}
.artigo-fina{color:var(--corpo-cor)}
.artigo blockquote{margin:14px 0 0;color:var(--branco);font-size:21px;line-height:1.3;border-left:2px solid var(--acc);padding-left:14px}
.artigo:hover .artigo-titulo{color:var(--ouro)}
.artigo .seta{color:var(--ouro)}
.post b{font-family:var(--f-pessoa);font-weight:400;font-size:22px;line-height:1.15}
.post:hover b{color:var(--ouro)}

/* 08 imprensa (prova) */
.manchete .maq{color:var(--amar)}
.manchete h3{font-family:var(--f-fato);font-stretch:112%;font-weight:800;letter-spacing:-.03em;font-size:21px;line-height:1.12}
.manchete:hover h3{color:var(--amar)}
.manchete .seta{color:var(--amar)}

/* 09 podcasts (prova) */
.pod{border-radius:10px}
.pod-info b{color:var(--branco);font-stretch:125%;letter-spacing:-.04em;font-size:20px;text-transform:lowercase}
.pod-info .maq{color:var(--amar)}
.pod-info span:last-child{font-family:var(--f-pessoa);font-size:16px;color:var(--corpo-cor)}
.pod:hover img,.pod:focus-visible img{box-shadow:0 0 0 1px var(--amar),0 0 28px rgb(var(--amar-rgb)/.3)}

/* 10 contato: composição da v1 na pele nova */
.contato{background:radial-gradient(70% 55% at 50% 40%,#2A2318,transparent 70%),radial-gradient(55% 35% at -10% 100%,rgba(255,120,40,.14),transparent 70%)}
.contato-nome{font-stretch:125%;letter-spacing:-.06em;color:var(--branco);font-size:13vw}
.contato-nome--linha{color:transparent!important;-webkit-text-stroke:1.2px rgba(255,248,236,.55)}
.contato-pessoa{filter:drop-shadow(0 30px 60px rgba(0,0,0,.6))}
.contato-txt h2{font-size:clamp(56px,7vw,120px);margin:0}
.contato-mail{font-stretch:125%;letter-spacing:-.04em;background:linear-gradient(var(--ouro),var(--ouro)) left bottom/0 3px no-repeat;transition:background-size .6s var(--ease)}
.contato-mail:hover{background-size:100% 3px;color:var(--ouro)}
.contato-redes a{color:var(--branco);border-bottom:1px solid var(--linha-forte)}
.contato-redes a:hover{color:var(--ouro);border-color:var(--ouro)}
.rodape{border-top:1px solid var(--linha);background:var(--preto)}

.seta{color:var(--acc)}
.modal{background:rgba(11,11,10,.88)}
.modal-fecha{color:var(--branco)}
.sec-cab h2 .pessoa{font-size:1.02em;white-space:nowrap;letter-spacing:0;margin:0;line-height:inherit}

/* ===== 00 · ABERTURA — composição da v1 (Saira, nome atrás + contorno vazado na frente), foto nova, sem glow atrás ===== */
.hero{position:relative;height:calc(100svh - 57px);min-height:560px;overflow:hidden}
.hero-palco{position:absolute;inset:0}
.hero .camada{position:absolute;inset:0;will-change:transform}
.hero-fundo{position:absolute;inset:-6%;background-size:cover;background-position:center 30%;filter:grayscale(1) contrast(1.1) brightness(.32);opacity:.5;
  -webkit-mask:radial-gradient(70% 70% at 50% 45%,#000 30%,transparent 80%);mask:radial-gradient(70% 70% at 50% 45%,#000 30%,transparent 80%)}
.hero-nome{position:absolute;left:0;right:0;bottom:calc(var(--g) + 110px);text-align:center;white-space:nowrap;
  font-family:'Saira Extra Condensed',sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.005em;font-size:21vw;line-height:.78;color:var(--branco)}
.hero-nome .ln{display:inline-block;overflow:hidden;padding:0 .02em .04em;vertical-align:bottom}
.hero-nome .lt{display:inline-block}
.hero-nome .cur{height:.6em;width:.15em;margin-left:.04em;box-shadow:none}
.cur--fantasma{visibility:hidden}
.hero-nome--linha{color:transparent;-webkit-text-stroke:1.2px rgba(255,248,236,.5)}
.hero-pessoa{position:absolute;left:50%;bottom:0;height:min(94%,108vw);width:auto;max-width:none;transform:translateX(-50%);filter:drop-shadow(0 30px 60px rgba(0,0,0,.65))}
.hero-pe{position:absolute;left:var(--g);bottom:var(--g);z-index:5;max-width:52vw}
.hero-cargo{margin:0 0 10px;color:var(--branco)}
.hero-frase{margin:0;font-size:clamp(30px,3.6vw,60px);line-height:1;color:var(--branco)}
.hero-meta{position:absolute;right:var(--g);bottom:var(--g);z-index:5;list-style:none;margin:0;padding:0;text-align:right;color:var(--branco)}
.hero-meta b{color:var(--cinza);font-weight:400;margin-right:8px}
.hero-seta{position:absolute;right:var(--g);top:50%;z-index:5;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--linha-forte);border-radius:50%;color:var(--branco);font-size:16px;animation:desce 2.4s ease-in-out infinite}
.hero-seta:hover{border-color:var(--branco)}
@keyframes desce{50%{transform:translateY(6px)}}
/* decodifica: a frase humana nasce da máquina (mono → serifa) */
.dec .pal{display:inline-block;white-space:nowrap}
.dec .ch{display:inline-block;white-space:pre}
.dec .ch.maq{font-family:var(--f-maq);font-style:normal;font-size:.62em;letter-spacing:0;color:var(--cinza);vertical-align:.12em;text-transform:none}
/* entrada (≤1,2 s), sem nada atrelado ao scroll */
.hero .lt{transform:translateY(108%);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.hero .ln:nth-child(2) .lt{transition-delay:.12s}
.hero .hero-pessoa{opacity:0;translate:0 6vh;transition:opacity 1.2s var(--ease) .15s,translate 1.2s cubic-bezier(.16,1,.3,1) .15s}
.hero .hero-nome--linha{opacity:0;transition:opacity 1.2s ease .6s}
.hero .hero-fundo{opacity:0;transition:opacity 1.6s ease}
.hero-pe,.hero-meta,.hero-seta{opacity:0;transition:opacity .9s ease .7s}
.hero.on .lt{transform:none}
.hero.on .hero-pessoa{opacity:1;translate:0 0}
.hero.on .hero-nome--linha{opacity:1}
.hero.on .hero-fundo{opacity:.5}
.hero.on .hero-pe,.hero.on .hero-meta,.hero.on .hero-seta{opacity:1}
@media (prefers-reduced-motion:reduce){.hero .lt,.hero .hero-pessoa,.hero .hero-nome--linha,.hero .hero-fundo,.hero-pe,.hero-meta,.hero-seta{transition:none!important;transform:none!important;translate:none!important;opacity:1!important}.hero-seta{animation:none}}
@media (max-width:900px){
  .hero{height:calc(100svh - 57px)}
  .hero-nome{font-size:40vw;bottom:auto;top:8svh;line-height:.8}
  .hero-nome .ln{display:block}
  .hero-pessoa{height:70%}
  .hero-pe{max-width:none;right:var(--g);bottom:18px}
  .hero-frase{font-size:34px}
  .hero-meta,.hero-seta{display:none}
}

.hero-cargo{text-wrap:balance}

/* ===== rodada 09/10 noite ===== */
:root{--cta:#FFEE58;--cta-txt:#0B0B0A}

/* barra do topo: Saira só aqui; FALE COMIGO em destaque; tema + idioma */
.nav .nav-menu a,.nav .nav-abre,.nav .lang button{font-family:'Saira Extra Condensed',sans-serif;font-weight:800;font-size:16px;letter-spacing:.06em;text-transform:uppercase}
.nav .nav-menu{gap:20px}
.nav .nav-menu a.nav-cta{background:var(--cta);color:var(--cta-txt)!important;border:0!important;border-radius:99px;padding:7px 16px 6px;opacity:1;box-shadow:0 0 0 0 rgb(var(--amar-rgb)/0);transition:box-shadow .3s,transform .2s}
.nav .nav-menu a.nav-cta:hover{color:var(--cta-txt)!important;box-shadow:0 0 22px rgb(255 238 88/.45);transform:translateY(-1px)}
.nav-ctl{display:flex;align-items:center;gap:14px}
.nav .lang{gap:8px}
.nav .lang button{opacity:.6}.nav .lang [aria-pressed="true"]{opacity:1;border-bottom:2px solid var(--cta)}
.tema{width:34px;height:34px;border-radius:50%;border:1px solid var(--linha-forte);display:grid;place-items:center;font-size:15px;line-height:1;color:var(--branco)}
.tema:hover{border-color:var(--branco)}
.tema-lua{display:none}
:root[data-theme="light"] .tema-sol{display:none}:root[data-theme="light"] .tema-lua{display:inline}
@media (max-width:900px){.nav-ctl{gap:10px}.nav .nav-menu a{font-size:22px}.nav .nav-menu a.nav-cta{padding:9px 18px 8px}}

/* tema claro: papel quente; capa, terminal, contato e rodapé seguem escuros (são "tarjas") */
:root[data-theme="light"]{
  --branco:#17130C; --base:#F5F0E6; --fundo:#F2ECE0; --cinza:#6E6556; --corpo-cor:#2E281E;
  --linha:rgba(23,19,12,.12); --linha-forte:rgba(23,19,12,.24);
  --card-bg:#E8E0D0; --nav-bg:rgba(245,240,230,.93); --seta-bg:rgba(23,19,12,.06);
  --ouro:#A86C00; --ouro-rgb:168 108 0; --amar:#8A7300; --amar-rgb:138 115 0;
}
:root[data-theme="light"] body{background:var(--fundo) radial-gradient(120% 1400px at 18% 0%,#FFF9EE,var(--fundo) 70%) no-repeat}
:root[data-theme="light"] #grao{opacity:.06}
:root[data-theme="light"] .acc{text-shadow:none}
:root[data-theme="light"] [data-voz="prova"] .numeros dt{text-shadow:none}
:root[data-theme="light"] .era-fundo{-webkit-text-stroke:1px rgba(23,19,12,.14)}
:root[data-theme="light"] .era-fotos::after{opacity:.4}
:root[data-theme="light"] .logo:hover img{filter:drop-shadow(0 0 10px rgba(23,19,12,.15))}
:root[data-theme="light"] .namedrop[data-logos="mono"] .logo img{filter:invert(1)}
.hero,.contato,.rodape,.terminal{--branco:#FFF8EC;--cinza:#BFB5A2;--corpo-cor:#E3DCCD;--linha:rgba(255,248,236,.12);--linha-forte:rgba(255,248,236,.2);--amar:#FFEE58;--amar-rgb:255 238 88;--ouro:#FFC531;--ouro-rgb:255 197 49}
:root[data-theme="light"] .hero,:root[data-theme="light"] .contato{background-color:#120F0A;color:#FFF8EC}
:root[data-theme="light"] .terminal .term-saida{border-color:rgba(23,19,12,.15)}
.ferr-leg{color:#FFF8EC!important}

/* 05 · IA lúdica: números juntos num box discreto */
.caixa-num{margin-top:40px;border:1px solid var(--linha);border-radius:14px;padding:18px 22px;display:grid;grid-template-columns:auto 1fr auto;gap:12px 32px;align-items:center;max-width:980px}
.caixa-num dl{display:flex;flex-wrap:wrap;gap:10px 36px;margin:0}
.caixa-num dt{font-size:30px;line-height:1;color:var(--amar)}
.caixa-num dd{margin:4px 0 0;font-size:14px;color:var(--corpo-cor);max-width:22ch}
.caixa-tit,.caixa-fonte{margin:0}
.ig-perfil{font-size:13px!important;letter-spacing:.04em!important;text-transform:none!important;color:var(--branco)!important}
.ig-rot{font-style:normal;color:var(--acc)}
@media (max-width:900px){.caixa-num{grid-template-columns:1fr}}

/* 06 · escritos: todos, do mais novo pro mais antigo, sempre com imagem */
.escritos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px;margin-bottom:28px}
@media (max-width:1100px){.escritos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.escritos{grid-template-columns:1fr}}
.escrito{display:flex;flex-direction:column;gap:12px}
.escrito-capa{margin:0;aspect-ratio:16/10;overflow:hidden;border-radius:10px;background:var(--card-bg)}
.escrito-capa img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .6s var(--ease);filter:contrast(1.06) saturate(.9)}
.escrito:hover .escrito-capa img{transform:scale(1.04)}
.escrito-txt .maq{margin:0 0 6px}
.escrito-titulo{font-family:var(--f-pessoa);font-weight:400;font-size:clamp(22px,1.8vw,28px);line-height:1.1;margin:0 0 8px;color:var(--branco)}
.escrito:hover .escrito-titulo{color:var(--ouro)}
.escrito-fina{margin:0 0 6px;font-size:15px;color:var(--corpo-cor)}
.escrito .seta{margin-top:4px;color:var(--ouro)}

/* 07 · podcasts em três fileiras */
.fileira+.fileira{margin-top:18px}
.fileira-tit{margin:0 0 -14px;color:var(--amar)}

/* contato sem o nome: pessoa à direita, texto à esquerda */
.contato{min-height:92svh}
.contato-pessoa{left:auto!important;right:3vw;transform:none!important;height:90svh}
.contato::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,#120F0A 85%);pointer-events:none;z-index:2}
.contato-txt{padding-bottom:64px}
@media (max-width:900px){.contato-pessoa{right:auto;left:50%!important;transform:translateX(-50%)!important;height:64svh;top:2svh;bottom:auto}.contato::after{height:58%}.contato-txt{padding-top:50svh}.contato-mail{font-size:5.4vw;white-space:nowrap}}

/* feed do Instagram, embaixo do contato */
.feed-ig{padding-top:56px;padding-bottom:72px}
.feed-cab{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px}
.feed-cab h2{margin:0}.feed-cab h2 a{color:var(--branco)}
.feed-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.feed-post{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:10px;background:var(--card-bg)}
.feed-post img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.feed-post:hover img{transform:scale(1.05)}
.feed-play{position:absolute;right:10px;top:10px;font-size:13px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.feed-leg{position:absolute;inset:auto 0 0 0;padding:28px 12px 12px;font-size:13px;line-height:1.3;color:#FFF8EC;background:linear-gradient(transparent,rgba(11,11,10,.85));opacity:0;transition:opacity .3s;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.feed-post:hover .feed-leg,.feed-post:focus-visible .feed-leg{opacity:1}
@media (max-width:700px){.feed-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rodape a{color:var(--branco)}
/* embed do IG carregando: sem a linha branca vazando do card */
.ig-moldura{overflow:hidden}
.ig-moldura iframe.instagram-media{background:transparent!important;max-width:100%!important;min-width:0!important}
/* timeline: a sombra de filme fica só na foto grande; a pequena vem pra frente de tudo (sem o corte no meio) */
.era-fotos{isolation:isolate}
.era-fotos::after{z-index:1}
.era-sat{z-index:2}
.era-sat[src*="marrocos_trem_trabalho"]{object-position:center 78%}

/* terceira foto da era (pequena, à esquerda, em pé) */
.era-sat2{right:auto;left:-3%;bottom:-10%;width:22%;aspect-ratio:3/4;object-position:center 20%}

/* era com 3 trabalhos embaixo da foto (no lugar da foto pequena) */
.era--abaixo .era-fotos{aspect-ratio:16/9}
.era-abaixo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.era-abaixo a,.era-abaixo-item{display:grid;gap:6px}
.era-abaixo img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid var(--linha-forte);transition:transform .3s}
.era-abaixo a:hover img{transform:translateY(-2px)}
.era-abaixo .maq{font-size:10px;letter-spacing:.06em}

/* 07 · podcasts em grade única */
.pods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 16px}
.pods .pod{width:auto;aspect-ratio:auto;transform:none!important;display:grid;gap:8px;text-align:left}
.pod-capa{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:10px}
.pod-capa img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.pod-play{position:absolute;inset:auto auto 10px 10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;background:var(--cta);color:var(--cta-txt);opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}
.pods .pod:hover .pod-capa img,.pods .pod:focus-visible .pod-capa img{transform:scale(1.05)}
.pods .pod:hover .pod-play,.pods .pod:focus-visible .pod-play{opacity:1;transform:none}
.pods .pod-info{position:static;opacity:1;padding:0;display:grid;gap:2px}
.pods .pod-info b{font-size:17px}
@media (max-width:1100px){.pods{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.pods{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* trabalho paralelo a uma era principal */
.era-paralelo{display:inline-block;margin:0 0 10px;padding:4px 10px;border:1px solid var(--acc);border-radius:99px;color:var(--acc)!important}

/* feed: claramente Instagram */
.feed-cab{align-items:center}
.feed-perfil{display:flex;align-items:center;gap:12px;color:var(--branco)}
.feed-logo{display:grid;place-items:center}
.feed-nome{display:block;font-family:var(--f-corpo);font-weight:600;font-size:18px;letter-spacing:0}
.feed-sub{display:block;margin-top:2px}
.feed-seguir{font-family:var(--f-corpo);font-weight:600;font-size:14px;color:#fff;padding:9px 16px;border-radius:10px;background:linear-gradient(90deg,#FA7E1E,#D62976 50%,#962FBF)}
.feed-seguir:hover{filter:brightness(1.08)}
.feed-grade{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.feed-post{border-radius:6px}
.feed-ig-ico{position:absolute;right:8px;top:8px;color:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.6));opacity:.9}
@media (max-width:1000px){.feed-grade{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* podcasts: os 5 principais em mosaico, o resto em grade */
.pods-destaque{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:22px 16px;margin-bottom:34px}
.pods-destaque .pod{width:auto;aspect-ratio:auto;transform:none!important;display:grid;gap:8px;text-align:left}
.pod--grande{grid-column:span 2;grid-row:span 2;align-content:start}
.pod--grande .pod-info b{font-size:28px!important}
.pods-destaque .pod-info{position:static;opacity:1;padding:0;display:grid;gap:3px}
.pods-destaque .pod-info b{font-size:19px}
.pod-assunto{font-family:var(--f-pessoa);font-size:16px;line-height:1.25;color:var(--corpo-cor)}
.pods-destaque .pod:hover .pod-capa img{transform:scale(1.05)}
.pods-destaque .pod:hover .pod-play{opacity:1;transform:none}
@media (max-width:900px){.pods-destaque{grid-template-columns:repeat(2,minmax(0,1fr))}.pod--grande{grid-column:span 2;grid-row:auto}}
/* reels: capa real + play (sem caixa vazia de embed) */
.ig-reel{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;border-radius:14px;border:1px solid var(--linha);background:var(--card-bg)}
.ig-reel img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.ig-reel:hover img{transform:scale(1.04)}
.ig-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;display:grid;place-items:center;font-size:20px;padding-left:4px;color:#0B0B0A;background:rgba(255,248,236,.92);box-shadow:0 8px 30px rgba(0,0,0,.45);transition:transform .25s}
.ig-reel:hover .ig-play{transform:scale(1.1)}
.ig-selo{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;background:rgba(11,11,10,.7);color:#FFF8EC!important}
.ig-reel.tocando{background:#000}
.ig-reel iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.videos-ig{grid-template-columns:repeat(3,minmax(0,1fr))}
.ig-moldura{display:none}
.era-fotos>img[src*="ggwp_bancada"]{object-position:center 12%}
/* cases: links e fotos clicáveis na galeria */
.case-links{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px}
.case-link{padding:8px 14px;border:1px solid var(--linha-forte);border-radius:99px;color:var(--branco)!important}
.case-link:hover{border-color:var(--acc);color:var(--acc)!important}
.case-galeria figure a{display:block}
.case-galeria figure a:hover img{filter:none;transform:scale(1.02)}
.case-galeria img{transition:transform .4s var(--ease)}
/* cases: logo centralizado na coluna dele (no celular segue alinhado com o texto) */
@media (min-width:901px){.case-logo{justify-content:center}.case-logo img{object-position:center}}

/* galeria dos cases: vídeo ganha play; The Best sem cortar o rosto */
.case-galeria figure{position:relative}
.g-play{position:absolute;left:14px;top:14px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:14px;padding-left:3px;background:var(--cta);color:var(--cta-txt);box-shadow:0 6px 20px rgba(0,0,0,.4)}
.case-galeria img[src*="fifa_the_best"]{object-position:center 18%}

/* 12/10 · recortes das fotos novas do Prime e da FIFA */
.case-galeria img[src*="prime_anuncio_semis"]{object-position:center 28%}
.case-galeria img[src*="prime_maracana_microfone"],.case-galeria img[src*="prime_itaquera"]{object-position:center 22%}
.case-galeria img[src*="prime_maracana_entrevista"]{object-position:center 38%}
.numeros--case .fato{white-space:nowrap}
.numeros--case:has(> div:nth-child(3)) .fato{font-size:clamp(2.4rem,4.4vw,4rem)}
.case-galeria img[src*="goat_antes_depois"]{object-fit:contain;background:#05060a}
.case-galeria img[src*="rtv_divulgacao"],.case-galeria img[src*="rtv_live_irl_bgs"],.case-galeria img[src*="rtv_figurinha"],.case-galeria img[src*="ronaldotv_boat_live_cartaz"],.case-galeria img[src*="rtv_live_fifa23"]{object-position:center 12%}
/* 14/10 · Logitech: enquadrar as cabeças nas fotos verticais */
.case-galeria img[src*="logitech_logitalks_palco"]{object-position:center 28%}
.case-galeria img[src*="logitech_bgs_time"]{object-position:center 8%}
.case-galeria img[src*="logitech_bgs_palco"]{object-position:center 30%}
.case-galeria img[src*="jogouonde_estreia"],.case-galeria img[src*="jogouonde_cartaz"]{object-fit:contain;background:#ece9e2}
.case-galeria img[src*="jogouonde_cassio"]{object-position:center 20%}
/* 14/10 · celular: reels (IA lúdica e série) viram faixa de deslizar em vez de 3 colunas espremidas */
@media (max-width:760px){
  .videos-ig{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:72vw;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(-1 * var(--g));padding-right:var(--g);max-width:none}
  .videos-ig::-webkit-scrollbar{display:none}
  .videos-ig>.ig{scroll-snap-align:start}
  .ig-cab{flex-wrap:wrap;row-gap:2px}
}

/* 14/10 · celular: seções mais próximas e blocos densos viram faixas de deslizar */
@media (max-width:760px){
  .sec{padding-top:56px;padding-bottom:56px}
  .sec-cab{margin-bottom:28px}
  .credenciais{margin-top:28px}
  /* faixas horizontais com o próximo card espiando (convite a deslizar) */
  .ferramentas,.escritos,.manchetes,.pods{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:80vw;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(-1 * var(--g));padding-right:var(--g)}
  .pods{grid-auto-columns:62vw}
  .ferramentas::-webkit-scrollbar,.escritos::-webkit-scrollbar,.manchetes::-webkit-scrollbar,.pods::-webkit-scrollbar{display:none}
  .ferramentas>*,.escritos>*,.manchetes>*,.pods>*{scroll-snap-align:start}
  .ferr .maq:not(.ferr-leg){display:none}           /* a stack técnica fica só no desktop */
  .ferr p{font-size:14px}
  .numeros{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
  .numeros dt{font-size:clamp(34px,10vw,48px)}
  .numeros dd{font-size:14px}
  .feed-grade a:nth-child(n+10){display:none}       /* 9 posts no celular */
}
@media (max-width:760px){
  /* nas faixas, o card que espia na borda não pode esperar a animação de entrada (ficava invisível) */
  .ferramentas>.entra,.escritos>.entra,.manchetes>.entra,.pods>.entra,.videos-ig>.entra{opacity:1;transform:none}
}
@media (max-width:760px){
  /* cards das ferramentas com altura parecida: o texto longo fica para o desktop */
  .ferr>p:not(.maq){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
  .ferr>p.ferr-impacto{-webkit-line-clamp:3}
}
/* capa: no desktop o nome vazado passa na frente (como sempre foi); no celular o nome fica só atrás */
@media (max-width:760px){.hero-nome--linha{display:none}}
/* 14/10 · desktop: seções mais juntas (antes ~250px de vão entre uma e outra) */
@media (min-width:761px){
  .sec{padding-top:clamp(56px,7vh,90px);padding-bottom:clamp(56px,7vh,90px)}
  .sec-cab{margin-bottom:44px}
}
.escrito-capa img[src*="prime_itaquera_microfone"]{object-position:center 12%}

/* 02 · visão: o que eu penso (texto + método) */
.visao-grade{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(36px,6vw,110px);align-items:start}
.visao-lead{font-family:var(--f-fato);font-weight:800;font-stretch:112%;letter-spacing:-.03em;font-size:clamp(26px,2.5vw,40px);line-height:1.08;color:var(--branco);margin:0 0 26px;max-width:22ch}
.visao-txt .corpo{font-size:18px;margin:0 0 16px}
.visao-metodo>.maq{margin:0 0 10px}
.visao-metodo ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--linha)}
.visao-metodo li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 14px;padding:18px 0;border-bottom:1px solid var(--linha)}
.visao-metodo li .maq{grid-row:span 2;color:var(--acc);padding-top:.5em}
.visao-metodo li b{font-size:clamp(24px,2.1vw,34px);line-height:1;letter-spacing:-.04em}
.visao-metodo li span:last-child{color:var(--corpo-cor);font-size:15.5px}
@media (max-width:900px){.visao-grade{grid-template-columns:1fr}}
@media (max-width:760px){.visao-lead{font-size:26px}.visao-txt .corpo{font-size:16.5px}}

/* contato: assinatura "criar e nunca parar." + frase do Sobre, depois do e-mail */
.contato-assina{font-size:clamp(46px,6vw,104px);line-height:.92;margin:0;color:var(--branco)}
.contato-assina .cur{height:.62em;width:.14em;margin-left:.08em}
.contato-frase{margin:22px 0 0;font-size:17px;max-width:44ch}
.contato-txt .contato-mail{margin-top:36px}
.contato-txt h2{font-size:clamp(44px,4.6vw,80px);margin:28px 0 22px;line-height:1}
@media (max-width:760px){.contato-assina{font-size:44px}.contato-txt .contato-mail{margin-top:26px}.contato-txt h2{font-size:46px;margin:22px 0 18px}}
.contato-redes{gap:14px 40px}
.contato-redes a{font-size:clamp(17px,1.5vw,22px);letter-spacing:.07em;padding-bottom:4px;border-bottom-width:2px}

/* 02 · o método em sequência: cada número acende, o fio desenha até o próximo; depois um ponto de luz percorre o método em loop */
.visao-metodo.entra{opacity:1;transform:none}
.visao-metodo li{position:relative;--d:calc(var(--i) * .5s)}
.visao-metodo li>.maq{transform-origin:left center;opacity:.22;transition:opacity .35s var(--d),text-shadow .35s var(--d)}
.visao-metodo li>b,.visao-metodo li>span:last-child{opacity:0;transform:translateX(-14px);filter:blur(6px);transition:opacity .5s var(--ease),transform .7s var(--ease),filter .6s var(--ease);transition-delay:var(--d)}
.visao-metodo li>span:last-child{transition-delay:calc(var(--d) + .14s)}
.visao-metodo li::after{content:"";position:absolute;left:7px;top:46px;bottom:-18px;width:2px;border-radius:2px;background:rgb(var(--acc-rgb)/.38);transform:scaleY(0);transform-origin:top;transition:transform .42s var(--ease) calc(var(--d) + .22s)}
.visao-metodo li::before{content:"";position:absolute;left:5px;top:46px;width:6px;height:6px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px 2px rgb(var(--acc-rgb)/.65);opacity:0;pointer-events:none}
.visao-metodo li:last-child::after,.visao-metodo li:last-child::before{display:none}
.visao-metodo.on li>.maq{opacity:1;text-shadow:0 0 10px rgb(var(--acc-rgb)/.55);animation:met-bate 6s ease-out calc(3.2s + var(--i) * 1.2s - .15s) infinite}
.visao-metodo.on li>b,.visao-metodo.on li>span:last-child{opacity:1;transform:none;filter:none}
.visao-metodo.on li>b{animation:assenta .6s var(--ease) var(--d) both,met-acende 6s ease-out calc(3.2s + var(--i) * 1.2s - .15s) infinite}
.visao-metodo.on li::after{transform:scaleY(1)}
.visao-metodo.on li::before{animation:met-fio 6s linear calc(3.2s + var(--i) * 1.2s) infinite}
@keyframes met-fio{0%{top:46px;opacity:0}3%,17%{opacity:1}20%,100%{top:calc(100% + 12px);opacity:0}}
@keyframes met-bate{0%,15%,100%{transform:none;text-shadow:0 0 10px rgb(var(--acc-rgb)/.55)}5%{transform:scale(1.4);text-shadow:0 0 14px rgb(var(--acc-rgb)/1),0 0 28px rgb(var(--acc-rgb)/.6)}}
@keyframes met-acende{0%,16%,100%{color:var(--branco)}5%,10%{color:var(--acc)}}
@media (prefers-reduced-motion:reduce){.visao-metodo li>*{opacity:1!important;transform:none!important;filter:none!important}.visao-metodo li::after{transform:none!important}}