/* Página: home. Carregado por último, depois de base, layout, components e responsive. */

:root{--azul-palido:#E6EFF6;}
h1{line-height:1.04;font-size:clamp(2.6rem,5.2vw,4rem);letter-spacing:-.025em;}
h2{line-height:1.12;font-size:clamp(1.7rem,3vw,2.35rem);}
h3{font-size:1.15rem;}

/* área de toque mínima de 24px (WCAG 2.2 · 2.5.8) sem deslocar o layout */
.fone{padding-block:6px;}
.esp-ver,.conto-cta{padding-block:6px;margin-block:-6px;}

/* fotografias das seções */
.video-capa img,.fundadora-foto img,.emp-foto img{width:100%;height:100%;object-fit:cover;display:block;}
.fundadora-foto img{object-position:50% 22%;}

/* cabeçalho: transparente sobre o vídeo, claro no restante da página */
header{position:fixed;left:0;right:0;transition:background-color .35s ease,border-color .35s ease;}
header.sobre-video{background:transparent;backdrop-filter:none;border-color:transparent;}
header.sobre-video .logo-cor{display:none;}
header.sobre-video .logo-branca{display:block;}
header.sobre-video .nav > .btn{background:transparent;border-color:rgba(255,255,255,.55);color:#fff;}
header.sobre-video .nav > .btn:hover{background:rgba(255,255,255,.14);}
header.sobre-video .menu-btn{border-color:rgba(255,255,255,.6);color:#fff;}
header.aberto{background:rgba(255,255,255,.97);border-color:var(--linha-leve);}
header.aberto .logo-branca{display:none;}
header.aberto .logo-cor{display:block;}
header.aberto .menu-btn{border-color:var(--linha);color:var(--tinta);}

@media (min-width:921px){
  header.sobre-video .navlinks a{color:rgba(255,255,255,.92);text-shadow:0 1px 10px rgba(10,14,40,.5);}
  header.sobre-video .navlinks a:hover{color:#fff;}
}
.navlinks{display:flex;gap:30px;font-size:15px;font-weight:550;color:var(--tinta-2);}

/* vitrine: hero em vídeo fixo ao fundo; a seção seguinte sobe por cima como um painel claro */
.vitrine{height:200vh;--q:0;}
.vitrine-palco{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--papel);}
.vitrine-fundo{position:absolute;inset:0; background:linear-gradient(168deg,#28306B 0%,var(--noite) 52%,#131735 100%);}
.vitrine-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.vitrine-veu{position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,32,80,.65) 0%,rgba(27,32,80,.28) 44%,rgba(19,23,53,.74) 100%);}

@media (min-width:921px){

  /* vinheta lateral: garante contraste AA dos indicadores sobre qualquer take */
  .vitrine-veu::after{content:"";position:absolute;inset:0; background:linear-gradient(270deg,rgba(19,23,53,.55) 0,rgba(19,23,53,.45) 300px,rgba(19,23,53,0) 560px);}
}
.vitrine-capa{position:relative;z-index:2;height:100%; display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start; padding-bottom:96px; transform:translateY(calc(var(--q)*-18px)); opacity:calc(1 - clamp(0,var(--q)*1.15,1));}
.vitrine h1{color:#fff;max-width:17ch;font-size:clamp(2rem,3.5vw,3rem);}
.vitrine h1,.vitrine .lead,.btn-hero-linha{text-shadow:0 1px 16px rgba(10,14,40,.35);}
.vitrine .lead{font-size:1.02rem;color:rgba(255,255,255,.88);max-width:40ch; margin:28px 0 34px;line-height:1.7;}
.vitrine-ctas{display:flex;gap:22px;align-items:center;flex-wrap:wrap;}
.btn-hero-solido{background:var(--branco);color:var(--noite);}
.btn-hero-solido:hover{background:var(--nevoa);}
.btn-hero-linha{background:transparent;border:none;padding:14px 2px;color:rgba(255,255,255,.92);}
.btn-hero-linha::after{content:"→";margin-left:9px;display:inline-block;transition:transform .18s ease;}
.btn-hero-linha:hover{color:#fff;background:transparent;}
.btn-hero-linha:hover::after{transform:translateX(4px);}
.vitrine-indicadores{position:absolute;right:clamp(28px,5vw,76px);top:50%;z-index:2; width:238px; transform:translateY(-50%) translateY(calc(var(--q)*-12px)); opacity:calc(1 - clamp(0,var(--q)*1.15,1));}
.indicador{padding:18px 0 20px;border-top:1px solid rgba(255,255,255,.28);}
.vitrine-indicadores .indicador:last-child{border-bottom:1px solid rgba(255,255,255,.28);}
.indicador .n{font-size:1.9rem;font-weight:650;color:#fff;letter-spacing:-.02em;line-height:1;}
.indicador .l{font-size:13px;color:rgba(255,255,255,.92);margin-top:8px;line-height:1.5;max-width:200px;}
.vitrine-indicadores{text-shadow:0 1px 12px rgba(10,14,40,.4);}

/* entrada suave da seção seguinte (aplicada via JS) */
.entrada-suave{opacity:0;transform:translateY(34px);}
.entrada-suave.entrou{opacity:1;transform:none;transition:opacity .65s ease,transform .65s ease;}

/* fases da vida — painel claro que sobe e cobre o vídeo do hero */
.fases{position:relative;z-index:2;margin-top:-100vh;background:var(--papel);padding:96px 0;}
.sec-head{margin-bottom:46px;}
.fase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.fase-foto{height:230px;border-radius:var(--folha-m);overflow:hidden;}
.fase-foto img{width:100%;height:100%;object-fit:cover;display:block;}
.fase .tag{display:inline-block;margin-top:18px;font-size:12.5px;font-weight:700;color:var(--indigo);background:var(--nevoa);border-radius:999px;padding:4px 12px;}
.fase h3{margin-top:12px;}
.fase p{font-size:14.5px;color:var(--tinta-2);margin:8px 0 12px;}
.fase .tlink{font-size:14px;}

@media (hover:hover) and (prefers-reduced-motion:no-preference){

  /* hover premium dos cards de fase — só com ponteiro real e sem reduced-motion */
  .fase{transition:transform .32s ease;}
  .fase-foto{position:relative;transition:box-shadow .32s ease;}
  .fase-foto::after{content:"";position:absolute;inset:0;pointer-events:none; background:linear-gradient(180deg,rgba(27,32,80,0) 58%,rgba(27,32,80,.16) 100%); opacity:0;transition:opacity .32s ease;}
  .fase-foto img{transition:transform .45s cubic-bezier(.22,.61,.36,1),filter .45s ease;}
  .fase .tlink{transition:color .25s ease,text-decoration-color .25s ease;}
  .fase:hover{transform:translateY(-6px);}
  .fase:hover .fase-foto{box-shadow:0 20px 38px -18px rgba(27,32,80,.38);}
  .fase:hover .fase-foto::after{opacity:1;}
  .fase:hover .fase-foto img{transform:scale(1.045);filter:brightness(1.03) saturate(1.05);}
  .fase:hover .tlink{color:var(--ciano-escuro);text-decoration-color:var(--ciano);}
}

/* conceito da marca: narrativa ligada ao scroll (árvore original do logotipo) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.conto{height:290vh;--p:1;--t0:#44509D;--t1:#219FCB;}
.conto-palco{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:44px;}
.conto-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center;width:100%;}
.conto-textos{position:relative;min-height:270px;}
.conto-texto{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;}
.conto-frase{font-size:clamp(1.55rem,2.5vw,2.15rem);font-weight:700;letter-spacing:-.015em;line-height:1.16;color:var(--noite);max-width:17ch;}
.conto-frase .marca{color:var(--indigo);}
.conto-apoio{font-size:15.5px;color:var(--tinta-2);margin-top:14px;max-width:38ch;}
.conto-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:24px; font-size:15px;font-weight:600;color:var(--indigo); text-decoration:underline;text-decoration-color:rgba(33,159,203,.45); text-decoration-thickness:1.5px;text-underline-offset:5px; transition:color .18s ease,text-decoration-color .18s ease;}
.conto-cta .seta{transition:transform .18s ease;}
.conto-cta:hover{color:var(--ciano-escuro);text-decoration-color:var(--ciano);}
.conto-cta:hover .seta{transform:translateX(4px);}
.conto[data-m="1"] .conto-texto[data-m="1"],.conto[data-m="2"] .conto-texto[data-m="2"],.conto[data-m="3"] .conto-texto[data-m="3"],.conto[data-m="4"] .conto-texto[data-m="4"]{opacity:1;transform:none;}
.conto-visual{display:flex;align-items:center;justify-content:center;height:min(72vh,600px);}
.conto-quadro{position:relative;height:100%;aspect-ratio:80/84;max-width:100%;}
.conto-arvore{width:100%;height:100%;display:block;overflow:visible;}
.tc0{fill:var(--t0);}
.tc1{fill:var(--t1);}

/* callouts editoriais: linhas técnicas desenhadas no scroll + rótulos tipográficos */
.conto-callouts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.conto-callouts path{fill:none;stroke:rgba(69,81,158,.55);stroke-width:.17; stroke-linecap:round;stroke-linejoin:round;}
.conto-callouts circle{fill:var(--indigo);opacity:.7;}
.conto-rotulo{position:absolute;white-space:nowrap; font-size:11.5px;font-weight:650;letter-spacing:.11em;text-transform:uppercase; color:var(--indigo);}
.rot-esq{transform:translate(-100%,-50%);padding-right:10px;}
.rot-cima{transform:translate(-50%,-100%);padding-bottom:8px;}
.rot-dir{transform:translate(0,-50%);padding-left:10px;}

/* progressão vinculada ao scroll (só com JS ativo) */
.conto-js .t-tronco{clip-path:inset(calc((1 - clamp(0,var(--p)*4.2,1))*100%) -8% -8% -8%);}
.conto-js .t-nucleos path{opacity:clamp(0,(var(--p) - .25 - var(--i)*.05)*14,1); transform:translateY(calc((1 - clamp(0,(var(--p) - .25 - var(--i)*.05)*14,1))*4px));}
.conto-js .t-copa path{opacity:clamp(0,(var(--p) - .3 - var(--i)*.38)*9,1); transform:translateY(calc((1 - clamp(0,(var(--p) - .3 - var(--i)*.38)*9,1))*5px));}

/* timing: 0-34% só árvore · 34-47% pontos · 38-64% linhas desenhando · 58-72% textos entram · até 86% estáveis · 86-98% saída */
.conto-js .conto-callouts circle{opacity:calc(clamp(0,(var(--p) - .34 - var(--i)*.03)*14,1) * .7 * clamp(0,1 - (var(--p) - .86)*8,1));}
.conto-js .conto-callouts path{stroke-dashoffset:calc(var(--len,0) * (1 - clamp(0,(var(--p) - .38 - var(--i)*.03)*5,1))); opacity:clamp(0,1 - (var(--p) - .86)*8,1);}
.conto-js .conto-rotulo{opacity:calc(clamp(0,(var(--p) - .58 - var(--i)*.03)*12,1) * clamp(0,1 - (var(--p) - .86)*8,1));}
.conto-js .conto-quadro{transform:scale(calc(1 - clamp(0,(var(--p) - .9)*10,1)*.07)) translateY(calc(clamp(0,(var(--p) - .9)*10,1)*12px)); transform-origin:center bottom;}

/* sem JS ou com movimento reduzido: árvore completa e textos estáticos */
.conto:not(.conto-js){height:auto;}
.conto:not(.conto-js) .conto-palco{position:static;height:auto;padding:96px 0;overflow:visible;}
.conto:not(.conto-js) .conto-textos{min-height:0;}
.conto:not(.conto-js) .conto-texto{position:static;opacity:1;transform:none;margin-bottom:32px;}
.conto:not(.conto-js) .conto-texto:last-child{margin-bottom:0;}

/* sem JS / movimento reduzido: callouts completos e estáticos */
.conto:not(.conto-js) .conto-visual{height:auto;}
.conto:not(.conto-js) .conto-quadro{height:clamp(320px,50vh,520px);}

/* especialidades */
.especialidades{background:var(--branco);padding:96px 0;}
.esp-compo{display:flex;flex-direction:column;gap:22px;}
.esp-petala{width:13px;height:13px;background:var(--ciano);border-radius:70% 70% 70% 4px;flex-shrink:0;}
.esp-ver{display:inline-flex;align-items:center;gap:8px; font-size:14.5px;font-weight:600;color:var(--indigo); transition:color .18s ease;}
.esp-ver .seta{transition:transform .18s ease;}
.esp-ver:hover{color:var(--ciano-escuro);}
.esp-ver:hover .seta{transform:translateX(4px);}
.esp-destaque ul a:hover,.esp-bloco ul a:hover{color:var(--indigo); text-decoration:underline;text-decoration-thickness:1px; text-underline-offset:5px;text-decoration-color:rgba(69,81,158,.45);}

/* bloco principal: frente de destaque */
.esp-destaque{position:relative;overflow:hidden; background:var(--azul-palido);border-radius:30px;padding:50px 56px 44px; display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:1fr auto; grid-template-areas:"info lista" "cta lista";}
.esp-destaque .info,.esp-destaque ul,.esp-destaque .esp-ver{position:relative;}
.esp-destaque .info{grid-area:info;padding-right:64px;}
.esp-arvore{position:absolute;right:-42px;bottom:-64px;width:330px;height:346px;fill:var(--indigo);opacity:.07;pointer-events:none;}
.esp-selo{display:inline-flex;align-items:center;gap:9px;margin-top:22px; background:rgba(255,255,255,.78);border-radius:999px;padding:7px 15px; font-size:12.5px;font-weight:600;color:var(--indigo);}
.esp-selo::before{content:"";width:8px;height:8px;background:var(--ciano);border-radius:70% 70% 70% 4px;}
.esp-destaque .rotulo{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--indigo);letter-spacing:.05em;margin-bottom:24px;}
.esp-destaque .esp-petala{background:var(--indigo);}
.esp-destaque h3{font-size:clamp(1.45rem,2.2vw,1.8rem);letter-spacing:-.015em;}
.esp-destaque .desc{font-size:15.5px;color:var(--tinta-2);margin-top:12px;max-width:42ch;}
.esp-destaque ul{grid-area:lista;list-style:none;margin:0;padding:0 0 0 64px; align-self:stretch;display:flex;flex-direction:column;justify-content:center; border-left:1px solid rgba(69,81,158,.18);}
.esp-destaque ul a{display:block;padding:13px 0;font-size:17.5px;font-weight:600;color:var(--tinta);transition:color .18s ease;}
.esp-destaque .esp-ver{grid-area:cta;justify-self:start;align-self:end;margin-top:30px;}

/* blocos secundários */
.esp-sec-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;align-items:start;}
.esp-bloco{background:var(--papel);border:1px solid rgba(69,81,158,.13);border-radius:24px; padding:34px 34px 30px;display:flex;flex-direction:column;align-items:flex-start; transition:transform .18s ease,border-color .18s ease;}
.esp-bloco:hover{transform:translateY(-2px);border-color:rgba(69,81,158,.3);}
.esp-risco{width:26px;height:3px;border-radius:2px;background:var(--ciano);margin-bottom:16px;}
.esp-bloco h3{font-size:1.15rem;letter-spacing:-.01em;}
.esp-bloco .desc{font-size:14px;color:var(--tinta-2);margin-top:8px;}
.esp-bloco ul{list-style:none;margin:16px 0 22px;padding:0;align-self:stretch;}
.esp-bloco ul a{display:block;padding:9px 0;font-size:16px;font-weight:600;color:var(--tinta);transition:color .18s ease;}

/* fechamento da seção */
.esp-fecho{display:flex;justify-content:space-between;align-items:center;gap:28px; margin-top:36px;padding-top:30px;border-top:1px solid var(--linha-leve);}
.esp-fecho p{font-size:15.5px;color:var(--tinta-2);max-width:58ch;}

/* vídeo institucional */
.instituto{padding:96px 0;}
.video-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:56px;align-items:center;}
.video-capa{position:relative;height:430px;border-radius:var(--folha-g);overflow:hidden;cursor:pointer;border:none;padding:0;display:block;width:100%;background:none;}
.video-capa .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.95); display:flex;align-items:center;justify-content:center;color:var(--noite); transition:transform .2s ease;}
.video-capa:hover .play{transform:translate(-50%,-50%) scale(1.07);}
.video-capa .play svg{margin-left:4px;}
.video-copy p{color:var(--tinta-2);margin:16px 0 28px;}

/* como funciona */
.funciona{background:var(--branco);padding:96px 0;}
.passos{margin-top:46px;}

/* fundadora */
.fundadora{background:var(--nevoa);padding:88px 0;}
.fundadora-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;}
.fundadora-foto{height:440px;border-radius:var(--folha-g);overflow:hidden;}
.fundadora blockquote{font-family:'Newsreader',serif;font-style:italic;font-weight:500; font-size:clamp(1.55rem,2.6vw,2.1rem);line-height:1.36;color:var(--noite);margin:0;}
.fundadora .quem{margin-top:26px;font-size:15px;font-weight:700;color:var(--tinta);}
.fundadora .papel{font-size:14px;color:var(--tinta-2);margin-top:2px;}

/* empresas */
.empresas{padding:96px 0;}
.emp-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.emp-copy p{color:var(--tinta-2);margin:16px 0 8px;max-width:48ch;}
.emp-lista{list-style:none;margin:18px 0 30px;padding:0;display:flex;flex-direction:column;gap:10px;}
.emp-lista li{display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:600;}
.emp-lista li::before{content:"";width:10px;height:10px;background:var(--ciano);border-radius:70% 70% 70% 4px;flex-shrink:0;}
.emp-foto{height:460px;border-radius:var(--folha-g);overflow:hidden;}

/* projetos na home: destaque editorial + lista limpa */
.projetos-home{background:var(--branco);padding:104px 0;border-bottom:1px solid var(--linha-leve);}
.pjh-head{display:grid;grid-template-columns:1.15fr 1fr;gap:24px 72px;align-items:end;margin-bottom:56px;}
.pjh-head .sec-head{margin-bottom:0;}
.pjh-rotulo{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ciano-escuro);margin-bottom:14px;}
.pjh-todos{white-space:nowrap;justify-self:start;padding-block:6px;}
.pjh-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:start;}
.pjh-destaque{display:block;color:inherit;}
.pjh-destaque-foto{display:block;overflow:hidden;border-radius:24px 24px 24px 10px;aspect-ratio:8/5;}
.pjh-destaque-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.pjh-destaque strong{display:block;margin-top:22px;font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:1.75rem;line-height:1.22;color:var(--noite);transition:color .25s ease;}
.pjh-destaque p{margin-top:10px;font-size:15px;line-height:1.6;color:var(--tinta-2);max-width:46ch;}
.pjh-cta{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:14px;font-weight:600;color:var(--ciano-escuro);transition:color .25s ease;}
.pjh-cta svg{width:15px;height:15px;transition:transform .25s ease;}
.pjh-lista{list-style:none;margin:0;padding:0;}
.pjh-lista li{border-top:1px solid var(--linha-leve);transition:border-color .25s ease;}
.pjh-lista li:last-child{border-bottom:1px solid var(--linha-leve);}
.pjh-item{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 6px;color:inherit;}
.pjh-item strong{display:block;font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:1.3rem;line-height:1.3;text-wrap:balance;color:var(--noite);transition:color .25s ease;}
.pjh-item-desc{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--tinta-2);}
.pjh-seta{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(69,81,158,.3);border-radius:50%;color:var(--ciano-escuro);transition:transform .25s ease,border-color .25s ease,color .25s ease;}
.pjh-seta svg{width:17px;height:17px;stroke-width:2.4;}
.pjh-destaque:focus-visible,.pjh-item:focus-visible{outline:3px solid var(--ciano);outline-offset:3px;border-radius:10px;}

@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .pjh-destaque:hover .pjh-destaque-foto img{transform:scale(1.02);}
  .pjh-destaque:hover strong{color:var(--ciano-escuro);}
  .pjh-destaque:hover .pjh-cta{color:var(--ciano);}
  .pjh-destaque:hover .pjh-cta svg{transform:translateX(3px);}
  .pjh-item:hover strong{color:var(--ciano-escuro);}
  .pjh-item:hover .pjh-seta{transform:translateX(3px);border-color:var(--ciano);color:var(--ciano);}
  .pjh-lista li:hover,.pjh-lista li:hover + li{border-top-color:rgba(33,159,203,.55);}
  .pjh-lista li:last-child:hover{border-bottom-color:rgba(33,159,203,.55);}
}

@media (max-width:920px){
  .projetos-home{padding:76px 0;}
  .pjh-head{grid-template-columns:1fr;gap:10px;margin-bottom:38px;}
  .pjh-grid{grid-template-columns:1fr;gap:44px;}
  .pjh-destaque-foto{aspect-ratio:4/3;}
  .pjh-item{padding:24px 2px;}
}

/* depoimentos */
.depoimentos{background:var(--branco);padding:96px 0;}
.dep-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:72px;align-items:start;margin-top:46px;}
.dep-destaque blockquote{font-size:clamp(1.45rem,2.4vw,1.95rem);line-height:1.4;}
.dep-destaque .quem{margin-top:22px;font-size:15px;}
.dep-destaque .papel,.dep-mini .papel{font-size:13.5px;color:var(--tinta-2);}
.dep-mini{padding-top:22px;}
.dep-mini + .dep-mini{margin-top:34px;}
.dep-mini p{font-size:1.1rem;}
.dep-mini .quem{margin-top:12px;font-size:14px;}
.contato .canais{gap:16px;}
.contato .fone{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.4);}
.mapa{height:320px;}

@media (max-width:1140px){

  /* menu em hambúrguer até 1140px, o que inclui tablets em paisagem */
  .navlinks{display:none;position:absolute;top:100%;left:0;right:0; flex-direction:column;gap:0;background:var(--branco); border-bottom:1px solid var(--linha);padding:8px 28px 16px;}
}

@media (max-width:920px){
  .video-grid,.fundadora-grid,.emp-grid,.dep-grid{grid-template-columns:1fr;}
  .vitrine-capa{padding-bottom:136px;}
  .vitrine .lead{font-size:1rem;}
  .vitrine-indicadores{top:auto;bottom:0;left:0;right:0;width:auto; display:flex;padding:0 28px 26px; transform:translateY(calc(var(--q)*-10px));}
  .indicador{flex:1;padding:12px 12px 0 0;border-top:1px solid rgba(255,255,255,.26);}
  .vitrine-indicadores .indicador:last-child{border-bottom:none;padding-right:0;}
  .indicador .n{font-size:1.22rem;}
  .indicador .l{font-size:10.5px;margin-top:5px;max-width:none;}
  .fase-grid{grid-template-columns:1fr 1fr;}
  .esp-compo{gap:18px;}
  .esp-destaque{grid-template-columns:1fr;grid-template-rows:auto; grid-template-areas:"info" "lista" "cta"; padding:36px 28px 32px;}
  .esp-destaque .info{padding-right:0;}
  .esp-destaque ul{margin-top:20px;padding-left:0;border-left:none;}
  .esp-destaque ul a{padding:11px 0;font-size:16.5px;}
  .esp-destaque .esp-ver{margin-top:22px;}
  .esp-arvore{width:220px;height:231px;right:-34px;bottom:-46px;}
  .conto{height:200vh;}
  .conto-palco{padding-top:80px;}
  .conto-grid{grid-template-columns:1fr;gap:24px;align-content:center;}
  .conto-textos{min-height:250px;}
  .conto-frase{max-width:22ch;}
  .conto-visual{height:44vh;}
  .conto-rotulo{font-size:9.5px;letter-spacing:.08em;}
  .rot-dir{white-space:normal;max-width:84px;line-height:1.45;text-align:left;}
  .conto-callouts path{stroke-width:.3;}
  .esp-sec-row{grid-template-columns:1fr;gap:18px;}
  .esp-bloco{padding:30px 26px 28px;}
  .esp-fecho{flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px;padding-top:24px;}
  .fundadora-foto{height:360px;}
  .emp-foto{height:340px;}
  .dep-grid{gap:48px;}
}

@media (max-width:560px){
  .fase-grid{grid-template-columns:1fr;}
  .vitrine h1{font-size:1.72rem;}
  .vitrine-capa{padding-bottom:128px;}
  .video-capa{height:250px;}
  .conto{height:190vh;}
  .conto-textos{min-height:290px;}
  .conto-visual{height:38vh;}
}

@media (prefers-reduced-motion:reduce){
  .vitrine{height:auto;}
  .vitrine-palco{position:relative;}
  .fases{margin-top:0;}
  .vitrine-fundo,.vitrine-capa,.vitrine-indicadores{transform:none !important;opacity:1 !important;}
  .entrada-suave{opacity:1;transform:none;}
}
