@font-face{font-family:'Pricedown';src:url('/assets/fonts/Pricedown-Bl.otf') format('opentype');font-display:swap}
.home-hero__actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.home-hero__actions .btn{min-width:244px;justify-content:center}
.release-countdown{position:absolute;z-index:2;top:clamp(18px,2.4vw,34px);right:clamp(18px,3vw,48px);display:grid;justify-items:end;gap:2px;min-width:176px;padding:12px 15px 11px;background:rgba(23,14,33,.78);border:1px solid rgba(255,248,236,.62);border-right:4px solid var(--sunset-pink);box-shadow:0 8px 24px rgba(0,0,0,.25);text-align:right;backdrop-filter:blur(5px)}
.release-countdown__label,.release-countdown__date{font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--paper-muted)}
.release-countdown__date{color:var(--sun-gold)}
.release-countdown__time{font-family:'Pricedown','Bebas Neue',Impact,sans-serif;font-size:clamp(1.7rem,2.7vw,2.45rem);line-height:.86;letter-spacing:.045em;color:#fff;text-shadow:2px 2px 0 rgba(23,14,33,.9),0 0 15px rgba(240,90,157,.35)}
@media(max-width:759px){.release-countdown{top:14px;right:14px;min-width:148px;padding:9px 11px 8px}.release-countdown__time{font-size:1.65rem}.home-hero__actions{align-items:stretch}.home-hero__actions .btn{width:100%;min-width:0}}

/* Hero scroll parallax: the key-art drifts + zooms slightly as you scroll past it,
   and the copy fades out. Purely decorative — disabled for reduced-motion users. */
.home-hero__bg{will-change:transform;transform:translate3d(0,0,0) scale(1.06);transform-origin:50% 42%}
.home-hero.is-parallax .home-hero__bg{transform:translate3d(0,calc(var(--hero-shift,0)*1px),0) scale(calc(1.06 + var(--hero-zoom,0)))}
.home-hero.is-parallax .home-hero__inner,
.home-hero.is-parallax .release-countdown{opacity:var(--hero-fade,1)}
@media(prefers-reduced-motion:reduce){
  .home-hero__bg{transform:none}
  .home-hero.is-parallax .home-hero__bg{transform:none}
  .home-hero.is-parallax .home-hero__inner,
  .home-hero.is-parallax .release-countdown{opacity:1}
}

/* Taller video hero so more of the clip is visible; scrim on at every width. */
.home-hero{min-height:clamp(440px,62vh,600px);overflow:hidden;display:flex;align-items:flex-end}
.home-hero__scrim{display:block;position:absolute;inset:0;background:linear-gradient(to top,rgba(23,14,33,.92) 0%,rgba(23,14,33,.45) 26%,rgba(23,14,33,.06) 54%,rgba(23,14,33,.34) 100%)}
@media(min-width:760px){ .home-hero{min-height:clamp(600px,90vh,1000px)} }