.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;opacity:0;pointer-events:none;transition:opacity 1.6s ease;z-index:0}
.hero-video-ready .hero-video{opacity:1}.hero-video-ready #hero-image picture{opacity:0;transition:opacity 1.6s ease}
.hero-video-ready .hero-art #hero-image::after{display:none}.hero-video-ready .hero-art .hero-photo{animation:none}
.hero .hero-copy h1{background:linear-gradient(106deg,#edf2f1 0%,#edf2f1 36%,#f8fffc 45%,#d4e9e4 49%,#d5eff3 52%,#f8fffc 57%,#edf2f1 68%,#edf2f1 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:quiet-title-reveal 2s cubic-bezier(.16,1,.3,1) both,quiet-title-reflection 32s cubic-bezier(.45,0,.55,1) 2s infinite;text-shadow:none}
@keyframes quiet-title-reveal{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}
@keyframes quiet-title-reflection{0%,25%,100%{background-position:100% 50%}65%{background-position:0% 50%}}
@media(min-width:651px) and (max-width:1000px){.hero-video{object-position:52% center}}
@media(max-width:650px){
 .hero,.has-artist-photo .hero{height:auto;min-height:0;max-height:none;justify-content:flex-start;padding-bottom:36px}
 .hero .hero-top{order:0}
 .hero .hero-art{position:relative;inset:auto;order:1;z-index:0;flex-shrink:0;width:100vw;height:auto;aspect-ratio:3828/2160;margin:24px -6vw 0;transform:none}
 .hero .hero-art #hero-image{transform:none!important;will-change:auto}
 .hero .hero-art #hero-image picture{height:100%}
 .hero-video{height:100%;object-fit:contain;object-position:center}
 .has-artist-photo .hero-art .hero-photo{object-fit:contain;object-position:center!important;animation:none;transform:none!important}
 .has-artist-photo .hero .hero-art:after{background:none!important}
 .hero .hero-art #hero-image::after{display:none}
 .hero .hero-copy,.has-artist-photo .hero .hero-copy{order:2;padding-top:12px}
 .hero .hero-copy h1{animation-duration:2s,38s}
 .hero .hero-bottom,.has-artist-photo .hero .hero-bottom{order:3}
}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero-video-ready #hero-image picture{opacity:1}.hero .hero-copy h1{animation:none;background:none;color:var(--fg)}}