.explore-intro{position:relative;isolation:isolate;min-height:450px;overflow:hidden}
.explore-intro>.hero-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:-1;pointer-events:none;opacity:1}
.explore-intro::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#ffffffbd,#ffffff85 40%,#ffffff00 65%)}
.hero-art img,.hero-art canvas{position:absolute;display:block;max-width:none;pointer-events:none}
.hero-art::after{--edge-fade:24px;content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--paper),#ffffff00 var(--edge-fade),#ffffff00 calc(100% - var(--edge-fade)),var(--paper));pointer-events:none}
.hero-art canvas{inset:0;width:100%;height:100%;opacity:0;transition:opacity .4s}
.hero-art[data-state=interactive] canvas{opacity:1}
.hero-art[data-state=interactive] img{opacity:0}
.explore-intro>div:first-child{position:relative;z-index:1;max-width:52%;padding-right:24px}
.explore-intro h1{font-size:clamp(40px,4.4vw,58px)}
.explore-intro>div:first-child>p{color:var(--ink)}
@media(max-width:680px){.explore-intro{display:block;min-height:0;padding:282px 0 32px}.explore-intro>div:first-child{max-width:none;padding:0}.explore-intro h1{font-size:39px}.explore-intro::before{background:linear-gradient(#ffffff00 220px,#fff 280px)}}
@media(prefers-reduced-motion:reduce){.hero-art canvas{transition:none}}