:root{--m:1px}.ocean-zone{isolation:isolate;position:relative;overflow:hidden}.ocean-zone>:not(.ocean-critter):not(.ocean-bub):not(.ocean-pause){z-index:1;position:relative}.ocean-light{--c:#0b3a66;--o:.26;--bub-edge:#00649473;--bub-shine:#ffffffe6;--bub-fill:#0064940f}.ocean-deep,.ocean-art{--c:#3c8dbd;--o:.38;--bub-edge:#e6f6ff80;--bub-shine:#ffffff8c;--bub-fill:#e6f6ff0f}.ocean-faint{--c:#0b3a66;--o:.2;--bub-edge:#00649459;--bub-shine:#ffffffe6;--bub-fill:#0064940d}.ocean-critter{z-index:0;width:var(--w);pointer-events:none;color:var(--c);opacity:calc(var(--o)*var(--k,1));will-change:transform;position:absolute}.ocean-critter svg{fill:currentColor;width:100%;height:auto;display:block;overflow:visible}.ocean-critter svg.ocean-flip{transform:scaleX(-1)}.ocean-lap{animation:ocean-lap var(--t)ease-in-out infinite}@keyframes ocean-lap{0%{transform:translate(0,0)scaleX(1)rotate(var(--a))}46%{transform:translate(var(--dx),var(--dy))scaleX(1)rotate(var(--a))}50%{transform:translate(var(--dx),var(--dy))scaleX(-1)rotate(calc(var(--a)*-1))}96%{transform:translate(0,0)scaleX(-1)rotate(calc(var(--a)*-1))}to{transform:translate(0,0)scaleX(1)rotate(var(--a))}}.ocean-hover{animation:7s ease-in-out infinite alternate ocean-hover}@keyframes ocean-hover{0%{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(calc(8*var(--u,1px)))rotate(.8deg)}to{transform:translateY(calc(-5*var(--u,1px)))rotate(-.3deg)}}.ocean-bub{z-index:0;width:var(--s);height:var(--s);border:1.5px solid var(--bub-edge);background:radial-gradient(circle at 32% 30%,var(--bub-shine)0 18%,var(--bub-fill)45%);animation:ocean-rise var(--d)linear var(--delay)infinite;pointer-events:none;border-radius:50%;position:absolute}@keyframes ocean-rise{0%{opacity:0;transform:translateY(0)}10%{opacity:.9}85%{opacity:.55}to{transform:translateY(var(--rise));opacity:0}}.ocean-reg{width:0;height:0;position:absolute}.ocean-art{position:absolute;inset:0;overflow:hidden;container-type:size}.ocean-stage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ocean-art-hero .ocean-stage{aspect-ratio:1440/900;--u:calc(max(100cqw,160cqh)/1440);width:max(100cqw,160cqh)}.ocean-art-panel .ocean-stage{aspect-ratio:720/900;--u:calc(max(100cqw,80cqh)/720);width:max(100cqw,80cqh)}.ocean-surface-scrim{background:radial-gradient(280px 100px at 90px 34px,#0b2a4ffa,#0b2a4f00),linear-gradient(#0b2a4fdb,#0b2a4fb3 72px,#0b2a4f00);height:180px;position:absolute;inset:0 0 auto}.ocean-calm-text{background:radial-gradient(70% 45% at 50% 42%,#0b2a4f8c,#0b2a4f00);display:none;position:absolute;inset:0}.ocean-calm-portrait{background:radial-gradient(closest-side,#0b2a4fb8,#0b2a4f00);display:none;position:absolute}.oc-h-diver{top:8.85%;left:63.89%}.oc-h-reg{top:20.93%;left:64.61%}.oc-h-shark{top:43.56%;left:77.08%}.oc-calm-1{width:34.72%;height:15.56%;top:15.11%;left:32.64%}.oc-calm-2{width:31.94%;height:12.44%;top:16.89%;left:34.03%}@media (max-aspect-ratio:3/4){.oc-h-diver{top:4.41%;left:37.85%}.oc-h-reg{top:16.49%;left:38.57%}.oc-h-shark{top:80.22%;left:38.89%}.ocean-calm-portrait,.ocean-calm-text{display:block}}.oc-a-diver{top:39.9%;left:43.4%}.oc-a-reg{top:50.91%;left:44.62%}.oc-a-school{top:10%;left:83.33%}.oc-a-turtle{top:52.22%;left:5.56%}.oc-a-manta{top:63.33%;left:81.25%}.oc-f-school{top:20px;right:2%}.oc-f-school2{bottom:26px;left:1%}.oc-f-surgeon{top:46%;left:2%}.oc-f-butterfly{top:68%;right:2%}.oc-s-turtle{bottom:12px;left:76%}.oc-t-manta{top:34px;left:2%}.oc-t-turtle{bottom:40px;right:3%}.oc-p-dusky{top:30%;left:0}.oc-p-blacktip{top:62%;right:0}.oc-p-far{top:6%;right:12%}.oc-c-ray{top:30px;right:5%}.oc-x-giant{top:18px;right:6%}.oc-l-school{top:38%;right:16px}.oc-l-turtle{top:390px;left:4%}.oc-l-ray{top:800px;right:5%}@media (max-width:1279px){.oc-l-school{display:none}}@media (max-width:1023px){.oc-l-turtle,.oc-l-ray{display:none}}@media (max-width:900px){.ocean-zone{--m:.55px}.oc-f-school{top:6px;right:0}.oc-f-surgeon,.oc-f-butterfly,.oc-p-far{display:none}.oc-s-turtle{inset:420px 0 auto auto}.oc-t-manta{top:8px;left:0}.oc-t-turtle{bottom:8px}.oc-p-dusky{top:10px}.oc-p-blacktip{top:auto;bottom:14px}.oc-c-ray{top:8px;right:0}}@media (prefers-color-scheme:dark){[data-ocean-dive] .ocean-zone{--c:#3c8dbd;--o:.45;--bub-edge:#e6f6ff80;--bub-shine:#ffffff8c;--bub-fill:#e6f6ff0f}[data-ocean-dive] .ocean-z1{background:linear-gradient(#0b2a4f,#0a2646)}[data-ocean-dive] .ocean-z2{background:linear-gradient(#0a2646,#09213e)}[data-ocean-dive] .ocean-z3{background:linear-gradient(#09213e,#081c36)}[data-ocean-dive] .ocean-z4{background:linear-gradient(#081c36,#07182f)}[data-ocean-dive] .ocean-z5{background:linear-gradient(#07182f,#061428)}[data-ocean-dive] .ocean-z6{background:linear-gradient(#061428,#040c1a)}[data-ocean-dive] :is(.ocean-z1,.ocean-z2,.ocean-z4) h2,[data-ocean-dive] .ocean-z3 blockquote{color:#f0f7ff}[data-ocean-dive] :is(.ocean-z1,.ocean-z2,.ocean-z3,.ocean-z4) :is(.text-gray-500,.text-gray-600){color:#f0f7ffbd}[data-ocean-dive] :is(.ocean-z1,.ocean-z2,.ocean-z3,.ocean-z4) .text-\[\#006494\]{color:#7dd3fc}[data-ocean-dive] .ocean-z3 .text-gray-400{color:#f0f7ff99}[data-ocean-dive] .ocean-z3 .bg-gray-300{background:#f0f7ff59}[data-ocean-dive] .ocean-z3 .bg-\[\#006494\]{background:#0ea5e9}}body[data-ocean-paused] :is(.ocean-critter,.ocean-bub),[data-ocean-offscreen] :is(.ocean-critter,.ocean-bub){animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.ocean-critter,.ocean-bub{animation:none!important}.ocean-bub,.ocean-pause{display:none!important}}