.sh-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;background-color:var(--sea-ground)}.sh-canvas{position:absolute;left:0;top:0;width:50%;height:50%;transform:scale(2);transform-origin:0 0;opacity:0;transition:opacity .9s var(--ease-out)}.sh-field[data-state=live] .sh-canvas{opacity:1}.sh-still{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}@media (prefers-reduced-motion:reduce){.sh-canvas{transition:none}}.sh-field[data-scene=hero]{background-image:radial-gradient(38% 55% at 88% 82%,var(--sea-coral),transparent 70%),radial-gradient(55% 70% at 72% 40%,var(--sea-bright),transparent 72%),radial-gradient(70% 90% at 50% 100%,var(--sea),transparent 75%)}.sh-field[data-scene=pool]{background-color:var(--sea-deep);background-image:radial-gradient(45% 50% at 78% 22%,var(--sea-bright),transparent 72%),radial-gradient(35% 40% at 12% 90%,var(--sea-coral),transparent 70%),radial-gradient(70% 70% at 30% 60%,var(--sea),transparent 75%)}.sh-field[data-scene=docs]{background-color:var(--sea-foam);background-image:radial-gradient(55% 60% at 85% 85%,var(--sea-coral),transparent 70%),radial-gradient(60% 70% at 20% 30%,var(--sea-bright),transparent 72%),radial-gradient(60% 60% at 60% 60%,var(--sea),transparent 75%)}