/* Restrained ocean layer: one hero whale and three distant supporting creatures. */
.marine-world{position:fixed!important;z-index:0!important;inset:0!important;opacity:1!important;overflow:hidden!important;pointer-events:none!important;contain:strict}
.marine-world .marine-creature{position:absolute!important;display:block!important;height:auto!important;opacity:.13!important;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--blue) 32%,transparent)) saturate(.88)!important;will-change:transform;animation:none!important}
.marine-world .marine-creature img{display:block;width:100%;height:auto;animation:none!important;clip-path:none!important}
.marine-world .shark-a{width:clamp(130px,11vw,185px)!important;inset:auto 4vw 68vh auto!important;transform:translate3d(0,0,0) rotate(-2deg)!important}
.marine-world .dolphin{width:clamp(145px,13vw,215px)!important;inset:38vh auto auto 3vw!important;transform:translate3d(0,0,0) rotate(3deg)!important;animation:ocean-drift-a 18s ease-in-out infinite!important}
.marine-world .shrimp{width:clamp(80px,7vw,118px)!important;inset:auto 8vw 10vh auto!important;opacity:.1!important;transform:translate3d(0,0,0) rotate(-7deg)!important;animation:ocean-drift-b 22s ease-in-out infinite!important}
.whale-scene{top:clamp(150px,20vh,225px)!important;width:clamp(480px,42vw,650px)!important;max-height:350px!important;opacity:.24!important;filter:saturate(.92) contrast(1.03)!important}
.whale-scene .whale-fish-school{width:18%!important;left:12%!important;top:62%!important;opacity:.22!important;animation:none!important}
.whale-scene .whale-glow{opacity:.08!important}
.whale-scene .whale-wake{display:none!important}
@keyframes ocean-drift-a{0%,100%{translate:0 0}50%{translate:18px -9px}}
@keyframes ocean-drift-b{0%,100%{translate:0 0}50%{translate:-14px 7px}}
@media(max-width:760px){.whale-scene{width:300px!important;left:-135px!important;top:145px!important;opacity:.15!important}.whale-scene .whale-fish-school{display:none!important}.marine-world .shark-a{display:none!important}.marine-world .dolphin{width:125px!important;left:auto!important;right:-34px!important;top:46vh!important;opacity:.08!important}.marine-world .shrimp{width:70px!important;right:4vw!important;bottom:13vh!important;opacity:.07!important}}
@media(prefers-reduced-motion:reduce){.marine-world .marine-creature{animation:none!important}}