.chapter-label{gap:.85rem;color:var(--gold);font-family:var(--body);font-size:.72rem;font-weight:800;letter-spacing:.22em}
.chapter-label:before{content:'';width:32px;height:1px;background:var(--gold)}
.chapter-label:after{display:none}
.heroes-intro{position:relative;isolation:isolate;background:linear-gradient(90deg,#080910d9,#080910bd 62%,#080910a6),url('assets/growth.webp') left center/auto 160% no-repeat}
.character-stage:before{content:'';position:absolute;z-index:1;inset:0;background:url('assets/growth.webp') left center/auto 160% no-repeat;opacity:.13;mix-blend-mode:screen;pointer-events:none}
.character-number:before{content:'';width:32px;height:1px;background:var(--gold)}
.stage-sasha{height:88%;bottom:3%;right:8%}
.stage-fedor,.stage-katsuro{height:84%;bottom:4%;right:8%}

.hero-cta{display:inline-flex;align-items:center;gap:1.15rem;flex:none;margin-bottom:.3rem;font-family:var(--display);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;transition:color .3s}
.hero-cta-icon{width:68px;height:68px;display:grid;place-items:center;flex:none;border:1px solid var(--gold);border-radius:50%;color:var(--gold);background:#090a10ad;box-shadow:0 0 0 7px #efc36612,0 10px 30px #0008;transition:transform .35s,background .35s,color .35s,box-shadow .35s}
.hero-cta-icon svg{width:24px;height:24px;margin-left:3px}
.hero-cta:hover .hero-cta-icon,.hero-cta:focus-visible .hero-cta-icon{transform:scale(1.08);background:var(--gold);color:#111;box-shadow:0 0 0 10px #efc36622,0 10px 30px #0008}
.hero-cta:hover{color:var(--gold)}

.format{min-height:900px;display:flex;align-items:center;background:#0b090c}
.format-art{position:absolute;z-index:-3;inset:0;background:url('assets/phone-world.webp') center/cover no-repeat}
.format-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#090a10f7 0%,#090a10ed 25%,#090a10b5 43%,#090a101c 70%),linear-gradient(180deg,#090a10 0%,transparent 22%,transparent 75%,#090a10 100%)}
.format-inner{position:relative;z-index:1;min-height:900px;display:flex;align-items:center;padding-top:7rem;padding-bottom:7rem}
.format-copy{width:min(600px,47%)}
.format-copy .eyebrow{margin-top:7rem}
.format-copy h2{font-size:clamp(3.7rem,6.2vw,7.5rem)}
.format-caption{display:block;margin-top:3rem;padding-top:1.25rem;border-top:1px solid #efc36666;font-family:var(--display);font-size:1.1rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);max-width:360px}

.follow{isolation:isolate;overflow:hidden;background:#0c090f}
.follow:before{content:'';position:absolute;z-index:-2;inset:-3%;background:url('assets/world.webp') center 53%/cover no-repeat;filter:blur(4px);opacity:.42}
.follow:after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 10%,#591c23a8,transparent 56%),linear-gradient(180deg,#090a10a8,#0d0a12b8 45%,#090a10f2)}
.social-lines{grid-template-columns:repeat(4,minmax(0,1fr))}
.social-lines .social-card span{padding:0;border:0}
.social-card{min-height:130px;padding:1.35rem .7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;border-right:1px solid #ffffff30}
.social-card:last-child{border-right:0}
.social-link{color:inherit;text-decoration:none;transition:background-color .25s ease}
.social-link:hover{background-color:#ffffff12}
.social-link:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
.social-link .social-icon{transition:transform .25s ease}
.social-link:hover .social-icon,.social-link:focus-visible .social-icon{transform:translateY(-4px)}
.social-icon,.social-icon svg{display:block;width:40px;height:40px}
.social-name{font-family:var(--display);font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em}
.social-name small{display:block;font-family:var(--body);font-size:.55rem;letter-spacing:.18em;color:var(--gold);font-weight:800;margin-top:.1rem}
.footer-links{display:flex;gap:1.1rem;flex-wrap:wrap;justify-content:flex-end;margin-top:.45rem;font-size:.65rem;text-transform:none;letter-spacing:.04em;color:#b5b1ba}
.footer-links a{border-bottom:1px solid #b5b1ba80;padding-bottom:.2rem;transition:color .2s,border-color .2s}
.footer-links a:hover{color:var(--gold);border-color:var(--gold)}

@media(max-width:760px){
  .heroes-intro{background-size:auto 150%;background-position:left center}
  .stage-sasha{height:60%;bottom:30%;right:0}
  .stage-fedor,.stage-katsuro{height:56%;bottom:34%;right:6%}
  .character-beat{padding-bottom:3rem}
  .hero-cta{margin-top:2rem;margin-bottom:0;font-size:.98rem}
  .hero-cta-icon{width:58px;height:58px}
  .format{min-height:830px;align-items:stretch}
  .format-art{background-size:auto 100%;background-position:66% center}
  .format-shade{background:linear-gradient(180deg,#090a10 0%,#090a1080 11%,#090a1028 28%,#090a10bd 48%,#090a10fa 73%,#090a10 100%)}
  .format-inner{min-height:830px;align-items:flex-end;padding-top:5rem;padding-bottom:5rem}
  .format-copy{width:100%;max-width:520px}
  .format-copy .eyebrow{margin-top:2rem}
  .format-copy h2{font-size:clamp(3.3rem,9vw,5.4rem)}
  .format-caption{margin-top:2rem}
  .social-lines{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-card{min-height:125px}
  .social-card:nth-child(2){border-right:0}
  .social-card:nth-child(-n+2){border-bottom:1px solid #ffffff30}
  .footer-links{justify-content:flex-start}
}
@media(max-width:760px) and (max-height:760px){
  .stage-sasha,.stage-fedor,.stage-katsuro{height:50%;bottom:40%;right:5%}
}