.hero,.pool-experience{overflow:hidden;background:#032b50;isolation:isolate}
.hero{display:block;position:relative;min-height:clamp(520px,42vw,760px);color:white}
.hero:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#00152bc9 0%,#00152b85 30%,#00152b20 58%,transparent 72%)}
.scene-frame{position:relative;width:100%;aspect-ratio:16/9;min-width:0;overflow:hidden;background:#032b50}
.hero .scene-frame{position:absolute;inset:0;height:100%;aspect-ratio:auto}
.scene-media{position:absolute;inset:0;pointer-events:none;z-index:0;background-position:center;background-size:contain;background-repeat:no-repeat}
.hero .scene-media{background-image:url('/assets/hero-video-poster.webp');background-size:cover;background-position:50% 45%}
.hero .scene-media video{object-fit:cover;object-position:50% 45%}
.pool-experience .scene-media{background-image:url('/assets/pool-video-poster.webp')}
.scene-media video{width:100%;height:100%;display:block;object-fit:contain;opacity:0;transition:opacity .45s}
.scene-ready video{opacity:1}
.hero .hero-copy{position:relative;width:calc(100% - 96px);max-width:1280px;margin:0 auto;padding:80px 0 100px;z-index:2;pointer-events:none}
.hero .hero-copy a{pointer-events:auto}
.hero h1{font-size:clamp(2rem,2.5vw,2.65rem);max-width:620px}
.hero .hero-description{max-width:430px}
.hero .hero-actions{gap:12px;flex-wrap:wrap}





.pool-experience{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.9fr);align-items:center;min-height:0;background:#edf6ff}
.pool-experience .scene-frame{grid-column:1;grid-row:1;aspect-ratio:1276/720}
.pool-experience .experience-shell{grid-column:2;grid-row:1;width:100%;min-height:0;margin:0;padding:40px clamp(24px,3.4vw,64px)}
.pool-experience .experience-copy{width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.pool-experience .experience-copy h2{font-size:clamp(1.8rem,2.3vw,2.3rem)}

@media(max-width:1000px){
 .pool-experience{grid-template-columns:minmax(0,1fr)}
 .pool-experience .scene-frame{grid-column:1;grid-row:1}
 .hero .hero-copy{width:calc(100% - 60px);padding:62px 0 94px}
 .hero h1{font-size:clamp(1.8rem,5vw,2.3rem);max-width:660px}
 .hero .hero-description{max-width:430px}
 .pool-experience .experience-shell{grid-column:1;grid-row:2;padding:32px max(20px,calc((100% - 660px)/2)) 42px}
 .pool-experience .experience-copy h2{font-size:1.9rem;max-width:none}
}
@media(max-width:700px){
 .hero{display:block;min-height:0}
 .hero:before{content:none}
 .hero .scene-frame{position:relative;inset:auto;height:auto;aspect-ratio:16/9}
 .hero .scene-media{background-size:contain;background-position:center}
 .hero .scene-media video{object-fit:contain;object-position:center}
 .hero .hero-copy{width:calc(100% - 40px);padding:32px 0 56px}
 .hero h1{font-size:clamp(1.8rem,5vw,2.3rem)}
 .hero .hero-description{max-width:600px}
}
@media(max-width:480px){.hero .badge{font-size:.75rem}.hero .hero-copy{padding-top:28px}.hero .hero-actions .button{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.scene-media video{transition:none}}