/* One owner for the surface descent. No section-sized background rectangles. */
.home-page .hero{mask-image:none}
.home-page .hero:after{display:none}
.home-page .hero-art{mask-image:none}
.home-page .hero-entry-camera{mask-image:linear-gradient(#000 0 45%,transparent 98%)}
.home-page .hero-shade{background:linear-gradient(90deg,#06182999,transparent 88%);mask-image:linear-gradient(#000 45%,transparent 96%)}
.home-page .surface-light{mask-image:linear-gradient(transparent,#000 25%,transparent 90%)}
.home-page #sistemas,.home-page #sistemas .system-scene{background:none}
.home-page #sistemas:before{display:none}
.immersion-scene{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden;contain:strict;opacity:var(--dive-presence,0)}
.immersion-scene[hidden]{display:none}
.immersion-water{position:absolute;inset:-10%;background:radial-gradient(ellipse at 80% 45%,#17677d45,transparent 65%);mask-image:linear-gradient(transparent,#000 30% 65%,transparent)}
.immersion-rays{position:absolute;inset:-30%;background:conic-gradient(from 150deg at 67% 0%,transparent 0deg,#91efe529 7deg,transparent 12deg,#52cfe21c 20deg,transparent 29deg);transform:translateY(calc(var(--dive-progress,0) * -12%));mask-image:radial-gradient(ellipse,#000 15%,transparent 67%)}
.immersion-crystal{position:absolute;width:clamp(85px,13vw,210px);height:75vh;filter:drop-shadow(0 0 22px #2585a02b);opacity:.7}
.immersion-crystal svg{width:100%;height:100%;overflow:visible;mask-image:linear-gradient(transparent,#000 10% 62%,transparent 98%)}
.crystal-plane-0{left:-7%;mask-image:linear-gradient(to right,#000 55%,transparent);top:30%;transform:translate(calc(var(--dive-progress,0) * -30px + var(--crystal-release,0) * -150px),calc(var(--dive-progress,0) * -14vh + var(--crystal-residence,0) * -5vh + var(--crystal-release,0) * -35vh)) rotate(12deg) scale(1.25)}
.crystal-plane-1{right:-5%;mask-image:linear-gradient(to left,#000 55%,transparent);top:15%;transform:translate(calc(var(--dive-progress,0) * 24px + var(--crystal-release,0) * 130px),calc(var(--dive-progress,0) * -8vh + var(--crystal-residence,0) * -4vh + var(--crystal-release,0) * -28vh)) rotate(-17deg)}
.crystal-plane-2{right:19%;top:13%;width:5vw;opacity:.2;transform:translateY(calc(var(--dive-progress,0) * -5vh + var(--crystal-residence,0) * -3vh + var(--crystal-release,0) * -18vh)) rotate(8deg);filter:blur(1px)}
@media(max-width:640px){.immersion-crystal{width:90px;height:55vh}.crystal-plane-0{left:-40px;transform:translate(calc(var(--dive-progress,0) * -5px + var(--crystal-release,0) * -35px),calc(var(--dive-progress,0) * -10vh + var(--crystal-residence,0) * -3vh + var(--crystal-release,0) * -28vh)) rotate(8deg)}.crystal-plane-1{right:-40px;transform:translate(calc(var(--dive-progress,0) * 5px + var(--crystal-release,0) * 35px),calc(var(--dive-progress,0) * -7vh + var(--crystal-residence,0) * -3vh + var(--crystal-release,0) * -22vh)) rotate(-8deg)}.crystal-plane-2{right:4%;width:30px;opacity:.12}.immersion-rays{opacity:.7}}
@media(prefers-reduced-motion:reduce){.immersion-scene{display:none}}
body:not(.worlds-capable) .immersion-scene,.motion-paused .immersion-scene{display:none}