/* Explore hero banner — responsive HQ mode for desktop and mobile. */
#homeView .hero{position:relative;isolation:isolate;display:block;min-height:390px;overflow:hidden;background:#11161c}
#homeView .hero-copy{position:relative;z-index:4;width:min(58%,760px);padding:52px}
#homeView .hero-art{display:none!important}
#homeView .hero-carousel-media{position:absolute;inset:0;z-index:0;overflow:hidden}
#homeView .hero-carousel-slide{position:absolute;inset:0;opacity:0;transform:none;transition:opacity .45s ease;background-image:url('./assets/carousel-selected-hq.webp?v=3')!important;background-size:cover;background-repeat:no-repeat;background-position:center center;image-rendering:auto}
#homeView .hero-carousel-slide.active{opacity:1}
#homeView .hero-carousel-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,15,19,.96) 0%,rgba(12,15,19,.86) 28%,rgba(12,15,19,.52) 50%,rgba(12,15,19,.10) 72%,rgba(12,15,19,.03) 100%)}
#homeView .hero-carousel-controls{display:none!important}
@media(max-width:900px){#homeView .hero-copy{width:72%;padding:42px 36px}}
@media(max-width:700px){
#homeView .hero{min-height:430px}
#homeView .hero-copy{width:100%;padding:28px 20px 46px}
#homeView .hero-copy h1{font-size:clamp(2rem,9vw,3.1rem);line-height:1.02;max-width:12ch}
#homeView .hero-copy p{max-width:31ch}
#homeView .hero-carousel-slide{background-position:74% center;background-size:cover}
#homeView .hero-carousel-slide:after{background:linear-gradient(180deg,rgba(12,15,19,.24) 0%,rgba(12,15,19,.43) 31%,rgba(12,15,19,.82) 66%,rgba(12,15,19,.98) 100%)}
}
@media(max-width:430px){
#homeView .hero{min-height:410px}
#homeView .hero-copy{padding:24px 18px 38px}
#homeView .hero-carousel-slide{background-position:76% center}
}
@media(prefers-reduced-motion:reduce){#homeView .hero-carousel-slide{transition:none!important}}