:root{--abyss:#031417;--abyss-2:#062226;--teal:#19b6a6;--teal-2:#7ef0c8;--amber:#ffb347;--foam:#e6f4f1;--foam-2:#9fbab6;--line:#e6f4f11f;--display:"Fraunces", Georgia, serif;--body:"Manrope", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:var(--abyss);color:var(--foam);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 40;margin:0;font-weight:500}.water{z-index:0;width:100%;height:100lvh;position:fixed;inset:0}.page{z-index:2;position:relative}.wrap{width:min(1140px,100% - 40px);margin:0 auto}.nav{justify-content:space-between;align-items:center;padding:22px 0;display:flex}.mark{font-family:var(--display);align-items:center;gap:11px;font-size:23px;display:flex}.mark svg{width:32px;height:32px}.links{letter-spacing:.12em;text-transform:uppercase;color:var(--foam-2);gap:24px;font-size:13px;display:flex}.links a:hover{color:var(--teal-2)}.chip{border:1px solid var(--line);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--teal-2);border-radius:8px;padding:6px 11px;font-size:11px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;min-height:min(100svh - 86px,760px);padding:20px 0 50px;display:grid}.hero-copy{max-width:720px}.hero h1{letter-spacing:-.01em;font-size:clamp(46px,7vw,104px);line-height:.95}.hero h1 em{color:var(--amber);font-style:italic}.lede{color:var(--foam-2);max-width:56ch;margin-top:22px;font-size:17px}.cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.btn{letter-spacing:.03em;background:var(--amber);color:#2a1600;border-radius:12px;padding:13px 22px;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 34px #ffb34747}.btn.ghost{color:var(--foam);border:1px solid var(--line);background:0 0;font-weight:500}.btn.ghost:hover{border-color:var(--teal);box-shadow:none}.hint{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--foam-2);font-size:11px}.release{order:2;justify-self:stretch;width:100%}.release canvas{width:100%;height:360px;display:block}.release .bar{align-items:center;gap:10px;max-width:380px;margin:0 auto;padding:4px 0 0;display:flex}.release input{min-width:0;color:var(--foam);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #e6f4f159;border-radius:0;flex:1;padding:10px 4px;font-size:13px}.release input:focus{border-bottom-color:var(--teal-2);outline:none}.release button{color:var(--teal-2);cursor:pointer;background:0 0;border:1px solid #7ef0c880;border-radius:999px;padding:9px 16px;font-weight:600}.release button:hover{background:#7ef0c81f}.release .foot{text-align:center;padding:10px 0 0}section{border-top:1px solid var(--line);padding:96px 0}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--teal-2);margin-bottom:16px;font-size:11px}.h2{max-width:20ch;font-size:clamp(32px,4.2vw,56px);line-height:1.02}.h2 em{color:var(--amber);font-style:italic}.sub{color:var(--foam-2);max-width:58ch;margin-top:18px}.tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#03201d;background:var(--teal-2);border-radius:999px;padding:3px 8px;font-size:10px;position:relative}.rv{opacity:0;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(20px)}.rv.in{opacity:1;transform:none}.rise>*{opacity:0;animation:1.1s cubic-bezier(.2,.7,.2,1) forwards rise;transform:translateY(28px)}.rise>:nth-child(2){animation-delay:.12s}.rise>:nth-child(3){animation-delay:.24s}.rise>:nth-child(4){animation-delay:.36s}@keyframes rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.rv,.rise>*{opacity:1;transition:none;animation:none;transform:none}}@media (max-width:960px){.hero{grid-template-columns:1fr;min-height:auto}.release{order:0;margin:0 0 10px}.release canvas{height:280px}.links{display:none}}.shade{z-index:1;pointer-events:none;opacity:0;background:#000;transition:opacity 1.2s;position:fixed;inset:0}body[data-zone=shallows] .shade{opacity:.08}body[data-zone=kelp] .shade{opacity:.22}body[data-zone=drop] .shade{opacity:.4}body[data-zone=floor] .shade{opacity:.55}.gauge{z-index:3;width:92px;height:52vh;font-family:var(--mono);color:var(--foam-2);position:fixed;top:50%;left:18px;transform:translateY(-50%)}.gauge-read{letter-spacing:.12em;color:var(--teal-2);font-size:12px;position:absolute;top:-34px;left:0}.gauge-bar{background:#e6f4f126;width:2px;position:absolute;top:0;bottom:0;left:6px}.gauge-bar i{background:linear-gradient(180deg, var(--amber), var(--teal-2));width:100%;box-shadow:0 0 10px var(--teal-2);transition:height .2s ease-out;position:absolute;top:0;left:0}.gauge ul{margin:0;padding:0;list-style:none;position:absolute;top:0;bottom:0;left:16px}.gauge li{white-space:nowrap;opacity:.45;font-size:10px;line-height:1.3;transition:opacity .4s,color .4s;position:absolute;transform:translateY(-50%)}.gauge li:before{content:"";background:currentColor;width:8px;height:1px;position:absolute;top:50%;left:-14px}.gauge li b{letter-spacing:.1em;font-weight:500;display:block}.gauge li.lit{opacity:1;color:var(--teal-2)}.zone{border-top:0;padding:110px 0;position:relative}.zone:before{content:"";background:linear-gradient(90deg,#7ef0c859,#0000 60%);height:1px;position:absolute;top:0;left:0;right:0}.depth-tag{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:16px;font-size:11px}.depth-tag:before{content:"▼ ";color:var(--teal-2)}.floats{flex-wrap:wrap;align-items:flex-start;gap:20px;margin-top:48px;display:flex}.float{background:radial-gradient(120px 80px at 50% 0,#ffb3472e,#0000 70%),#03141766;border:1px solid #e6f4f12e;border-radius:40px 40px 18px 18px;flex:260px;padding:34px 26px 26px;animation:6s ease-in-out infinite bob}.float .bulb{background:var(--amber);width:14px;height:14px;box-shadow:0 0 24px var(--amber);border-radius:50%;margin:0 auto 16px;display:block}.float h3{text-align:center;font-size:30px}.float p{color:var(--foam-2);text-align:center;margin:10px 0 0;font-size:14.5px}@keyframes bob{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-10px)rotate(.4deg)}}.kelpbed{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-top:48px;display:flex}.frond{border-left:3px solid var(--teal);min-height:calc(160px + var(--i) * 26px);transform-origin:0 100%;animation:7s ease-in-out infinite sway;animation-delay:calc(var(--i) * -1.3s);background:linear-gradient(#19b6a61f,#0000);border-radius:0 14px 0 0;flex:180px;padding:18px 16px 18px 18px}.frond b{font-family:var(--display);color:var(--teal-2);font-size:22px;font-weight:500;display:block}.frond span{color:var(--foam-2);font-size:14px}@keyframes sway{0%,to{transform:skew(-1.2deg)}50%{transform:skew(1.2deg)}}.school{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;display:grid}.lantern{background:#03141780;border:1px solid #e6f4f124;border-radius:18px;padding:22px;position:relative;overflow:hidden}.lantern i{filter:blur(30px);opacity:.35;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.lantern b{font-family:var(--display);font-size:24px;font-weight:500;display:block;position:relative}.lantern .sym{font-family:var(--mono);letter-spacing:.12em;color:var(--amber);font-size:11px;position:relative}.lantern p{color:var(--foam-2);margin:10px 0 0;font-size:14px;position:relative}.bob{animation:7s ease-in-out infinite bob}.school .lantern:nth-child(2n){margin-top:28px}.bottles{max-width:760px;margin-top:40px}.bottle{border-top:1px solid #e6f4f124;padding:6px 0}.bottle summary{cursor:pointer;font-family:var(--display);padding:14px 0 14px 34px;font-size:24px;list-style:none;position:relative}.bottle summary:before{content:"";border:1.5px solid var(--teal-2);border-radius:3px 3px 6px 6px;width:12px;height:18px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.bottle summary:after{content:"+";color:var(--teal-2);font-family:var(--mono);position:absolute;top:50%;right:0;transform:translateY(-50%)}.bottle[open] summary:after{content:"–"}.bottle p{color:var(--foam-2);margin:0 0 16px 34px;font-size:15px}.seabed{color:var(--foam-2);padding:0 0 60px;font-size:13px;position:relative}.tide{width:100%;height:40px;margin-bottom:30px;display:block}.seabed .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.seabed small{color:#9fbab6b3;max-width:80ch;margin-top:18px;display:block}@media (max-width:1240px){.gauge{display:none}}@media (max-width:960px){.school{grid-template-columns:1fr 1fr}.school .lantern:nth-child(2n){margin-top:0}}@media (max-width:560px){.school{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.float,.frond,.bob{animation:none}}.mark .logo{border-radius:9px;width:34px;height:34px;display:block}