/* Keep the entire wide story visible on phones and tablets. */
body .hero .hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#21113e}
body .hero .hero-media .video-background,body .hero .hero-media .hero-poster-image{inset:0;width:100%;height:100%;object-position:center;z-index:0;transform:none!important;animation:none!important}
body .hero .hero-media .video-background{opacity:0;filter:none}
body .hero .hero-media .video-background.is-playing{opacity:1}
body .hero .hero-media .video-overlay{z-index:1;pointer-events:none}
body .hero .hero-content{position:relative;z-index:2}
.hero-video-toggle{position:absolute;right:20px;bottom:20px;z-index:3;min-height:44px;padding:10px 15px;border:1px solid #ffffff80;border-radius:24px;background:#21113ee8;color:#fff;font:600 12px/1.3 Arial,sans-serif;cursor:pointer}
.hero-video-toggle[hidden]{display:none}
.hero-video-toggle:focus-visible,.week-carousel-dots button:focus-visible{outline:3px solid #c92c29;outline-offset:3px}
.week-carousel-dots button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.week-carousel-dots button::after{content:'';width:8px;height:8px;border-radius:50%;background:#9584b1}
.week-carousel-dots button.is-active::after{width:22px;border-radius:5px;background:#493084}
.week-carousel-dots{gap:0!important}
@media(max-width:1100px){
  body .hero{height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:column;align-items:stretch!important;padding:0!important}
  body .hero .hero-media{position:relative;inset:auto;width:100%;aspect-ratio:48/19;flex:none}
  body .hero .hero-media .video-background,body .hero .hero-media .hero-poster-image{object-fit:contain!important}
  body .hero .hero-media .video-overlay{display:none}
  body .hero .hero-content{width:100%;max-width:none;margin:0;padding:32px 24px 38px!important;background:linear-gradient(135deg,#21113e,#332071);box-sizing:border-box}
  body .hero .hero-title.brand-wordmark{font-size:clamp(32px,6.4vw,48px)!important;letter-spacing:-1px;max-width:100%}
  body .hero .hero-line{max-width:100%}
  body .hero .welcome-text{margin-bottom:18px}
  body .hero .hero-subtitle{margin:20px 0 24px;font-size:16px!important;line-height:1.65}
  .hero-video-toggle{bottom:8px;right:8px;padding:8px 12px}
}
@media(prefers-reduced-motion:reduce){body .hero *,body .hero *::after{animation:none!important;transition:none!important}}