/* A quiet brand stage: one emblem, restrained color, generous space. */
.immersive{height:auto;min-height:740px;background:radial-gradient(ellipse at 76% 47%,#12343f66 0%,transparent 43%),radial-gradient(ellipse at 94% 20%,#54192122,transparent 36%),#05090d}
.immersive .hero-shade{background:linear-gradient(0deg,#05090d,transparent 24%);z-index:-1}
.immersive .hero-copy{width:min(610px,46%);max-width:none;margin-left:max(5.5%,calc((100vw - 1660px)/2));padding:90px 0 150px}
.immersive h1{font-size:clamp(76px,6.6vw,120px);line-height:.9}
.immersive .hero-actions{flex-wrap:wrap}
.immersive .hero-actions .button{white-space:nowrap;flex-shrink:0}
.immersive .brand-stage{width:min(46vw,670px);height:610px;right:max(3%,calc((100vw - 1780px)/2));top:50%;margin-top:-330px}
.immersive .brand-halo{background:radial-gradient(ellipse,#27e4eb0c,transparent 68%);box-shadow:none}
.immersive .logo-float{animation-duration:9s}
.immersive .hero-foot{left:5.5%;right:5.5%;bottom:22px}
@media(min-width:1600px){.immersive{min-height:820px}.immersive .hero-copy{padding-top:110px}}
@media(max-width:1050px) and (min-width:761px){.immersive .hero-copy{width:48%;margin-left:5.5%}.immersive h1{font-size:82px}.immersive .brand-stage{right:-2%;width:49vw;height:550px;margin-top:-285px}}
@media(max-width:760px){.immersive{min-height:0;background:radial-gradient(ellipse at 50% 70%,#12343f55,transparent 48%),#05090d}.immersive .hero-copy{width:auto;margin:0;padding:48px 6% 0}.immersive h1{font-size:clamp(60px,17.5vw,83px)}.immersive .brand-stage{position:relative;width:min(360px,92%);height:340px;right:auto;top:auto;margin:20px auto 100px}.immersive .hero-foot{left:6%;right:6%}.immersive .hero-shade{background:none}}

@media(min-width:761px){.immersive .studio-plaque{bottom:60px}}

.immersive .hero-image{animation:none!important;transform:none!important;object-fit:fill;filter:none;opacity:1;will-change:auto}
.immersive #ocean{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:1;mask-image:none;pointer-events:none}
.immersive .hero-shade{background:linear-gradient(90deg,#05090de8 0%,#05090d94 32%,#05090d08 62%,#05090d0a),linear-gradient(0deg,#05090d 0%,transparent 25%,transparent 80%,#05090d33)}
@media(max-width:760px){.immersive .hero-image{object-fit:cover;object-position:62% center}.immersive .hero-shade{background:linear-gradient(180deg,#05090d90,transparent 70%,#05090d),linear-gradient(90deg,#05090d99,#05090d15)}}