.homepage .hero{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.homepage .hero::before{content:"";display:block;position:absolute;inset:0;width:auto;height:auto;background:url("assets/hero-backstage.webp") center top/cover no-repeat;opacity:.22;filter:saturate(.3);pointer-events:none}
.homepage .hero-inner,.homepage .hero-scroll{position:relative;z-index:1}
.homepage .hero-inner{display:flex;flex:1;justify-content:center;align-items:center;min-height:0;padding:140px 0 40px;text-align:center}
.homepage .hero-copy{width:100%;max-width:1000px;margin-inline:auto}
.homepage .hero .eyebrow{justify-content:center}
.homepage .hero .eyebrow>span{display:none}
.homepage .hero h1{font-size:clamp(54px,7vw,104px);line-height:1.12;max-width:1000px;margin:0 auto 28px}
.homepage .hero-lead{max-width:680px;margin-inline:auto;font-size:18px}
.homepage .hero-actions,.homepage .hero-platforms{justify-content:center;align-items:center}
.homepage .hero-actions{margin-top:32px}
.homepage .hero-platforms{margin-top:28px}
.hero-scroll{align-self:center;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--gold-light);text-decoration:none;padding:12px 24px 28px;min-width:44px;min-height:44px}
.hero-scroll span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#c4bbb0}
.hero-scroll svg{width:40px;height:40px;padding:9px;border:1px solid #66553d;border-radius:50%;transition:transform .2s ease,border-color .2s ease}
.hero-scroll:hover svg{transform:translateY(4px);border-color:var(--gold-light)}
.hero-scroll:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}
.homepage #epizody{scroll-margin-top:100px}
@media(max-width:600px){
 .homepage .hero::before{background-position:55% center;opacity:.18}
 .homepage .hero-inner{padding:115px 0 28px}
 .homepage .hero h1{font-size:clamp(44px,10vw,60px);margin-bottom:24px}
 .homepage .hero-lead{font-size:16px;line-height:1.65}
 .homepage .hero-actions{gap:14px;margin-top:26px}
 .homepage .hero-platforms{margin-top:22px}
 .hero-scroll{padding-bottom:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hero-scroll svg{transition:none}.hero-scroll:hover svg{transform:none}}