.waterline{--line:38%;--mark-size:clamp(2.9rem,11.6vw,12rem);min-height:clamp(680px,105svh,1080px);display:flex;flex-direction:column;justify-content:flex-end}.waterline-sky{height:var(--line);background:linear-gradient(180deg,#fff,#f3fafa 55%,#eaf6f7)}.waterline[data-scene-active=false] *,.waterline[data-scene-active=false] :after,.waterline[data-scene-active=false] :before,.waterline[data-surface-active=false] .waterline-mark *,.waterline[data-surface-active=false] .waterline-reflection *{animation-play-state:paused!important}.waterline-water{top:var(--line);background:linear-gradient(180deg,#7fd1d8,#5cc0cc 45%,#45b0c0)}.waterline-water:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 34% 16% at 18% 5%,rgba(224,255,244,.24),transparent 78%),radial-gradient(ellipse 28% 13% at 68% 12%,rgba(199,248,250,.18),transparent 80%),radial-gradient(ellipse 42% 20% at 42% 30%,rgba(193,239,243,.11),transparent 82%);opacity:.42;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}.dark .waterline-sky{background:linear-gradient(180deg,#061a2e,#0a2a46 70%,#0e3d61)}.dark .waterline-water{background:linear-gradient(180deg,#166d8d,#12507a 55%,#0e3d61)}.waterline-transition{position:absolute;inset-inline:0;top:calc(var(--line) - 56px);height:140px;pointer-events:none;background:linear-gradient(180deg,rgba(208,238,240,0),#d0eef0 24%,#c1e9ec 40%,#a1dce2 54%,rgba(127,209,216,.86) 72%,rgba(127,209,216,0))}.dark .waterline-transition{background:linear-gradient(180deg,rgba(14,61,97,0),#0e3d61 24%,#12516d 40%,#166582 54%,rgba(22,109,141,.86) 72%,rgba(22,109,141,0))}.waterline[data-sea-time=dawn] .waterline-transition{background:linear-gradient(180deg,rgba(255,197,180,0),#edcbc5 24%,#c8d8d8 40%,#a0dbe0 54%,rgba(127,209,216,.86) 72%,rgba(127,209,216,0))}.waterline[data-sea-time=dusk] .waterline-transition{background:linear-gradient(180deg,hsla(26,89%,68%,0),#eab38e 24%,#c4c4bb 40%,#a0d7d8 54%,rgba(127,209,216,.86) 72%,rgba(127,209,216,0))}.dark .waterline[data-sea-time=dawn] .waterline-transition{background:linear-gradient(180deg,rgba(100,66,77,0),#584353 24%,#315066 40%,#1b617c 54%,rgba(22,109,141,.86) 72%,rgba(22,109,141,0))}.dark .waterline[data-sea-time=dusk] .waterline-transition{background:linear-gradient(180deg,rgba(143,68,56,0),#95574e 24%,#655b60 40%,#2e6578 54%,rgba(22,109,141,.86) 72%,rgba(22,109,141,0))}.waterline[data-sea-time=night] .waterline-transition{background:linear-gradient(180deg,rgba(23,63,102,0),#173f66 24%,#194f70 40%,#1a5b79 54%,rgba(26,95,126,.86) 72%,rgba(26,95,126,0))}.dark .waterline[data-sea-time=night] .waterline-transition{background:linear-gradient(180deg,rgba(10,44,74,0),#0a2c4a 24%,#0b3b56 40%,#0c4661 54%,rgba(12,74,102,.86) 72%,rgba(12,74,102,0))}.waterline-mark,.waterline-reflection{--sink:0.24em;position:absolute;top:var(--line);left:50%;display:grid;margin:0;font-family:var(--font-display),system-ui,sans-serif;font-size:var(--mark-size);font-weight:800;font-stretch:140%;letter-spacing:-.04em;line-height:.86;white-space:nowrap}.waterline-reflection{display:block}.waterline-mark{transform:translate(-50%,calc(-100% + var(--sink)));z-index:2;animation:none}.waterline-mark>span{grid-area:1/1;padding:0 .04em}.waterline-mark-above{color:#061a2e;clip-path:none;filter:drop-shadow(0 .08em .16em rgba(6,26,46,.25))}.waterline-letter{position:relative;display:inline-block;animation:waterline-bob 5.5s ease-in-out infinite;animation-delay:calc(var(--i) * -.45s)}@keyframes waterline-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.03em)}}.waterline-mark-above .waterline-letter{background-image:linear-gradient(100deg,transparent 0 42%,hsla(0,0%,100%,.45) 48%,hsla(0,0%,100%,.1) 52%,transparent 57% 100%),linear-gradient(180deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,0) 9%),linear-gradient(180deg,#1b5a82,#0a2a46 22%,#061a2e 55%,#0e3d61 80%,#165b7d);background-size:320% 100%,100% 100%,100% 100%;background-position:160% 0,0 0,0 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:waterline-bob 5.5s ease-in-out infinite,waterline-sheen 8s ease-in-out infinite;animation-delay:calc(var(--i) * -.45s),calc(1.4s + var(--i) * .09s)}.dark .waterline-mark-above{color:#eaf6f7;filter:drop-shadow(0 .08em .2em rgba(0,0,0,.55))}.dark .waterline-mark-above .waterline-letter{background-image:linear-gradient(100deg,transparent 0 38%,hsla(0,0%,100%,.9) 47%,hsla(0,0%,100%,.2) 53%,transparent 60% 100%),linear-gradient(180deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,0) 9%),linear-gradient(180deg,#fff,#eaf6f7 40%,#d2eef0 62%,#7fd1d8 78%,#45b0c0 84%)}@keyframes waterline-sheen{0%,72%{background-position:160% 0,0 0,0 0}to{background-position:-60% 0,0 0,0 0}}.waterline-drop{position:absolute;left:50%;top:30%;width:.06em;height:.084em;border-radius:50% 50% 50% 50%/64% 64% 36% 36%;background:radial-gradient(circle at 34% 30%,hsla(0,0%,100%,.95) 0 14%,hsla(0,0%,100%,0) 24%),radial-gradient(ellipse at 50% 70%,#c9eef2 0,#7fd1d8 45%,#1f8aa3 85%,#0e3d61 100%);box-shadow:inset 0 -.006em .008em rgba(6,26,46,.4),0 .006em .008em rgba(6,26,46,.25);transform-origin:50% 0;opacity:0;animation:waterline-drip 5.6s linear infinite;animation-delay:var(--d)}.waterline-drop:before{content:"";position:absolute;left:50%;bottom:70%;width:.016em;height:0;border-radius:1em;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(220,245,248,.6));transform:translateX(-50%);animation:waterline-drip-trail 5.6s linear infinite;animation-delay:var(--d)}@keyframes waterline-drip{0%{opacity:0;transform:translate(-50%) scale(.2)}14%{opacity:1;transform:translate(-50%) scale(1)}44%{opacity:1;transform:translate(-50%,.03em) scale(1.05,1.08);animation-timing-function:cubic-bezier(.5,0,.9,.6)}62%{opacity:1;transform:translate(-50%,.45em) scale(.85,1.35)}63%,to{opacity:0;transform:translate(-50%,.5em) scale(.85,1.35)}}@keyframes waterline-drip-trail{0%,44%{height:0;opacity:0}52%{height:.1em;opacity:1}62%{height:.26em;opacity:.8}80%,to{height:.26em;opacity:0}}.waterline-mark-below{display:none}.dark .waterline-mark-below{color:#7fd1d8;opacity:.6}.waterline[data-sea-performance=balanced] .seatime-glitter,.waterline[data-sea-performance=balanced] .waterline-mark-above,.waterline[data-sea-performance=balanced] .waterline-mark-below,.waterline[data-sea-performance=balanced] .waterline-reflection{filter:none!important}.waterline-reflection{transform-origin:50% top;transform:translate(-50%) scaleY(-.6);padding:0 .04em;color:#7fd1d8;opacity:.3;filter:blur(2px);z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 80%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 80%);animation:none}.dark .waterline-reflection{color:#7fd1d8;opacity:.25}@keyframes waterline-surge{0%{font-stretch:58%;letter-spacing:.02em;opacity:0}35%{opacity:1}to{font-stretch:140%;letter-spacing:-.04em;opacity:1}}@keyframes waterline-reflect{0%{font-stretch:58%;letter-spacing:.02em;opacity:0}to{font-stretch:140%;letter-spacing:-.04em}}.waterline-surface{display:none}.waterline-crest{position:absolute;left:0;right:0;width:100%;top:calc(var(--line) - 60px);height:72px;z-index:3;pointer-events:none}.waterline-wave{display:block;width:200%;height:100%;fill:#7fd1d8;animation:waterline-swell 16s linear infinite}.dark .waterline-wave{fill:#166d8d}@keyframes waterline-swell{to{transform:translateX(-50%)}}.waterline-rings{display:none}.waterline-rings i{position:absolute;top:0;width:calc(var(--mark-size) * .6);height:calc(var(--mark-size) * .07);border:1.5px solid hsla(0,0%,100%,.85);border-radius:50%;opacity:0;animation:waterline-ring 4.6s ease-out infinite;animation-delay:var(--d)}@keyframes waterline-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}12%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.waterline-shark{--shark-w:clamp(200px,23vw,380px);width:var(--shark-w);height:calc(var(--shark-w) * var(--shark-aspect, .54));transform:translate3d(70vw,70vh,0) translate(-50%,-50%);z-index:3;opacity:1;filter:brightness(calc(1 - var(--turn, 0) * .2)) drop-shadow(0 18px 14px rgba(6,26,46,.18));will-change:transform;pointer-events:none}.waterline-shark:not(.is-ready){visibility:hidden}.waterline-shark{--water-depth:0.5}.dark .waterline-shark{opacity:1}.waterline-fish,.waterline-fish-near{opacity:0;transition:none}.waterline-fish-near.is-ready,.waterline-fish.is-ready{opacity:1}.waterline-fish{top:var(--line);width:100%;height:calc(100% - var(--line));z-index:1;pointer-events:none}.waterline-content{z-index:4;padding-bottom:clamp(1.5rem,4vw,3rem)}.waterline-rays{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.5) 45%,transparent 90%);mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.5) 45%,transparent 90%)}.waterline-rays i{position:absolute;top:-10%;height:130%;background:linear-gradient(180deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.08) 70%,transparent);filter:blur(6px);transform-origin:50% 0;transform:skewX(-14deg);opacity:.55;animation:waterline-ray 9s ease-in-out infinite alternate;animation-delay:calc(var(--d) * -1)}.dark .waterline-rays i{background:linear-gradient(180deg,rgba(127,209,216,.35),rgba(127,209,216,.05) 70%,transparent)}@keyframes waterline-ray{0%{transform:skewX(-18deg);opacity:.35}50%{opacity:.7}to{transform:skewX(-9deg);opacity:.4}}.waterline-seabed{width:100%;height:clamp(120px,16vw,220px);z-index:1;pointer-events:none}.seabed-sand{fill:#3d9fb0;opacity:.55}.seabed-rock{fill:#2a7f93;opacity:.6}.seabed-rock-far{opacity:.4}.seabed-weed{animation:seabed-sway 4.8s ease-in-out infinite alternate}.seabed-weed-0{fill:#2f8f7f;opacity:.55}.seabed-weed-1{fill:#237568;opacity:.5}.dark .seabed-sand{fill:#0b3150;opacity:.7}.dark .seabed-rock{fill:#082a45;opacity:.75}.dark .seabed-weed-0{fill:#13594f}.dark .seabed-weed-1{fill:#0f4a43}@keyframes seabed-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3.5deg)}}.seabed-weed-current{animation:ocean-current-sway var(--current-period,14s) linear infinite;animation-delay:calc(var(--current-delay, 0s) + var(--lag, 0s))}@keyframes ocean-current-sway{0%{transform:rotate(0deg);animation-timing-function:ease-out}25%{transform:rotate(var(--sway,4deg));animation-timing-function:ease-in-out}75%{transform:rotate(calc(var(--sway, 4deg) * -1));animation-timing-function:ease-in}to{transform:rotate(0deg)}}@media (prefers-reduced-motion:reduce){.seabed-weed-current{animation:none}}@media (max-width:640px){.waterline-seabed{height:110px}}.seabed-rock-den{fill:#3593a5;opacity:1}.dark .seabed-rock-den{fill:#0a2f4c;opacity:1}.seabed-life{opacity:.92}.seabed-star path{stroke-linejoin:round}.seabed-star-0 path:first-child{fill:#e07a45;stroke:#e07a45;stroke-width:2.2}.seabed-star-1 path:first-child{fill:#d0564f;stroke:#d0564f;stroke-width:2.2}.seabed-star-2 path:first-child{fill:#e99a52;stroke:#e99a52;stroke-width:2}.seabed-star-dots{fill:none;stroke:rgba(255,226,190,.55);stroke-width:.7;stroke-dasharray:.6 1.6;stroke-linecap:round}.seabed-star-0{--reef-star-color:#e07a45}.seabed-star-1{--reef-star-color:#d0564f}.seabed-star-2{--reef-star-color:#e99a52}.reef-star{fill:var(--reef-star-color,#a57e6d)}.reef-star .reef-star-arm>path:first-child{fill:var(--reef-star-color,#a57e6d);stroke:none}.reef-star .reef-star-detail{fill:none;stroke:#ffe2be;stroke-width:.65;stroke-dasharray:.5 1.8;stroke-linecap:round;opacity:.55}.reef-star-arm{transform-origin:0 0;animation:reef-star-reach 18s ease-in-out infinite;animation-play-state:paused}.reef-urchin-spine{animation:reef-spine-feel 8s ease-in-out infinite;animation-play-state:paused}.reef-coral-flex{transform-origin:0 0;animation:reef-coral-current 12s ease-in-out infinite;animation-play-state:paused}[data-reef-active=true] .reef-coral-flex,[data-reef-active=true] .reef-star-arm,[data-reef-active=true] .reef-urchin-spine{animation-play-state:running}@keyframes reef-star-reach{0%,to{transform:rotate(-2deg) scaleY(.97)}45%{transform:rotate(3deg) scaleY(1.05)}70%{transform:rotate(1deg) scaleY(1.01)}}@keyframes reef-spine-feel{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes reef-coral-current{0%,to{transform:skewX(-1.5deg) scaleY(.995)}50%{transform:skewX(2deg) scaleY(1.015)}}@media (prefers-reduced-motion:reduce){.reef-coral-flex,.reef-star-arm,.reef-urchin-spine{animation:none}}.seabed-urchin-body{fill:#3b2a4f}.seabed-urchin-spines{stroke:#2c2140;stroke-width:.55;stroke-linecap:round;fill:none}.seabed-pebbles{fill:#7fb6bd;opacity:.8}.seabed-shell path:first-child{fill:#f1dcc4}.seabed-shell-b path:first-child{fill:#e9c3b6}.seabed-shell-ribs{fill:none;stroke:#c9a88c;stroke-width:.5}.seabed-hermit-shell{fill:#d9b48a}.seabed-hermit-whorl{fill:none;stroke:#a8805c;stroke-width:.7}.seabed-hermit-legs{fill:none;stroke:#c4553f;stroke-width:.8;stroke-linecap:round}.seabed-hermit-eye{fill:#2a1c1c}.seabed-hermit{animation:seabed-hermit 46s ease-in-out infinite}.seabed-hermit-legs{animation:seabed-hermit-legs 46s linear infinite}@keyframes seabed-hermit{0%,22%{transform:translateX(0)}30%{transform:translateX(7px)}31%,63%{transform:translateX(7px) rotate(-3deg)}64%,72%{transform:translateX(7px)}86%,to{transform:translateX(0)}}@keyframes seabed-hermit-legs{0%,22%,30%,72%,86%,to{opacity:1;transform:none}23%,25%,27%,29%,73%,76%,79%,82%,85%{transform:translateY(-.4px)}24%,26%,28%,74%,77%,80%,83%{transform:translateY(.3px)}}.dark .seabed-life{opacity:.7}.waterline[data-sea-time=night] .seabed-life{opacity:.5}.dark .waterline[data-sea-time=night] .seabed-life{opacity:.42}.seabed-anemone-spot{fill:none}@media (max-width:640px){.seabed-anemone-spot,.seabed-extra{display:none}}.seabed-caustics{position:absolute;left:0;right:0;bottom:0;height:clamp(120px,16vw,220px);z-index:1;overflow:hidden;pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mix-blend-mode:screen;opacity:calc((.42 - var(--dawn) * .2 - var(--dusk) * .24) * (1 - var(--night)));transition:opacity var(--sea-fade,4s) ease}.seabed-caustics i{position:absolute;inset:-400px;background-image:var(--caustic-a);background-size:384px 150px;will-change:transform;animation:seabed-caustic-a 34s linear infinite}.seabed-caustics i+i{background-image:var(--caustic-b);background-size:300px 118px;opacity:.8;animation:seabed-caustic-b 25s linear infinite}@keyframes seabed-caustic-a{0%{transform:translateZ(0)}to{transform:translate3d(384px,150px,0)}}@keyframes seabed-caustic-b{0%{transform:translateZ(0)}to{transform:translate3d(-300px,118px,0)}}.dark .seabed-caustics{opacity:calc((.24 - var(--dawn) * .1 - var(--dusk) * .12) * (1 - var(--night)))}.waterline[data-sea-time=night] .seabed-caustics{opacity:0}.waterline[data-sea-time=night] .seabed-caustics i{animation-play-state:paused}@media (max-width:640px){.seabed-caustics{height:110px}}@media (prefers-reduced-motion:reduce){.seabed-caustics i,.seabed-hermit,.seabed-hermit-legs{animation:none}}.waterline-visitors{position:absolute;inset:0;overflow:hidden;pointer-events:none}.visitor{position:absolute;left:0;top:0;z-index:1;visibility:hidden;will-change:transform}.visitor-crab{z-index:2}.visitor.is-ready{visibility:visible}.visitor.is-away{display:none}.visitor-body{position:relative;width:100%}.visitor-motion{display:block;width:100%;height:auto}.visitor-body img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;opacity:0;user-select:none}.visitor-body img.is-on{opacity:1}.visitor-turtle{width:clamp(44px,5.4vw,96px);opacity:0;filter:saturate(.85)}.visitor-turtle .visitor-body{aspect-ratio:300/248}.visitor-crab{width:clamp(36px,3.2vw,50px)}.visitor-crab .visitor-body{aspect-ratio:220/140}.visitor-octopus{display:none;width:clamp(60px,5.4vw,84px);z-index:2;transform-origin:50% 95%}.visitor-octopus .visitor-body{aspect-ratio:168/151;transform-origin:50% 95%}.visitor-octopus img{transition:none}.dark .visitor{filter:brightness(.72) saturate(.8)}@media (max-width:640px){.visitor-turtle{width:44px}.visitor-octopus{display:none}}.waterline-letter.is-dipping{animation-name:waterline-bob,waterline-dip}.waterline-mark-above .waterline-letter.is-dipping{animation-name:waterline-bob,waterline-sheen,waterline-dip}.waterline-letter.is-dipping{animation-duration:5.5s,.9s;animation-timing-function:ease-in-out,cubic-bezier(.3,0,.3,1);animation-iteration-count:infinite,1;animation-delay:calc(var(--i) * -.45s),0s}.waterline-mark-above .waterline-letter.is-dipping{animation-duration:5.5s,8s,.9s;animation-iteration-count:infinite,infinite,1;animation-timing-function:ease-in-out,ease-in-out,cubic-bezier(.3,0,.3,1);animation-delay:calc(var(--i) * -.45s),calc(1.4s + var(--i) * .09s),0s}@keyframes waterline-dip{0%{translate:0 0}35%{translate:0 .1em}70%{translate:0 -.025em}to{translate:0 0}}.waterline-splashes{position:absolute;inset:0;z-index:3;pointer-events:none}.waterline-splash-ring{position:absolute;width:calc(90px * var(--s, 1));height:calc(12px * var(--s, 1));border:2px solid hsla(0,0%,100%,.9);border-radius:50%;animation:waterline-splash-ring 1.2s ease-out forwards}@keyframes waterline-splash-ring{0%{opacity:1;transform:translate(-50%,-50%) scale(.15)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.waterline-splash-drop{position:absolute;width:5px;height:6px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#eaf6f7;box-shadow:0 0 0 1px rgba(31,138,163,.35);animation:waterline-splash-drop .75s cubic-bezier(.2,.6,.4,1) forwards}@keyframes waterline-splash-drop{0%{transform:translate(-50%,-50%);opacity:1}50%{transform:translate(calc(-50% + var(--dx) * .6),calc(-50% + var(--dy)));opacity:1}to{transform:translate(calc(-50% + var(--dx)),-50%);opacity:0}}.waterline-pebble{position:absolute;display:block;width:var(--pw,9px);height:var(--ph,7px);clip-path:none!important;box-shadow:inset 0 -3px 4px rgba(6,26,46,.4),inset 0 2px 2px hsla(0,0%,100%,.7),0 4px 8px rgba(6,26,46,.25);border:1.5px solid rgba(6,26,46,.35);overflow:hidden;opacity:1!important;mix-blend-mode:normal;animation:none!important;z-index:6;pointer-events:none;will-change:transform;transform-style:flat;perspective:none;backface-visibility:visible}.waterline-pebble:before{background:radial-gradient(ellipse 55% 26% at 32% 24%,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.4) 50%,transparent 80%);opacity:.95}.waterline-pebble:after,.waterline-pebble:before{content:"";position:absolute;inset:0;pointer-events:none}.waterline-pebble:after{background:radial-gradient(circle 2.5px at 58% 34%,hsla(0,0%,100%,.85) 0,transparent 100%);opacity:.9}.waterline-pebble.is-sinking{animation:waterline-pebble-sink var(--sink-duration,.85s) ease-in forwards}.waterline-pebble.is-settled{animation:none;transform:translate(-50%,-50%) rotate(var(--r,0deg));z-index:2}@keyframes waterline-pebble{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,calc(-50% + var(--fall))) rotate(var(--spin-start,200deg))}}@keyframes waterline-pebble-sink{0%{transform:translate(-50%,calc(-50% + var(--fall))) rotate(var(--spin-start,200deg))}to{transform:translate(calc(-50% + var(--roll, 0px)),calc(-50% + var(--fall) + var(--sink))) rotate(var(--spin-end,420deg))}}.waterline-pebble[data-shape="0"]{border-radius:48% 52% 44% 46%/45% 48% 52% 45%;background:linear-gradient(140deg,#7dd3fc,#38bdf8 45%,#0284c7);border-color:#0369a1}.waterline-pebble[data-shape="1"]{border-radius:42% 48% 52% 38%/46% 42% 48% 44%;background:linear-gradient(140deg,#fde047,#f59e0b 45%,#d97706);border-color:#b45309}.waterline-pebble[data-shape="2"]{border-radius:54% 46% 42% 48%/48% 52% 44% 46%;background:linear-gradient(140deg,#6ee7b7,#34d399 45%,#059669);border-color:#047857}.waterline-pebble[data-shape="3"]{border-radius:45% 55% 48% 42%/52% 45% 42% 48%;background:linear-gradient(140deg,#fda4af,#fb7185 45%,#e11d48);border-color:#be123c}.waterline-pebble[data-shape="4"]{border-radius:50% 50% 45% 45%/44% 44% 56% 56%;background:linear-gradient(140deg,#e2e8f0,#94a3b8 45%,#475569);border-color:#334155}.waterline-pebble[data-shape="5"]{border-radius:44% 46% 54% 46%/52% 48% 45% 45%;background:linear-gradient(140deg,#93c5fd,#60a5fa 45%,#2563eb);border-color:#1d4ed8}.waterline-pebble[data-shape="6"]{border-radius:46% 44% 42% 48%/44% 48% 46% 44%;background:linear-gradient(140deg,#d8b4fe,#c084fc 45%,#9333ea);border-color:#7e22ce}.waterline-pebble[data-shape="7"]{border-radius:52% 48% 46% 54%/46% 44% 56% 44%;background:linear-gradient(140deg,#fed7aa,#fb923c 45%,#ea580c);border-color:#c2410c}.waterline-sound{position:absolute;top:1rem;right:1rem;z-index:5;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;color:#061a2e;background:hsla(0,0%,100%,.7);border:1px solid rgba(6,26,46,.15);backdrop-filter:blur(6px);transition:background-color .2s,transform .2s}.waterline-sound:hover{background:#fff;transform:scale(1.06)}.waterline-sound:focus-visible{outline:2px solid #061a2e;outline-offset:3px}.waterline-sound[aria-pressed=true]{background:var(--buoy);border-color:transparent}.dark .waterline-sound{color:#eaf6f7;background:rgba(6,26,46,.6);border-color:rgba(234,246,247,.2)}.dark .waterline-sound:focus-visible{outline-color:#eaf6f7}.dark .waterline-sound[aria-pressed=true]{color:#061a2e;background:var(--buoy)}.depth-shallows{background:linear-gradient(180deg,#45b0c0,#2b9cb2);color:#061a2e}.depth-open{background:linear-gradient(180deg,#2b9cb2,#1f8aa3 12%,#12507a 55%,#0a2a46);color:#eaf6f7}.dark .depth-shallows{background:linear-gradient(180deg,#0e3d61,#0c3452);color:#eaf6f7}.dark .depth-open{background:linear-gradient(180deg,#0c3452,#0a2a46 50%,#061a2e)}@media (max-width:640px){.waterline{--line:clamp(112px,19svh,152px);--mark-size:16vw;min-height:560px;min-height:clamp(500px,68svh,620px)}.waterline-content{padding-top:270px;padding-bottom:2rem}.waterline-content ul{margin-top:1.25rem;gap:.25rem 1rem}.waterline-mark,.waterline-reflection{font-stretch:108%}.waterline-mark,.waterline-reflection{animation:none}.waterline-shark{--shark-w:150px}}@media (max-width:380px){.waterline-content .btn-primary,.waterline-content .btn-secondary{padding-inline:1rem;font-size:.875rem}}@keyframes waterline-surge-narrow{0%{font-stretch:58%;letter-spacing:.02em;opacity:0}35%{opacity:1}to{font-stretch:108%;letter-spacing:-.04em;opacity:1}}@media (prefers-reduced-motion:reduce){.waterline-letter,.waterline-mark,.waterline-reflection,.waterline-wave{animation:none}.waterline-rings,.waterline-splashes{display:none}.seabed-weed,.waterline-mark-above .waterline-letter,.waterline-rays i{animation:none}.waterline-drop{display:none}}.waterline{--dawn:0;--dusk:0;--night:0}.waterline-sky:after,.waterline-sky:before{content:"";position:absolute;inset:0;transition:opacity var(--sea-fade,4s) ease}.waterline-sky:before{background:linear-gradient(180deg,rgba(255,228,220,0),rgba(255,210,196,.5) 50%,rgba(255,184,164,.85));opacity:var(--dawn)}.waterline-sky:after{background:linear-gradient(180deg,#5b4b8a,#9a5d8f 34%,#e07a6a 68%,#f6a465);opacity:var(--dusk)}.dark .waterline-sky:before{background:linear-gradient(180deg,hsla(0,53%,65%,0),hsla(0,53%,65%,0) 40%,hsla(3,61%,65%,.2) 72%,rgba(255,150,110,.42))}.dark .waterline-sky:after{background:linear-gradient(180deg,#120f33,#3b2357 38%,#6e3456 72%,#8f4438)}.seatime-sky{position:absolute;inset:0 0 auto;height:var(--line);overflow:hidden;pointer-events:none}.seatime-night-sky,.waterline-water:after{transition:opacity var(--sea-fade,4s) ease;opacity:calc(var(--night) * .24)}.waterline[data-sea-time=night] .seatime-night-sky,.waterline[data-sea-time=night] .waterline-water:after{opacity:calc(.8 + var(--night) * .2)}.seatime-night-sky{position:absolute;inset:0;background:linear-gradient(180deg,#071a33,#0d2b4d 60%,#173f66)}.dark .seatime-night-sky{background:linear-gradient(180deg,#020a16,#051a30 60%,#0a2c4a)}.waterline-water:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1a5f7e,#124a6b 45%,#0f4565)}.dark .waterline-water:after{background:linear-gradient(180deg,#0c4a66,#08304f 55%,#061f38)}.waterline-rays{z-index:1;opacity:calc(1 - var(--dawn) * .35 - var(--dusk) * .1 - var(--night) * .55)}.seatime-stars{position:absolute;inset:0;opacity:var(--night);background:radial-gradient(circle at 6% 14%,#fff 0 1px,transparent 1.7px),radial-gradient(circle at 13% 38%,#fff 0 .8px,transparent 1.4px),radial-gradient(circle at 19% 9%,#fdf3d8 0 1.3px,transparent 2px),radial-gradient(circle at 27% 27%,#fff 0 .8px,transparent 1.4px),radial-gradient(circle at 34% 12%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 42% 33%,#dfe9ff 0 .8px,transparent 1.4px),radial-gradient(circle at 49% 7%,#fff 0 1.2px,transparent 1.9px),radial-gradient(circle at 57% 22%,#fff 0 .8px,transparent 1.4px),radial-gradient(circle at 64% 10%,#fdf3d8 0 1px,transparent 1.6px),radial-gradient(circle at 70% 36%,#fff 0 .8px,transparent 1.4px),radial-gradient(circle at 91% 30%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 96% 12%,#dfe9ff 0 .8px,transparent 1.4px);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 75%);mask-image:linear-gradient(180deg,#000 30%,transparent 75%);animation:seatime-twinkle 4.2s ease-in-out infinite alternate}.seatime-stars-b{background:radial-gradient(circle at 3% 31%,#fff 0 .8px,transparent 1.4px),radial-gradient(circle at 10% 22%,#fff 0 1.1px,transparent 1.8px),radial-gradient(circle at 23% 18%,#dfe9ff 0 .8px,transparent 1.4px),radial-gradient(circle at 31% 41%,#fff 0 .7px,transparent 1.3px),radial-gradient(circle at 38% 21%,#fff 0 1.3px,transparent 2px),radial-gradient(circle at 46% 16%,#fdf3d8 0 .8px,transparent 1.4px),radial-gradient(circle at 53% 34%,#fff 0 .8px,transparent 1.4px),radial-gradient(circle at 61% 5%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 67% 25%,#dfe9ff 0 1px,transparent 1.6px),radial-gradient(circle at 75% 8%,#fff 0 .8px,transparent 1.4px),radial-gradient(circle at 87% 20%,#fff 0 1.2px,transparent 1.9px),radial-gradient(circle at 93% 40%,#fdf3d8 0 .8px,transparent 1.4px);animation-duration:5.6s;animation-delay:-2.4s}@keyframes seatime-twinkle{0%{opacity:calc(var(--night) * .35)}to{opacity:var(--night)}}.seatime-moon{--moon:clamp(34px,3.6vw,58px);position:absolute;left:80%;top:16%;width:var(--moon);height:var(--moon);border-radius:50%;background:radial-gradient(circle at 62% 38%,hsla(50,23%,70%,.45) 0 14%,transparent 22%),radial-gradient(circle at 38% 64%,hsla(50,23%,70%,.35) 0 11%,transparent 19%),radial-gradient(circle at 36% 34%,#fffdf2 0,#f4efd8 55%,#e3dcbd 100%);box-shadow:0 0 calc(var(--moon) * .5) calc(var(--moon) * .12) rgba(255,248,220,.28),0 0 calc(var(--moon) * 1.6) rgba(220,232,255,.18);opacity:var(--night);transition:opacity var(--sea-fade,4s) ease}.seatime-water{position:absolute;inset:var(--line) 0 0;overflow:hidden;pointer-events:none}.seatime-glow{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,176,112,.48),hsla(10,80%,71%,.16) 18%,transparent 40%);opacity:calc(var(--dusk) + var(--dawn) * .45);transition:opacity var(--sea-fade,4s) ease}.dark .seatime-glow{background:linear-gradient(180deg,rgba(240,140,90,.42),hsla(0,45%,61%,.14) 18%,transparent 40%)}.seatime-glitter{position:absolute;top:2px;left:calc(80% + clamp(34px, 3.6vw, 58px) / 2);width:clamp(90px,12vw,200px);height:46%;transform:translateX(-50%);background:repeating-linear-gradient(180deg,transparent 0 4px,rgba(255,250,228,.85) 4px 5.5px,transparent 5.5px 9px,rgba(255,250,228,.5) 9px 10px,transparent 10px 15px);clip-path:polygon(45% 0,55% 0,92% 100%,8% 100%);-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.55) 40%,transparent),repeating-linear-gradient(97deg,#000 0 7px,transparent 7px 12px,#000 12px 19px,transparent 19px 29px,#000 29px 33px,transparent 33px 41px),repeating-linear-gradient(81deg,#000 0 17px,transparent 17px 22px);-webkit-mask-composite:source-in,source-in;mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.55) 40%,transparent),repeating-linear-gradient(97deg,#000 0 7px,transparent 7px 12px,#000 12px 19px,transparent 19px 29px,#000 29px 33px,transparent 33px 41px),repeating-linear-gradient(81deg,#000 0 17px,transparent 17px 22px);mask-composite:intersect;filter:blur(.4px);opacity:calc(var(--night) * .9);transition:opacity var(--sea-fade,4s) ease;animation:seatime-glitter 2.8s ease-in-out infinite alternate}@keyframes seatime-glitter{0%{background-position:0 0}to{background-position:0 6px}}.waterline[data-sea-time=dusk] .waterline-rays i{background:linear-gradient(180deg,rgba(255,200,128,.6),rgba(255,168,112,.1) 55%,transparent 80%);rotate:14deg;scale:1 .72}.waterline[data-sea-time=night] .waterline-rays i{background:linear-gradient(180deg,rgba(222,234,255,.42),rgba(200,220,255,.05) 60%,transparent)}.waterline[data-sea-time=night] .waterline-mark-above{color:#eaf6f7;filter:drop-shadow(0 .08em .2em rgba(0,0,0,.55))}.waterline[data-sea-time=night] .waterline-mark-above .waterline-letter{background-image:linear-gradient(100deg,transparent 0 38%,hsla(0,0%,100%,.9) 47%,hsla(0,0%,100%,.2) 53%,transparent 60% 100%),linear-gradient(180deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,0) 9%),linear-gradient(180deg,#fff,#eaf6f7 40%,#d2eef0 62%,#7fd1d8 78%,#45b0c0 84%)}.waterline[data-sea-time=night] .waterline-mark-below{display:none}.waterline[data-sea-time=night] .waterline-reflection{color:#7fd1d8;opacity:.25}.waterline[data-sea-time=night] .waterline-wave{fill:#1a5f7e}.dark .waterline[data-sea-time=night] .waterline-wave{fill:#0c4a66}.waterline[data-sea-time=night] .waterline-rings i{border-color:rgba(222,234,255,.5)}html:not(.dark) .waterline-content ul{color:#061a2e}.waterline[data-sea-time=night] .waterline-content p{color:#eaf6f7}.waterline[data-sea-time=night] .waterline-content ul{color:rgba(210,238,240,.9)}.waterline[data-sea-time=night] .waterline-content .btn-secondary{color:#eaf6f7}.waterline[data-sea-time=night] .waterline-content .btn-secondary:hover{color:#061a2e;background-color:#eaf6f7;border-color:#eaf6f7}.waterline[data-sea-time=night] .seabed-sand{fill:#0b3150;opacity:.7}.waterline[data-sea-time=night] .seabed-rock{fill:#082a45;opacity:.75}.waterline[data-sea-time=night] .seabed-rock-den{fill:#0a2f4c;opacity:1}.waterline[data-sea-time=night] .seabed-weed-0{fill:#13594f}.waterline[data-sea-time=night] .seabed-weed-1{fill:#0f4a43}.waterline[data-sea-time=night] .waterline-fish{filter:brightness(.72) saturate(.85)}.dark .waterline[data-sea-time=night] .waterline-fish{filter:brightness(.62) saturate(.8)}.waterline[data-sea-time=night] .visitor{filter:brightness(.66) saturate(.8)}.dark .waterline[data-sea-time=night] .visitor{filter:brightness(.58) saturate(.75)}@media (max-width:640px){.seatime-moon{left:76%;top:26%}.seatime-glitter{left:calc(76% + clamp(34px, 3.6vw, 58px) / 2)}}@media (prefers-reduced-motion:reduce){.seatime-glitter,.seatime-stars{animation:none}.seatime-glitter{filter:none}}.deepdive{--depth:0;--open-top:50%;padding-bottom:clamp(260px,26vw,340px);background:linear-gradient(180deg,#45b0c0,#2b9cb2 30%,#1f8aa3 50%,#12507a 75%,#0a2a46)}.dark .deepdive{background:linear-gradient(180deg,#0e3d61,#0c3452 35%,#0a2a46 70%,#061a2e)}.deepdive[data-sea-time=night]{background:linear-gradient(180deg,#0f4565,#0d3c5a 35%,#0a2a46 70%,#061a2e)}.dark .deepdive[data-sea-time=night]{background:linear-gradient(180deg,#061f38,#072238 35%,#061a2e 70%,#030f1d)}.store-footer{background:#061b35;color:#eaf6f7}.ocean-page .store-footer{background:linear-gradient(180deg,rgba(3,16,32,0),rgba(3,16,32,.45) 14%,#061b35 48%)!important}.store-footer a{color:#d0e2ef}.store-footer a:hover{color:#ffc93c}.store-footer p{color:#c0d3e3}.ocean-page{position:relative;isolation:isolate;overflow:clip;--ocean-surface:360px}.ocean-page:before{content:"";position:absolute;inset:var(--ocean-surface) 0 0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#7fd1d8,#43adbf 20%,#248aa5 40%,#155b80 60%,#0b3456 78%,#061b35 90%,#031020)}.dark .ocean-page:before{background:linear-gradient(180deg,#166d8d,#12547b 20%,#0e3d61 40%,#0a2c4c 60%,#07213c 78%,#061b35 90%,#031020)}.ocean-page[data-sea-time=night]:before{background:linear-gradient(180deg,#1a5f7e,#124a6b 20%,#0f3d5c 40%,#0b2e4d 60%,#08233e 78%,#061b35 90%,#031020)}.dark .ocean-page[data-sea-time=night]:before{background:linear-gradient(180deg,#0c4a66,#083652 20%,#072a47 40%,#06213c 60%,#051b33 78%,#04172c 90%,#031020)}.ocean-page .deepdive,.ocean-page .store-footer,.ocean-page .waterline-water{background:transparent!important}.ocean-page .waterline-water:after{display:none}.ocean-page .waterline-water:before{background-image:none!important;opacity:0!important}.ocean-page .waterline-rays{display:none!important}.ocean-page:after{content:"";position:absolute;inset:var(--ocean-surface) 0 0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(6,26,46,.32),transparent 16% 84%,rgba(6,26,46,.32));-webkit-mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.35) 25%,#000 80%);mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.35) 25%,#000 80%)}.dark .ocean-page:after{background:linear-gradient(90deg,rgba(2,10,20,.4),transparent 16% 84%,rgba(2,10,20,.4))}.ocean-atmosphere{z-index:-1;transform:translate3d(0,var(--ocean-parallax,0),0);will-change:transform;transition:transform .18s ease-out}.ocean-atmosphere,.ocean-depth-haze{position:absolute;inset:var(--ocean-surface) 0 0;pointer-events:none}.ocean-depth-haze{z-index:0;background:linear-gradient(180deg,rgba(196,237,232,.08),rgba(88,174,192,.035) 20%,transparent 48%,rgba(1,14,30,.12) 82%,rgba(1,10,23,.2));-webkit-mask-image:linear-gradient(180deg,transparent,#000 8%,#000);mask-image:linear-gradient(180deg,transparent,#000 8%,#000)}.dark .ocean-depth-haze{background:linear-gradient(180deg,rgba(90,184,206,.08),rgba(28,83,122,.035) 32%,transparent 62%,rgba(1,8,21,.23))}.ocean-caustics{position:absolute;z-index:0;top:var(--ocean-surface);left:0;right:0;height:clamp(240px,32vw,440px);pointer-events:none;opacity:.22;background:radial-gradient(ellipse 28% 18% at 18% 4%,rgba(211,255,244,.42),transparent 74%),radial-gradient(ellipse 34% 16% at 71% 10%,rgba(174,247,244,.32),transparent 76%),radial-gradient(ellipse 20% 10% at 48% 23%,rgba(210,253,238,.18),transparent 78%);filter:blur(12px);animation:ocean-caustic-drift 24s ease-in-out infinite alternate}@keyframes ocean-caustic-drift{to{transform:translate3d(0,12px,0) scale(1.04);opacity:.76}}.ocean-page .waterline{isolation:auto}.ocean-page>.store-footer,.ocean-page>.waterline{position:relative;z-index:2}.ocean-page .deepdive{isolation:isolate;z-index:2}.ocean-interactions,.ocean-tank-sharks-host{position:absolute;inset:0;z-index:1;pointer-events:none}.ocean-interactions .waterline-fish,.ocean-interactions .waterline-fish-near{bottom:auto;pointer-events:none}@media (max-width:640px){.ocean-page{--ocean-surface:216px}}@media (max-width:359px){.store-header-logo{font-size:1.25rem;font-stretch:115%}}.deepdive>.depth-open,.deepdive>.depth-shallows{background:transparent!important}.deepdive>section>.page-container{position:relative;z-index:2;padding-inline:clamp(28px,4.5vw,80px)}.arrival-grid{row-gap:clamp(3rem,5vw,4.5rem)}.swim-lane{position:absolute;inset-inline:0;pointer-events:none}.swim-lane:not([data-reef-active]) *,.swim-lane[data-reef-active=false] *{animation-play-state:paused!important}@media (max-width:640px){.deepdive h2{font-size:clamp(1.875rem,10vw,2.5rem)}#categories .category-title{max-width:100%;font-size:clamp(1rem,5vw,1.5rem);overflow-wrap:anywhere}#categories .row-span-2 .category-title{font-size:clamp(1.5rem,7.5vw,2rem)}.arrival-heading{align-items:flex-start;flex-direction:column;gap:.75rem}.arrival-heading .btn-secondary{min-height:44px}}.arrival-sealife{position:absolute;inset:0;pointer-events:none}.arrival-sealife .deepdive-fish{animation-name:arrivals-swim;animation-play-state:paused}.arrival-sealife .deepdive-fish-one{animation-play-state:paused}.arrival-sealife[data-reef-active=true] .deepdive-fish,.arrival-sealife[data-reef-active=true] .deepdive-fish-one{animation-play-state:running}@keyframes arrivals-swim{0%{transform:translate3d(calc(-1 * var(--span)),0,0)}50%{transform:translate3d(50vw,2px,0)}to{transform:translate3d(calc(100vw + 20px),0,0)}}@media (prefers-reduced-motion:reduce){.arrival-sealife .deepdive-fish,.arrival-sealife .deepdive-fish-one{animation:none}.arrival-school{transform:translateX(35vw)}}.deepreef{position:absolute;inset:0;pointer-events:none}.deepdive-fish-sprite{display:block;width:100%;height:100%;object-fit:contain}.deep-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}.deep-bubble,.deep-particle{position:absolute;display:block;border-radius:50%;animation-delay:var(--delay);animation-duration:var(--duration);animation-iteration-count:infinite;animation-play-state:paused}.deep-particle{background:#c7e6e9;opacity:.18;animation-name:deep-particle-drift;animation-timing-function:ease-in-out;animation-direction:alternate}.deep-bubble{border:1px solid #a7e1ec;opacity:0;animation-name:deep-bubble-rise;animation-timing-function:linear}[data-reef-active=true] .deep-bubble,[data-reef-active=true] .deep-particle{animation-play-state:running}@keyframes deep-particle-drift{0%{transform:translate3d(-9px,12px,0)}to{transform:translate3d(16px,-34px,0)}}@keyframes deep-bubble-rise{0%,12%{opacity:0;transform:translateZ(0)}20%{opacity:.28}65%{opacity:.18}80%,to{opacity:0;transform:translate3d(var(--drift),-280px,0)}}@media (max-width:640px){.deep-bubble:nth-last-child(n+5),.deep-particle:nth-child(n+11){display:none}}@media (prefers-reduced-motion:reduce){.deep-bubble,.deep-particle{animation:none}.deep-bubble{display:none}}.deepreef-floor{position:absolute;bottom:0;left:0;width:100%;height:clamp(230px,27vw,380px)}.deepreef-shelf{position:absolute;width:clamp(100px,14vw,220px);height:520px;opacity:.68}.deepreef-shelf-left{left:-18px;top:23%}.deepreef-shelf-right{right:-24px;top:51%;transform:scaleX(-1)}.deepreef-ridge{fill:#16485c;opacity:.65}.deepreef-rock-far{fill:#1c5262}.deepreef-rock{fill:#245d67}.deepreef-rock-lines{fill:none;stroke:#58908d;stroke-width:3;opacity:.5}.deepreef-sand{fill:#296675}.deepreef-ripples{fill:none;stroke:#6da3a5;stroke-width:2;opacity:.45}.deepreef-kelp{fill:#246b68}.deepreef-kelp-1{fill:#378578}.deepreef-coral{fill:none;stroke:#bd7776;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.deepreef-coral-1{stroke:#9989ba}.deepreef-coral-2{stroke:#c69b6a}.deepreef-coral-tips{stroke-width:5;opacity:.75}.deepreef-shell{fill:#c9b7a0}.deepreef-shell-lines{fill:none;stroke:#89786e;stroke-width:1.2}.deepreef-pebbles{fill:#789da0}.deepreef-star{--reef-star-color:#cf8a66;fill:#cf8a66;stroke:#cf8a66;stroke-width:2;stroke-linejoin:round}.deepreef-star-lines{fill:none;stroke:#eed0a4;stroke-width:1}.dark .deepreef{filter:brightness(.7) saturate(.8)}.deepdive[data-sea-time=night] .deepreef{filter:brightness(.62) saturate(.7)}.dark .deepdive[data-sea-time=night] .deepreef{filter:brightness(.48) saturate(.65)}@media (max-width:640px){.deepreef-shelf{width:90px;height:360px;opacity:.5}.deepreef-shelf-left{left:-35px;top:29%}.deepreef-shelf-right{right:-35px;top:61%}.deepreef-floor{height:230px}}.deepdive-sea{z-index:1;pointer-events:none;overflow:clip}.deepdive-shark{--shark-w:clamp(140px,16vw,260px);width:var(--shark-w);height:calc(var(--shark-w) * var(--shark-aspect, .54));transform:translate3d(80vw,50vh,0) translate(-50%,-50%) scaleX(-1);opacity:1;filter:brightness(calc(1 - var(--depth) * .4 - var(--turn, 0) * .3)) saturate(calc(.85 - var(--depth) * .35)) blur(calc(var(--turn, 0) * 2px)) drop-shadow(0 10px 10px rgba(6,26,46,.18));will-change:transform}.dark .deepdive-shark{opacity:1;filter:brightness(calc(.72 - var(--depth) * .25 - var(--turn, 0) * .25)) saturate(.7) blur(calc(var(--turn, 0) * 2px))}.deepdive-fish{position:absolute;left:0;opacity:1;animation:deepdive-swim var(--swim) linear infinite;animation-delay:var(--d);will-change:transform}.deepdive-fish-deep{opacity:1;filter:brightness(.52) saturate(.38) blur(var(--deep-blur,.45px))}.dark .deepdive-fish-deep{opacity:1;filter:brightness(.42) saturate(.3) blur(var(--deep-blur,.55px))}.deepdive-fish-back{animation-direction:reverse}.deepdive-fish-group{position:relative;width:100%;height:100%}.deepdive-fish-back .deepdive-fish-group{transform:scaleX(-1)}.deepdive-fish-one{position:absolute;aspect-ratio:200/140;transform-origin:50% 50%;animation:deepdive-school-maneuver 3.6s ease-in-out infinite;animation-delay:var(--m)}@keyframes deepdive-school-maneuver{0%,to{transform:translate3d(0,-2px,0) rotate(-1deg) scale(.99)}22%{transform:translate3d(0,2px,0) rotate(.4deg) scale(1)}50%{transform:translate3d(0,4px,0) rotate(1.5deg) scale(1.015)}77%{transform:translateZ(0) rotate(-.35deg) scale(1)}}.dark .deepdive-fish{opacity:1;filter:brightness(.8) saturate(.85)}@keyframes deepdive-swim{0%{transform:translate3d(calc(-1 * var(--span, 60px)),0,0)}25%{transform:translate3d(25vw,-10px,0)}50%{transform:translate3d(50vw,6px,0)}75%{transform:translate3d(75vw,-8px,0)}to{transform:translate3d(calc(100vw + 20px),0,0)}}.deepdive-fish-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;animation:var(--flap) linear infinite;animation-delay:var(--m)}.deepdive-frame-1{animation-name:deepdive-frame-1}.deepdive-frame-2{animation-name:deepdive-frame-2}.deepdive-frame-3{animation-name:deepdive-frame-3}@keyframes deepdive-frame-1{0%,24.9%{opacity:1}25%,to{opacity:0}}@keyframes deepdive-frame-2{0%,24.9%{opacity:0}25%,49.9%{opacity:1}50%,74.9%{opacity:0}75%,to{opacity:1}}@keyframes deepdive-frame-3{0%,49.9%{opacity:0}50%,74.9%{opacity:1}75%,to{opacity:0}}.deepdive-school{position:absolute;inset:0}.deepdive-deep{position:absolute;inset:var(--open-top) 0 0 0}.deepdive-jelly{--w:calc(var(--size) * 1px);position:absolute;width:var(--w);left:calc(var(--left) * 1% - var(--left) / 100 * var(--w));opacity:.52;filter:drop-shadow(0 0 4px var(--glow));animation:deepdive-drift var(--drift) ease-in-out infinite alternate;animation-delay:var(--d);will-change:transform}.dark .deepdive-jelly{opacity:.68;filter:drop-shadow(0 0 7px var(--glow)) drop-shadow(0 0 15px var(--glow))}@keyframes deepdive-drift{0%{transform:translateZ(0)}to{transform:translate3d(var(--dx,26px),var(--rise,-40px),0)}}.deepdive-jelly-sway{transform-origin:50% 12%;animation:deepdive-jelly-sway calc(var(--drift) * .37) ease-in-out infinite alternate;animation-delay:var(--d)}@keyframes deepdive-jelly-sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.deepdive-jelly-bell{display:block;width:100%;height:auto}.deepdive-far{position:absolute;inset:var(--open-top) 0 0 0}.deepdive-manta,.deepdive-whale{position:absolute;left:0;top:0;display:block;will-change:transform,opacity}.deepdive-whale{--whale-w:clamp(300px,52vw,880px);width:var(--whale-w);height:calc(var(--whale-w) * var(--whale-aspect, .6));opacity:1;filter:blur(1.8px) saturate(.32) brightness(.42)}.dark .deepdive-whale{opacity:1}.deepdive-manta{--manta-w:clamp(120px,17vw,250px);width:var(--manta-w);height:calc(var(--manta-w) * var(--manta-aspect, .62));opacity:1;filter:blur(.55px) saturate(.48) brightness(.62)}.dark .deepdive-manta{opacity:1}@media (max-width:640px){.deepdive-shark{--shark-w:120px}.deepdive-jelly{--w:calc(var(--size) * 0.62px)}.deepdive-jelly-low{--w:calc(var(--size) * 0.5px)}.deepdive-fish-wide,.deepdive-jelly-wide{display:none}}@media (prefers-reduced-motion:reduce){.deepdive-fish-frame,.deepdive-fish-one,.deepdive-jelly,.deepdive-jelly-bell,.deepdive-jelly-sway{animation:none}.deepdive-fish{animation:none;transform:translate3d(calc(var(--rest, .2) * 100vw),0,0)}.deepdive-frame-1{opacity:1}.deepdive-manta,.deepdive-whale{display:none}}.deepdive{--night:0}.deepdive-jelly{filter:drop-shadow(0 0 calc(6px + var(--night) * 6px) var(--glow)) drop-shadow(0 0 calc(var(--night) * 22px) var(--glow));opacity:1}.dark .deepdive-jelly{filter:drop-shadow(0 0 calc(10px + var(--night) * 4px) var(--glow)) drop-shadow(0 0 calc(24px + var(--night) * 14px) var(--glow));opacity:1}html:not(.dark) .deepdive[data-sea-time=night] .depth-shallows{background:linear-gradient(180deg,#0f4565,#0d3c5a);color:#eaf6f7}html:not(.dark) .deepdive[data-sea-time=night] .depth-shallows h2~.btn-secondary{color:#eaf6f7}html:not(.dark) .deepdive[data-sea-time=night] .depth-shallows h2~.btn-secondary:hover{color:#061a2e;background-color:#eaf6f7;border-color:#eaf6f7}html:not(.dark) .deepdive[data-sea-time=night] .depth-open{background:linear-gradient(180deg,#0d3c5a,#0b3150 12%,#0a2a46 55%,#061a2e)}.dark .deepdive[data-sea-time=night] .depth-shallows{background:linear-gradient(180deg,#061f38,#072238)}.dark .deepdive[data-sea-time=night] .depth-open{background:linear-gradient(180deg,#072238,#061a2e 50%,#030f1d)}.depth-gauge{--gauge-at:0;--gauge-ink:#eaf6f7;--gauge-dim:rgba(234,246,247,.62);position:fixed;z-index:30;pointer-events:none;user-select:none;color:var(--gauge-ink);font-family:var(--font-body),system-ui,sans-serif;font-variant-numeric:tabular-nums;line-height:1;background:rgba(6,26,46,.62);border:1px solid rgba(127,209,216,.22);box-shadow:0 10px 30px -12px rgba(2,10,20,.55),inset 0 1px 0 rgba(234,246,247,.08);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);opacity:0;transform:translate3d(0,6px,0);transition:opacity .45s ease,transform .45s ease,color .9s ease,background-color .9s ease,border-color .9s ease}.depth-gauge[data-shown=true]{opacity:1;transform:none}.dark .depth-gauge{background:rgba(3,15,29,.6);border-color:rgba(127,209,216,.16)}.depth-gauge-readout{display:flex;align-items:baseline;gap:.5rem}.depth-gauge-metres{font-size:.9375rem;font-weight:600;letter-spacing:-.01em}.depth-gauge-unit{margin-left:.15em;font-size:.75em;font-weight:500;color:var(--gauge-dim)}.depth-gauge-temp{font-size:.6875rem;color:var(--gauge-dim)}.depth-gauge-now{font-size:.6875rem;color:#ffc93c;white-space:nowrap}.depth-gauge-now>span{display:none}.depth-gauge[data-zone="0"] .depth-gauge-now>[data-zone="0"],.depth-gauge[data-zone="1"] .depth-gauge-now>[data-zone="1"],.depth-gauge[data-zone="2"] .depth-gauge-now>[data-zone="2"]{display:inline}.depth-gauge[data-zone="0"]{color:#eaffff;border-color:rgba(143,231,231,.3)}.depth-gauge[data-zone="1"]{color:#d8f0ff;border-color:rgba(117,187,220,.3)}.depth-gauge[data-zone="2"]{color:#e2dcff;border-color:rgba(168,151,220,.32)}.depth-gauge[data-zone="1"] .depth-gauge-now{color:#a8e1f3}.depth-gauge[data-zone="2"] .depth-gauge-now{color:#c4b8ff}.depth-gauge-track{display:none}@media (max-width:1023.98px){.depth-gauge{left:.75rem;bottom:calc(4.75rem + env(safe-area-inset-bottom));padding:.4rem .75rem;border-radius:999px}@media (max-width:390px){.depth-gauge{left:.5rem;bottom:calc(4.5rem + env(safe-area-inset-bottom));padding:.32rem .55rem}.depth-gauge-readout{gap:.35rem}.depth-gauge-metres{font-size:.8125rem}.depth-gauge-now,.depth-gauge-temp{font-size:.625rem}}.depth-gauge[data-shown=true][data-active=false]{opacity:0;transform:translate3d(0,6px,0);transition-delay:.2s}}@media (min-width:1024px){.depth-gauge{--gauge-w:1.75rem;--gutter:max(2rem,calc((100vw - 90rem) / 2 + 2rem));--track-h:min(48vh,24rem);--line-x:62%;right:max(2px,calc((var(--gutter) - var(--gauge-w)) / 2));top:50%;width:var(--gauge-w);margin-top:calc((var(--track-h) + 4.5rem) / -2);padding:.6rem 0 .7rem;border-radius:999px;transform:translate3d(4px,0,0)}.depth-gauge[data-shown=true]{transform:none}.depth-gauge-readout{flex-direction:column;align-items:center;gap:.3rem}.depth-gauge-now{display:none}.depth-gauge-metres{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-size:.625rem;letter-spacing:-.02em}.depth-gauge-unit{margin-left:0;font-size:.5625rem}.depth-gauge-temp{font-size:.5rem;letter-spacing:-.02em;white-space:nowrap}.depth-gauge-track{display:block;position:relative;height:var(--track-h);margin:.6rem auto 0;width:100%}.depth-gauge-track:before{content:"";position:absolute;left:var(--line-x);top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(127,209,216,.75),rgba(127,209,216,.4) 40%,rgba(185,168,255,.35) 80%,rgba(234,246,247,.12))}.depth-gauge-tick{position:absolute;left:calc(var(--line-x) - 2px);top:calc(var(--at) * 100%);width:5px;height:1px;background:rgba(234,246,247,.35)}.depth-gauge-tick-major{left:calc(var(--line-x) - 3px);width:7px;background:rgba(234,246,247,.65)}.depth-gauge-zone{position:absolute;right:calc(100% - var(--line-x) + 3px);top:calc(var(--at) * 100% + 5px);writing-mode:vertical-rl;font-size:.5rem;letter-spacing:.02em;white-space:nowrap;color:var(--gauge-dim)}.depth-gauge-marker{position:absolute;left:var(--line-x);top:0;width:7px;height:7px;margin:-3.5px 0 0 -3px;border-radius:50%;background:#ffc93c;box-shadow:0 0 0 2px rgba(255,201,60,.22),0 0 10px rgba(255,201,60,.55);transform:translate3d(0,calc(var(--gauge-at) * var(--track-h)),0);will-change:transform}}@media (min-width:1600px){.depth-gauge{--gauge-w:3rem;--line-x:58%;padding:.75rem 0 .85rem}.depth-gauge-metres{font-size:.875rem}.depth-gauge-temp,.depth-gauge-unit{font-size:.625rem}.depth-gauge-zone{font-size:.5625rem;right:calc(100% - var(--line-x) + 6px)}.depth-gauge-marker{width:9px;height:9px;margin:-4.5px 0 0 -4px}.depth-gauge-tick-major{left:calc(var(--line-x) - 5px);width:11px}}@media (prefers-reduced-motion:reduce){.depth-gauge,.depth-gauge[data-shown=true],.ocean-atmosphere{transition:none;transform:none}.ocean-caustics{animation:none}}#products>.page-container{padding-bottom:clamp(56px,6vw,88px);padding-inline:clamp(28px,4.5vw,80px)}.arrival-sharks{position:absolute;inset:0;overflow:hidden;pointer-events:none}.arrival-shark{position:absolute;left:0;top:0;width:180px;height:97px;opacity:0;will-change:transform}.arrival-shark canvas{display:block;width:100%;height:100%}.arrival-reef{position:absolute;left:0;right:0;bottom:0;height:clamp(185px,19vw,260px);pointer-events:none}.arrival-terrain{width:100%;height:100%;display:block}.ocean-page .arrival-terrain{opacity:.72;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22% 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22% 70%,transparent)}.arrival-sides{position:absolute;inset:calc(var(--arrival-heading-floor, 160px) + 28px) 0 clamp(185px,19vw,260px);pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 110px,#000 calc(100% - 150px),transparent);mask-image:linear-gradient(180deg,transparent,#000 110px,#000 calc(100% - 150px),transparent)}.arrival-side{position:absolute;top:0;bottom:0;width:clamp(144px,15vw,230px)}.arrival-side-left{left:-44px}.arrival-side-right{right:-44px}.arrival-reef-wall{position:absolute;height:auto;aspect-ratio:240/460;overflow:visible}.arrival-side-left .arrival-rock-pocket{left:0}.arrival-side-right .arrival-rock-pocket{right:0}.arrival-wall-ink{fill:none;stroke:#0e2a3c;stroke-width:3.2;stroke-linejoin:round}.arrival-pocket-rock-shade{fill:#0f3046;opacity:.38}.arrival-pocket-highlight{fill:none;stroke:#d6f0ea;stroke-width:4;stroke-linecap:round;opacity:.7}.arrival-pocket-cracks{fill:none;stroke:#0e2a3c;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.arrival-wall-cleft{fill:none;stroke:#0e2a3c;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.arrival-wall-cleft+.arrival-pocket-cracks{stroke:#0e2a3c;stroke-width:2.4;opacity:.7}.arrival-pocket-minerals{fill:#f2fbf8;opacity:.75}.arrival-wall-shine{fill:#fff;opacity:.42}.dark .arrival-sides{filter:brightness(.78) saturate(.85)}.deepdive[data-sea-time=night] .arrival-sides{filter:brightness(.72) saturate(.8)}.dark .deepdive[data-sea-time=night] .arrival-sides{filter:brightness(.62) saturate(.75)}@media (max-width:640px){.arrival-side{width:116px}.arrival-side-left{left:-32px}.arrival-side-right{right:-32px}}.arrival-clown-home{position:absolute;left:14%;bottom:14%;width:clamp(150px,17vw,245px);height:auto}.arrival-reef[data-reef-active=false] *{animation-play-state:paused!important}.dark .arrival-terrain{filter:brightness(.65) saturate(.85)}@media (max-width:640px){.arrival-clown-home{left:2%;bottom:13%;width:155px}}@media (prefers-reduced-motion:reduce){.arrival-shark{visibility:hidden}}.rock-texture{mix-blend-mode:soft-light;opacity:.9;pointer-events:none}.rock-texture-soft{opacity:.8}.rock-texture-strong{opacity:1}.dark .rock-texture{opacity:.75}.dark .rock-texture-soft{opacity:.45}.dark .rock-texture-strong{opacity:.85}.arrival-wall-layer{width:100%;height:100%;overflow:visible}.arrival-terrain-life,.arrival-wall-layer{position:absolute;inset:0}.life-glow,.life-lash,.life-puff,.life-rock,.life-sway{animation-play-state:paused;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:steps(9,jump-none)}.life-sway{animation-name:life-sway}.life-rock{animation-name:life-rock}.life-puff{animation-name:life-puff}.life-lash{animation-name:life-lash;animation-timing-function:steps(7,jump-none)}.life-glow{animation-name:life-glow;animation-duration:3.6s;transform-box:fill-box;transform-origin:center}[data-reef-active=true] :is(.life-sway,.life-rock,.life-puff,.life-lash,.life-glow){animation-play-state:running}@keyframes life-sway{0%{transform:rotate(-4deg) skewX(3deg)}25%{transform:rotate(-2.6deg) skewX(2.1deg)}50%{transform:rotate(.25deg) skewX(0deg)}75%{transform:rotate(3.1deg) skewX(-2.1deg)}to{transform:rotate(4.5deg) skewX(-3deg)}}@keyframes life-rock{0%{transform:rotate(-1.6deg)}25%{transform:rotate(-1.1deg)}50%{transform:rotate(.1deg)}75%{transform:rotate(1.3deg)}to{transform:rotate(1.8deg)}}@keyframes life-puff{0%{transform:scaleY(.97)}25%{transform:scale(1.003,.982)}50%{transform:scale(1.01)}75%{transform:scale(1.017,1.038)}to{transform:scale(1.02,1.05)}}@keyframes life-lash{0%{transform:rotate(-9deg)}25%{transform:rotate(-6.5deg)}50%{transform:rotate(-.5deg)}75%{transform:rotate(5.5deg)}to{transform:rotate(8deg)}}@keyframes life-glow{0%{opacity:.7;transform:scale(.9)}50%{opacity:.85;transform:scale(1.02)}to{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.life-glow,.life-lash,.life-puff,.life-rock,.life-sway{animation:none}}.life-ink :is(path,ellipse,circle):not([fill=none]),:is(path,ellipse,circle).life-ink{stroke:#24183a;stroke-width:2.4;stroke-linejoin:round;paint-order:stroke}.ocean-page .arrival-terrain-life{opacity:.95}.sky-flowers{position:absolute;inset:0;overflow:hidden;z-index:0}.sky-flower{position:absolute;opacity:.7;transform:translate(-50%,-50%);animation:sky-flower-spin linear infinite,sky-flower-bob ease-in-out infinite alternate;animation-play-state:paused}[data-reef-active=true] .sky-flower{animation-play-state:running}.deepdive[data-sea-time=night] .sky-flower{opacity:.26}.dark .sky-flower{opacity:.24}@keyframes sky-flower-spin{0%{rotate:0deg}to{rotate:1turn}}@keyframes sky-flower-bob{0%{translate:0 -6px}to{translate:0 8px}}@media (prefers-reduced-motion:reduce){.sky-flower{animation:none}}@media (max-width:640px){.sky-flower:nth-child(2n){display:none}}.ocean-card{transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease-out}.ocean-card:has(:focus-visible),.ocean-card:hover{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 18px 40px -18px rgba(6,26,46,.35),0 0 0 1px rgba(127,209,216,.45),0 10px 32px -10px rgba(69,176,192,.45)}.ocean-card[data-lift]:has(:focus-visible),.ocean-card[data-lift]:hover{transform:translateY(-4px)}.dark .ocean-card:has(:focus-visible),.dark .ocean-card:hover{box-shadow:0 18px 40px -18px rgba(0,0,0,.6),0 0 0 1px rgba(127,209,216,.45),0 12px 36px -10px rgba(127,209,216,.4)}.ocean-bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ocean-bubbles>span{position:absolute;bottom:-12px;width:var(--s,8px);height:var(--s,8px);border-radius:9999px;background:radial-gradient(circle at 32% 30%,hsla(0,0%,100%,.95) 0 18%,rgba(234,246,247,.35) 40%,rgba(127,209,216,.25) 70%);box-shadow:inset 0 0 0 1px rgba(69,176,192,.45),inset 0 0 0 2px hsla(0,0%,100%,.5),0 0 6px rgba(69,176,192,.3);opacity:0}.ocean-bubbles>span:first-child{left:18%;--s:7px;--d:0ms;--t:2.6s;--x:6px}.ocean-bubbles>span:nth-child(2){left:38%;--s:10px;--d:450ms;--t:3.1s;--x:-8px}.ocean-bubbles>span:nth-child(3){left:62%;--s:6px;--d:900ms;--t:2.4s;--x:5px}.ocean-bubbles>span:nth-child(4){left:80%;--s:9px;--d:250ms;--t:2.9s;--x:-6px}.ocean-card:has(:focus-visible) .ocean-bubbles>span,.ocean-card:hover .ocean-bubbles>span{animation:ocean-bubble-rise var(--t) cubic-bezier(.35,.1,.6,1) var(--d) infinite}@keyframes ocean-bubble-rise{0%{transform:translateZ(0) scale(.6);opacity:0}15%{opacity:.9}55%{transform:translate3d(var(--x),-90px,0) scale(1)}80%{opacity:.55}to{transform:translate3d(calc(var(--x) * -.5),-170px,0) scale(1.05);opacity:0}}.ocean-flight-drop,.ocean-splash-drop,.ocean-splash-ring{position:fixed;z-index:9999;pointer-events:none;will-change:transform,opacity;inset:auto;margin:0;padding:0;overflow:visible;color:inherit}.ocean-flight-drop,.ocean-splash-drop{border:0}.ocean-flight-drop{width:14px;height:14px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:radial-gradient(circle at 35% 30%,#fff 0 14%,#7fd1d8 45%,#45b0c0 100%);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.6),0 4px 12px rgba(69,176,192,.45)}.ocean-splash-ring{width:40px;height:40px;border-radius:9999px;border:2px solid #7fd1d8;background:transparent;box-shadow:0 0 12px rgba(127,209,216,.5);opacity:0}.ocean-splash-drop{width:6px;height:6px;border-radius:9999px;background:#45b0c0;box-shadow:0 0 4px rgba(127,209,216,.6);opacity:0}.dark .ocean-splash-ring{border-color:#7fd1d8}.dark .ocean-splash-drop{background:#7fd1d8}.ocean-badge-flash{outline:2px solid #45b0c0;outline-offset:2px;box-shadow:0 0 0 5px rgba(127,209,216,.35)}@media (prefers-reduced-motion:reduce){.ocean-card{transition:none}.ocean-card[data-lift]:has(:focus-visible),.ocean-card[data-lift]:hover{transform:none}.ocean-bubbles,.ocean-flight-drop,.ocean-splash-drop,.ocean-splash-ring{display:none}}