/* ============================================================
   RED ACADEMY - HOME - style.css
   Extraido literalmente do bundle Claude Artifact (home.html).
   Fonte de verdade de cor/tipografia/espacamento continua em assets/tokens.css.
   ============================================================ */

/* --- @font-face --- */
@font-face{font-family:'Sansation';font-weight:300;font-style:normal;font-display:swap;src:url("../fonts/Sansation-Light.ttf") format('truetype')}
@font-face{font-family:'Sansation';font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/Sansation-Regular.ttf") format('truetype')}
@font-face{font-family:'Sansation';font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/Sansation-Bold.ttf") format('truetype')}
@font-face{font-family:'SF Pro Display';font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/SFProDisplay-Regular.otf") format('opentype')}
@font-face{font-family:'SF Pro Display';font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/SFProDisplay-Bold.otf") format('opentype')}


/* --- estilos globais e de interacao da Home --- */

*{box-sizing:border-box}
body{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
@media (max-width:768px){.bn-desk{display:none!important}.bn-mob{display:block!important}}
html{scroll-behavior:smooth}
/* reserva o espaço da barra de rolagem sempre (mesmo travado, sem nada pra
   rolar) — assim ela nunca "aparece do nada" empurrando o conteúdo quando a
   trava do hero libera a página. Fallback pra navegadores sem suporte a
   scrollbar-gutter: reserva manual via padding-right compensado no body. */
@media (min-width:768px){html{scrollbar-gutter:stable}}
@media (max-width:767px){
  /* no mobile a barra já é flutuante nativamente (não empurra nada) — por
     isso o gutter reservado acima é só pra desktop. Reservar no mobile
     também criava overflow horizontal real (conteúdo mais largo que a tela
     visível), causando cortes/tarjas nas laterais. */
  html{scrollbar-width:none}
  html::-webkit-scrollbar{display:none}
}
body{margin:0;overflow-x:hidden;font-family:'SF Pro Display',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--surface-deep);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--brand-primary);color:#fff}
a{color:inherit}
.red-link{transition:color .25s,opacity .25s}
.red-link:hover{color:var(--brand-primary)}
.ig-badge-link:hover{border-color:var(--c,var(--brand-primary));color:#fff;background:rgba(217,11,77,.18)}
.btn-shine{transition:transform .3s cubic-bezier(.16,.84,.44,1),box-shadow .35s,outline-color .3s,background .3s,border-color .3s;outline:1.5px solid transparent;outline-offset:3px}
.btn-shine:hover{transform:translateY(-2px)}
.btn-blue:hover{outline-color:rgba(91,133,224,.85);box-shadow:0 16px 46px -10px rgba(21,55,139,.9),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-red:hover{outline-color:rgba(232,52,80,.85);box-shadow:0 4px 10px rgba(217,11,77,.3)}
.btn-ghost:hover,.btn-ghost:active{outline-color:rgba(217,11,77,.85);border-color:var(--brand-primary);background:rgba(217,11,77,.14)}
.bn-slide-pill{transition:border-color .2s,background .2s}
.bn-mob-slide:hover .bn-slide-pill,.bn-mob-slide:active .bn-slide-pill{border-color:var(--brand-primary);background:rgba(217,11,77,.18)}
.red-nav-link{position:relative;transition:color .25s}
.red-nav-link:hover{color:#fff}
.red-nav-link::after{content:"";position:absolute;left:0;bottom:-7px;height:2px;width:0;background:var(--brand-primary);transition:width .3s cubic-bezier(.16,.84,.44,1)}
.red-nav-link:hover::after,.red-nav-link[data-active="1"]::after{width:100%}
.red-card{transition:transform .4s cubic-bezier(.16,.84,.44,1),box-shadow .4s,border-color .4s}
.red-card:hover{transform:translateY(-5px)}
.red-card-light:hover{box-shadow:0 26px 64px -28px rgba(21,55,139,.3);border-color:rgba(217,11,77,.35)}
.red-card-dark:hover{box-shadow:0 28px 72px -22px rgba(217,11,77,.45);border-color:rgba(217,11,77,.55)}
.red-pcard{transition:transform .5s cubic-bezier(.16,.84,.44,1),box-shadow .5s,outline-color .4s}
.red-pcard{transform-origin:center}
.red-pcard:hover{transform:scale(1.03);z-index:3;box-shadow:0 30px 70px -52px rgba(15,20,40,.32)}
.red-alink{transition:gap .25s cubic-bezier(.16,.84,.44,1),opacity .2s}
.red-alink:hover{text-decoration:underline;gap:8px!important}
.red-reveal{opacity:0;transform:translateY(48px) scale(.986);transition:opacity .9s cubic-bezier(.16,.84,.44,1),transform .9s cubic-bezier(.16,.84,.44,1);will-change:opacity,transform}
.red-reveal.red-pre{opacity:0;transform:translateY(48px) scale(.986)}
.red-reveal.red-in{opacity:1;transform:none}
@keyframes redFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.red-float{animation:redFloat 3.4s ease-in-out infinite}
.red-trend path{stroke-dasharray:64;stroke-dashoffset:64;transition:stroke-dashoffset .9s cubic-bezier(.16,.84,.44,1)}
.red-trend.play path{stroke-dashoffset:0}
@keyframes redArrowBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.red-trend.play{animation:redArrowBob 2.8s ease-in-out 1.1s infinite}
.red-ig-tile{transition:transform .4s cubic-bezier(.16,.84,.44,1),box-shadow .4s}
.red-ig-tile:hover{transform:translateY(-4px);box-shadow:0 26px 60px -28px rgba(21,55,139,.5)}
.red-ig-tile:hover .red-ig-over{opacity:1}@media (max-width:767px){.red-ig-grid{grid-template-columns:repeat(3,1fr)!important}.red-ig-grid .red-ig-tile:nth-child(n+7){display:none}.red-ig-grid .red-ig-over{opacity:1}}
@keyframes redHeroUp{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
.hero-anim{opacity:0;animation:redHeroUp 1s cubic-bezier(.16,.84,.44,1) both;animation-play-state:paused}
.bv-word{display:inline-block;opacity:0;transform:translateY(30px);filter:blur(11px);will-change:opacity,transform,filter}
.bv-cta{opacity:0;transform:scale(.8) translateY(14px);will-change:opacity,transform}
.bv-lockup{opacity:0;transform:translateY(20px);filter:blur(8px);will-change:opacity,transform,filter}
@keyframes redVeil{0%{opacity:1}100%{opacity:0}}
.hero-veil{animation:redVeil 1.7s cubic-bezier(.33,0,.2,1) .1s both;pointer-events:none}
@keyframes redBloom{0%{opacity:0}22%{opacity:.5}48%{opacity:.24}100%{opacity:0}}
.hero-bloom{animation:redBloom 2.6s cubic-bezier(.22,.61,.36,1) .1s both;pointer-events:none;mix-blend-mode:screen}
@media (max-width:1280px){.red-nav-meta{display:none!important}}
.red-vid .red-vid-play{transition:transform .35s cubic-bezier(.16,.84,.44,1),box-shadow .35s}
.red-vid:hover .red-vid-play{transform:scale(1.12);box-shadow:0 18px 44px -10px rgba(217,11,77,.85)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.testi-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:9/16;background:var(--surface);cursor:pointer;box-shadow:0 24px 60px -34px rgba(0,0,0,.35);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.testi-card:hover,.testi-card:focus-visible{transform:translateY(-4px);box-shadow:0 30px 70px -30px rgba(0,0,0,.45)}
.testi-card:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}
.testi-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.testi-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:var(--radius-pill);background:rgba(217,11,77,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px -8px rgba(217,11,77,.7);transition:transform .35s cubic-bezier(.16,.84,.44,1)}
.testi-card:hover .testi-play,.testi-card:focus-visible .testi-play{transform:translate(-50%,-50%) scale(1.12)}
.testi-cap{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(0deg,rgba(6,6,10,.88) 10%,transparent 72%)}
#testi-lightbox{opacity:0;transition:opacity .3s ease}
#testi-lightbox.open{opacity:1}
#testi-lb-stage{position:relative;width:min(420px,90vw);aspect-ratio:9/16;max-height:88vh;border-radius:var(--radius-md);overflow:hidden;background:#000;box-shadow:0 50px 130px -30px rgba(0,0,0,.95)}
.testi-nav{display:none}
@media (max-width:900px){
  .testi-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px}
  .testi-grid::-webkit-scrollbar{display:none}
  .testi-card{flex:0 0 calc(100vw - 96px);scroll-snap-align:center}  .testi-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}  .testi-arrow{width:46px;height:46px;border-radius:var(--radius-pill);border:1.5px solid #d3d6dd;background:#fff;color:var(--surface-raised);font-size:var(--fs-h3);line-height:var(--lh-tight);padding:0 0 3px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px -12px rgba(0,0,0,.4);transition:transform .18s,border-color .18s,opacity .18s}  .testi-arrow:active{transform:scale(.93)}  .testi-arrow[disabled]{opacity:.32;pointer-events:none}  .testi-dots{display:flex;gap:8px}  .testi-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:#c7cbd3;transition:background .25s,width .25s}  .testi-dot.active{background:var(--c,var(--brand-primary));width:22px}}
@media (prefers-reduced-motion:reduce){.testi-card,.testi-play,#testi-lightbox{transition:none!important}}
#red-lightbox{opacity:0;transition:opacity .3s ease}
#red-lightbox.open{opacity:1}
@media (max-width:600px){#red-lightbox{padding:0!important}#red-lb-stage{border-radius:0!important;max-height:100vh!important;width:100vw!important;height:100vh!important;aspect-ratio:auto!important}}
@media (max-width:1040px){.red-nav-links{display:none!important}}

@media (max-width:1180px){
  section{padding-top:56px!important;padding-bottom:56px!important}
  .prog-gap{margin-bottom:56px!important}
  .r-4{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}
  .r-3{grid-template-columns:repeat(3,1fr)!important}
  .r-2to1{grid-template-columns:1fr 1fr!important;gap:28px!important}
  .r-foot{grid-template-columns:1fr 1fr!important;gap:36px!important}
}
@media (max-width:768px){.r-2to1{grid-template-columns:1fr!important}}
/* ===== fundadores: grid com áreas (reordena números no mobile) ===== */
.fnd-grid{display:grid;grid-template-columns:.72fr 1fr;column-gap:72px;grid-template-areas:"kicker media" "headline media" "texto media" "nums media"}
@media (max-width:768px){.fnd-grid{grid-template-columns:1fr;grid-template-areas:"kicker" "headline" "texto" "media" "nums";row-gap:24px}}
@media (max-width:980px){
  .fnd-stage{height:auto!important}
  #fnd-photo-wrap{position:relative!important;top:auto!important;bottom:auto!important;left:0!important;right:0!important;height:56vw;margin:0 -40px}
  .fnd-fade{background:linear-gradient(180deg,rgba(8,9,13,.3),transparent 22%,transparent 68%,var(--surface) 100%)!important}
  .fnd-panel-pos{position:static!important;display:block!important;margin-top:16px}
  .fnd-panel{width:100%!important;max-width:640px;margin:0 auto}
  .fnd-tag{display:none}
}
@media (prefers-reduced-motion:reduce){#fnd-photo-img{transform:none!important}}
.founder-tab{transition:background .25s,border-color .25s,color .25s}
/* ===== territórios: statement + lista interativa ===== */
.terr-grid{display:grid;grid-template-columns:.68fr 1fr;column-gap:64px;grid-template-areas:"statement list"}
@media (max-width:900px){.terr-grid{grid-template-columns:1fr;grid-template-areas:"statement" "list";row-gap:40px}}
.terr-head:hover span{color:var(--c,var(--brand-primary))}
.terr-head[aria-expanded="true"] .terr-chevron{transform:rotate(180deg)}
.mkt-counters{display:flex;flex-wrap:wrap}
.mkt-counter{flex:1;min-width:190px;border-left:1px solid var(--ink-invert-muted);max-width:100%}
.mkt-counter:first-child{border-left:0}
.mkt-counter *{overflow-wrap:break-word}
@media (max-width:900px){
  .mkt-counters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
  .mkt-counter{min-width:0!important;width:100%;max-width:100%;padding:0!important;border-left:0}
}
@media (max-width:520px){
  .mkt-counters{grid-template-columns:1fr;gap:34px}
  .mkt-counter-num{font-size:clamp(34px,12vw,48px)!important}
}
@media (prefers-reduced-motion:reduce){.terr-panel,.terr-panel-inner,.terr-chevron{transition:none!important}}
@media (max-width:600px){.section-closing-statement{margin-top:40px!important;max-width:30ch!important;font-size:clamp(23px,7vw,30px)!important}}
@media (max-width:600px){.practice-closing{margin-top:40px!important}.practice-closing h3{font-size:clamp(24px,7vw,32px)!important}}

/* ===== chips reutilizáveis (Áreas de Domínio) ===== */
.domain-chip{display:inline-flex;align-items:center;min-height:36px;font-family:'SF Pro Display',sans-serif;font-size:var(--fs-body);font-weight:600;letter-spacing:-.005em;color:#3d434e;background:#fff;border:1.5px solid #e3e6ec;border-radius:var(--radius-pill);padding:8px 18px;cursor:default;transition:transform .24s cubic-bezier(.22,1,.36,1),background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease}
.domain-chip:hover{transform:translateY(-2px);color:#fff;background:var(--brand-secondary);border-color:var(--brand-secondary);box-shadow:0 10px 24px -16px rgba(21,55,139,.75)}
@media (max-width:600px){.domain-chip{padding:8px 14px!important;font-size:var(--fs-body)!important}.domain-chip:hover{transform:none}}

/* ===== background fixed apenas no desktop ===== */
@media (max-width:900px){#fundadores,#agora,#contato{background-attachment:scroll!important}}

/* ===== sistema de reveal editorial (seções: como-funciona, pratica, fundadores, sobre, transformacao) ===== */
.reveal-copy{opacity:0;transform:translateY(26px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)}
.reveal-copy.red-pre{opacity:0;transform:translateY(26px)}
.reveal-copy.red-in{opacity:1;transform:none}
.reveal-list-item{opacity:0;transform:translateY(18px);transition:opacity .58s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1)}
.reveal-list-item.red-pre{opacity:0;transform:translateY(18px)}
.reveal-list-item.red-in{opacity:1;transform:none}
.reveal-media{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .82s cubic-bezier(.22,1,.36,1),transform .82s cubic-bezier(.22,1,.36,1)}
.reveal-media.red-pre{opacity:0;transform:translateY(22px) scale(.985)}
.reveal-media.red-in{opacity:1;transform:none}
.reveal-closing{opacity:0;transform:translateY(18px);transition:opacity .68s cubic-bezier(.22,1,.36,1) .14s,transform .68s cubic-bezier(.22,1,.36,1) .14s}
.reveal-closing.red-pre{opacity:0;transform:translateY(18px)}
.reveal-closing.red-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal-copy,.reveal-list-item,.reveal-media,.reveal-closing{transition:none!important}
  .reveal-copy.red-pre,.reveal-list-item.red-pre,.reveal-media.red-pre,.reveal-closing.red-pre{opacity:1!important;transform:none!important}
}
@media (max-width:600px){.cta-btns{flex-direction:column;gap:12px!important}.cta-btns a{width:100%;justify-content:center;min-height:48px}}
@media (max-width:600px){
  section{padding-top:58px!important;padding-bottom:58px!important}
  .prog-gap{margin-bottom:58px!important}
  [style*="0 40px"]{padding-left:20px!important;padding-right:20px!important}
  .r-4{grid-template-columns:1fr!important;gap:14px!important}
  .r-3{grid-template-columns:1fr!important}
  .r-2to1{gap:32px!important}
  .r-foot{grid-template-columns:1fr!important;gap:28px!important}
  #hero-content{padding-left:20px!important;padding-right:20px!important;padding-top:104px!important}
  #hero-photo-sharp{background-size:cover!important;background-position:64% 14%!important;-webkit-mask-image:none!important;mask-image:none!important}
}
/* ===== mobile nav / burger ===== */
.red-logo-flame{display:none}
.red-burger{display:none}
.red-cta-mobile{display:none}
.red-menu{position:absolute;top:calc(100% + 12px);left:0;right:0;background:rgba(10,9,13,.94);backdrop-filter:saturate(150%) blur(18px);border:1.5px solid rgba(189,27,78,.55);border-radius:var(--radius-lg);box-shadow:0 24px 60px -18px rgba(0,0,0,.8);padding:10px 22px;max-height:75vh;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-12px);pointer-events:none;transition:opacity .3s ease,transform .42s cubic-bezier(.16,.84,.44,1),visibility .3s}
.red-menu a{display:block;padding:15px 6px;font-size:var(--fs-body);font-weight:500;color:#dfe1e7;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08);transition:color .2s,padding-left .2s}
.red-menu a:last-child{border-bottom:0}
.red-menu a:hover,.red-menu a:active{color:var(--c,var(--brand-primary));padding-left:12px}
.red-burger-line{display:block;width:20px;height:2px;background:#fff;border-radius:var(--radius-sm);transition:transform .32s cubic-bezier(.16,.84,.44,1),opacity .2s}
.red-burger.open{background:rgba(217,11,77,.18);border-color:rgba(232,52,80,.6)}
.red-burger.open .red-burger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}
.red-burger.open .red-burger-line:nth-child(2){opacity:0}
.red-burger.open .red-burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (min-width:1041px){.red-menu{display:none}}
@media (max-width:1040px){.red-burger{display:inline-flex}}
@media (max-width:600px){
  .red-cta-desktop{display:none!important}
  .red-cta-mobile{display:inline-flex!important}
  .red-logo-full{display:none!important}
  .red-logo-flame{display:block!important}
  .red-nav{top:12px!important;padding-left:14px!important;padding-right:14px!important}
  .red-pill{padding-left:14px!important;padding-right:14px!important;height:58px!important}
}
.m-mv{transition:padding-left .5s cubic-bezier(.16,.84,.44,1)}
.m-mv:hover{padding-left:12px}
.m-mv:hover .m-num{color:var(--c,var(--brand-primary))}
.m-num{transition:color .4s ease}
@media (max-width:600px){.m-mv{grid-template-columns:44px 1fr!important;gap:14px!important}}
/* ===== A MISSÃO — apresentação SplitText ===== */
.mission-act{position:relative;min-height:max(600px,68vh);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-bottom:1px solid #f0f1f4}
.mission-divider{display:flex;align-items:center;justify-content:center;padding:16px 0}
.mission-divider-badge{position:relative;width:clamp(46px,9vw,64px);aspect-ratio:46/56;flex-shrink:0}
.mission-divider-badge svg{width:100%;height:100%}
.mission-divider-badge img{height:56%!important}
@media (max-width:1180px){.mission-act{min-height:62vh}}
@media (max-width:600px){.mission-act{min-height:0;padding-block:clamp(72px,15vw,88px)}}
.mission-ghost{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'SF Pro Display',-apple-system,sans-serif;font-weight:800;font-size:min(52vh,60vw);line-height:var(--lh-tight);color:var(--c,var(--brand-primary));opacity:.05;pointer-events:none;z-index:0;letter-spacing:-.05em;white-space:nowrap}
.mission-kicker{position:relative;z-index:1;font-family:'SF Pro Display',-apple-system,sans-serif;font-weight:700;font-size:clamp(15px,3.75vw,22px);letter-spacing:-.32px;text-transform:uppercase;color:var(--surface);margin:0 0 26px;line-height:1.46}
.mission-word-wrap{position:relative;z-index:1;overflow:hidden;padding:.1em 0 .16em}
.mission-word{display:inline-block;font-family:'SF Pro Display','SF Pro Text',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:clamp(60px,13vw,190px);line-height:var(--lh-tight);letter-spacing:-.05em;color:var(--surface);margin:0;opacity:0}
.mission-word .mw-dot{color:var(--c,var(--brand-primary))}
.mission-word .mw-ch{display:inline-block;will-change:transform,opacity,filter}
.mission-sub{position:relative;z-index:1;font-family:'SF Pro Display',-apple-system,sans-serif;font-weight:700;font-size:clamp(15px,3.75vw,22px);letter-spacing:-.32px;line-height:1.46;color:var(--surface);margin:22px auto 0;max-width:520px;text-wrap:balance}
@media (prefers-reduced-motion:reduce){.mission-word{opacity:1}}
@media (max-width:600px){.mission-close-nums{opacity:.035!important}}
@media (max-width:600px){.mission-word{white-space:nowrap;font-size:clamp(48px,15vw,84px)}}
@media (max-width:600px){.manifesto-label{font-size:clamp(22px,7.5vw,32px)!important}}
@media (max-width:767px){.mission-act{align-items:flex-start;text-align:left}}
@media (max-width:767px){.mission-sub{margin:22px 0 0}}
@media (max-width:767px){.founders-copy{text-align:left!important;margin:0 0 52px!important}}
section[id]{scroll-margin-top:112px}
@media (max-width:600px){section[id]{scroll-margin-top:82px}}
/* ===== scroll stack: fibra > texto > banner, animado pela posição real do scroll (sticky nativo, sem travar a página) ===== */
.stack-intro{position:relative;z-index:0;height:100vh}
.stack-sticky{position:sticky;top:0;left:0;right:0;height:100vh;overflow:hidden;z-index:2}
@media (max-width:600px){
  /* seção mais baixa (banner) em vez de quase 100vh — a foto é larga (1800x1027)
     e numa caixa quase quadrada/alta o cover força um zoom pesado; encurtando a
     altura, o cover precisa de bem menos zoom pra cobrir, mostrando mais da foto. */
  #hero-slides{top:16px!important;left:16px!important;right:16px!important;bottom:auto!important;height:46vh!important;border-radius:var(--radius-lg)!important}
}
/* ===== recorte das fotos do hero no mobile ===== */
/* background-position foi calibrado para telas largas (corta pouco na vertical,
   bastante nas laterais). No retrato, o corte horizontal é bem mais agressivo —
   os slides 1 e 3 tinham posição X central (50%), que caía exatamente no vão
   entre as duas pessoas da foto e cortava os dois rostos. Reposiciona pra manter
   um assunto inteiro em quadro. Y mantido igual ao original. */
@media (max-width:767px){
  .hero-slide[data-i="1"] .hero-blur{background-position:20% 18%}
  .hero-slide[data-i="1"] .hero-sharp{background-position:20% 22%}
  .hero-slide[data-i="3"] .hero-blur{background-position:22% 24%}
  .hero-slide[data-i="3"] .hero-sharp{background-position:22% 28%}
}
/* ===== HERO STRANDS (topo) ===== */
.strandsHero{position:absolute;inset:0;overflow:hidden;background:transparent;pointer-events:none}
#strands-hero{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.strandsHero-vig{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 42%,rgba(5,5,7,.5) 100%)}
.strandsHero-content{position:absolute;z-index:5;left:clamp(24px,7vw,120px);top:50%;transform:translateY(-50%);opacity:0}
.sh-line{font-family:'SF Pro Display','SF Pro Text',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:clamp(38px,6.4vw,96px);line-height:var(--lh-tight);letter-spacing:-.035em;color:#f4f4f6;margin:0}
.sh-mask{overflow:hidden;padding-bottom:.06em}
.sh-ch{display:inline-block;opacity:0;transform:translateY(64%) scale(1.02);filter:blur(6px);will-change:transform,opacity,filter}
.sh-ch.cap{color:var(--brand-primary-hi)}
.sh-sub{margin:28px 0 0;font-family:'SF Pro Display',sans-serif;font-size:clamp(14px,1.3vw,18px);line-height:var(--lh-relaxed);color:rgba(255,255,255,.68);max-width:440px;opacity:0;transform:translateY(18px);will-change:opacity,transform}
.sh-scroll{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:9px;font-family:'Sansation',sans-serif;font-weight:700;font-size:var(--fs-body-lg);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes shBob{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(6px);opacity:1}}
.sh-scroll svg{width:18px;height:18px;stroke:var(--brand-primary-hi);animation:shBob 2.2s ease-in-out infinite}
@keyframes fiberBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
#strands-hero{animation:fiberBreathe 6.5s ease-in-out infinite}
#fiber-wrap{position:absolute;inset:0;z-index:0;transform-origin:50% 50%;will-change:transform,opacity}
#hero-slides{opacity:0;transform:scale(1.08);filter:blur(20px);will-change:transform,filter}

/* ===== ESCOLHA SEU CAMINHO — carrossel premium com profundidade ===== */
#pc-stage{position:relative;height:clamp(590px,68vh,720px);display:flex;align-items:center;justify-content:center;perspective:1400px}
.pc-slot{position:absolute;left:50%;top:50%;width:clamp(340px,27vw,430px);transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .52s cubic-bezier(.22,1,.36,1),filter .52s cubic-bezier(.22,1,.36,1);will-change:transform,opacity,filter}
.pc-slot[data-state="active"]{z-index:4}
.pc-slot[data-state="near"]{z-index:3}
.pc-slot[data-state="far"]{z-index:2}
.pc-slot[data-state="hidden"]{z-index:1;opacity:0;pointer-events:none}
.pc-card{position:relative;display:block;width:100%;aspect-ratio:.7;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid rgba(255,255,255,.12);text-decoration:none;box-shadow:0 20px 50px -34px rgba(0,0,0,.7)}
.pc-slot[data-state="active"] .pc-card{box-shadow:0 34px 90px -48px rgba(0,0,0,.95),0 24px 70px -48px var(--pc-glow-shadow,rgba(217,11,77,.55)),0 0 0 1px rgba(255,255,255,.04)}
.pc-glow{position:absolute;inset:0;border-radius:var(--radius-lg);padding:1.6px;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}
.pc-slot[data-state="active"] .pc-glow{opacity:var(--pc-glow-i,.8)}
.pc-slot[data-state="near"] .pc-glow{opacity:.15}
.pc-media{position:relative;height:52%;overflow:hidden}
.pc-media img{display:block;width:100%;height:100%;object-fit:cover}
.pc-media-fade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(6,7,10,0) 45%,rgba(6,7,10,.35) 68%,rgba(6,7,10,.92) 100%)}
.pc-body{position:relative;padding:16px 30px 30px;display:flex;flex-direction:column;height:48%;box-sizing:border-box}
.pc-label{font-size:var(--fs-body);font-weight:700;letter-spacing:.14em;margin-bottom:10px;color:var(--pc-accent,var(--brand-primary-hi))}
.pc-title{font-family:'Sansation',sans-serif;font-weight:700;font-size:clamp(22px,2vw,28px);line-height:var(--lh-tight);letter-spacing:-.02em;color:#fff;margin:0 0 12px}
.pc-title b{color:var(--pc-accent,var(--brand-primary-hi));font-weight:700}
.pc-desc{font-size:var(--fs-body);line-height:var(--lh-normal);color:rgba(255,255,255,.62);margin:0 0 18px;flex:1}
.pc-cta{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border-radius:var(--radius-md);font-size:var(--fs-body);font-weight:700;color:#fff;background:var(--pc-cta-grad);border:1px solid rgba(255,255,255,.16);transition:transform .22s ease,filter .22s ease}
.pc-cta svg{transition:transform .22s ease}
.pc-card:hover .pc-cta,.pc-card:focus-visible .pc-cta{transform:translateY(-2px);filter:brightness(1.12)}
.pc-card:hover .pc-cta svg,.pc-card:focus-visible .pc-cta svg{transform:translateX(4px)}
.pc-card:focus-visible{outline:2px solid #fff;outline-offset:3px}
#pc-prev,#pc-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(6,6,10,.5);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background .2s,opacity .2s}
#pc-prev{left:clamp(4px,2vw,26px)}
#pc-next{right:clamp(4px,2vw,26px)}
#pc-prev:hover,#pc-next:hover{background:rgba(217,11,77,.4)}
#pc-prev:disabled,#pc-next:disabled{opacity:.25;cursor:default}
@media (max-width:900px){
  #pc-stage{height:auto;padding:0 6vw;display:flex;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px}
  #pc-stage::-webkit-scrollbar{display:none}
  .pc-slot{position:relative;left:0;top:0;width:88vw;flex:0 0 88vw;scroll-snap-align:center;transform:none!important;transition:opacity .3s ease,filter .3s ease}
  #pc-prev,#pc-next{display:none}
}
@media (prefers-reduced-motion:reduce){.pc-slot,.pc-glow{transition:none!important}}
@media (prefers-reduced-motion:reduce){.red-reveal,.hero-anim,.hero-veil,.hero-bloom,.hero-sweep,.red-float{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}