/* Ten existing gallery photos; one new image each second. */
.hero-slideshow{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-slideshow .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 180ms ease-in-out;will-change:opacity}
.hero-slideshow-toggle{position:absolute;top:14px;right:14px;z-index:3;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#0717289c;color:#f4e7c9;font:600 15px/1 system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hero-slideshow-toggle:hover{background:#071728d9}
.hero-slideshow-toggle:focus-visible{outline:2px solid #dfc38b;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.hero-slideshow .hero-slide{transition:none}}

#popular-streamers{scroll-margin-top:56px}#popular-streamers:focus{outline:none}

/* The mobile navigation (44px) and hero together fill 80% of the viewport. */
@media(max-width:779px){
  .page[data-v-f71d6286] > .hero[data-v-f71d6286]{height:calc(80vh - 44px);height:calc(80svh - 44px);min-height:320px;max-height:none;flex-shrink:0}
}

/* Final GET-page call to action: retain the existing color palette. */
.final-cta-title[data-v-f71d6286]{font-size:clamp(28px,6vw,36px);line-height:1.35;font-weight:800}