:root{--foam:#e9ffff;--aqua:#a7f0e9;--muted:#bcd7df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020b13;color:var(--foam);font-family:Inter,system-ui,Arial,sans-serif;overflow-x:hidden}a{color:inherit} .ocean{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#176b85 0%,#13556e 8%,#0b3a53 23%,#082c42 38%,#062137 57%,#041626 77%,#020b14 100%)}
/* one uninterrupted ocean from first pixel through the abyss */
.ocean:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 100% 20% at 50% 0,rgba(183,253,255,.33),transparent 75%),radial-gradient(ellipse 55% 14% at 15% 14%,rgba(51,161,183,.13),transparent 100%),radial-gradient(ellipse 55% 19% at 90% 33%,rgba(40,132,155,.10),transparent 100%)}
.topbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:25px clamp(22px,6vw,90px);background:linear-gradient(#03233266,transparent);font-size:12px;letter-spacing:.22em;text-transform:uppercase}.logo{font-weight:800;text-decoration:none}.topbar .right{opacity:.73;font-size:10px}
.surface{position:absolute;top:87px;left:-8%;width:116%;height:160px;z-index:2;opacity:.94;filter:drop-shadow(0 11px 12px #a6faff20);pointer-events:none}.surface svg{width:100%;height:100%;overflow:visible}.water-sheet{animation:drift 12s ease-in-out infinite alternate;transform-origin:center}.water-sheet.two{animation-duration:17s;animation-direction:alternate-reverse;opacity:.7}.water-sheet.three{animation-duration:22s;opacity:.44}@keyframes drift{to{transform:translateX(-3.5%) scaleY(1.05)}}
.caustics{position:absolute;left:-15%;top:178px;width:130%;height:540px;z-index:0;opacity:.52;pointer-events:none;filter:blur(9px);background:repeating-linear-gradient(113deg,transparent 0 9%,rgba(205,255,255,.085) 10%,transparent 12% 19%);mask-image:linear-gradient(#000 0%,transparent 100%);animation:sway 16s ease-in-out infinite alternate}.caustics.second{top:174px;transform:scaleX(-1);opacity:.3;animation-duration:25s}@keyframes sway{to{transform:translateX(4%) skewX(-5deg)}}
.shafts{position:absolute;top:165px;left:0;right:0;height:1000px;pointer-events:none;background:linear-gradient(102deg,transparent 19%,rgba(194,252,255,.08) 29%,transparent 40%),linear-gradient(77deg,transparent 44%,rgba(202,251,255,.095) 54%,transparent 63%),linear-gradient(116deg,transparent 68%,rgba(168,234,243,.05) 79%,transparent 88%);mask-image:linear-gradient(#000,transparent 87%);animation:lights 20s ease-in-out infinite alternate}@keyframes lights{to{transform:translateX(3%);opacity:.7}}
.bubbles{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,#d8ffff52 1px,transparent 2px),radial-gradient(circle,#d8ffff39 1px,transparent 2px);background-size:190px 280px,260px 430px;background-position:40px 110px,130px 200px;opacity:.19;mask-image:linear-gradient(transparent 0%,#000 17%,#000 70%,transparent 100%)}
.hero{min-height:105vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:270px 22px 130px;position:relative;z-index:3}.hero-inner{max-width:1000px}.overline{color:#bcf2ea;letter-spacing:.38em;text-transform:uppercase;font-size:11px;font-weight:700}.hero h1{font:normal clamp(59px,9.5vw,136px)/1 Georgia,serif;letter-spacing:-.065em;margin:24px auto 26px;text-shadow:0 18px 54px #011823aa}.hero h1 em{font-style:italic;color:#befff1}.hero p{font:italic clamp(19px,2.5vw,28px)/1.45 Georgia,serif;color:#daeff1;margin:0 auto 28px;max-width:680px}.cta{display:inline-flex;gap:13px;align-items:center;padding:13px 24px;border:1px solid #dafcf870;border-radius:100px;color:#f0ffff;text-decoration:none;background:#041d2c45;backdrop-filter:blur(8px);font-size:13px;font-weight:650;transition:background .2s}.cta:hover{background:#b3f5e331;color:white}.hint{display:block;margin-top:50px;letter-spacing:.20em;font-size:10px;text-transform:uppercase;color:#c6e5e5;opacity:.85}.hint i{display:block;font-style:normal;font-size:24px;margin-top:6px;animation:bob 2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(7px)}}
.immersive{position:relative;z-index:2;min-height:82vh;display:flex;align-items:center;padding:110px clamp(24px,8vw,150px)}.immersive.right{justify-content:flex-end}.content{max-width:700px;text-shadow:0 3px 22px #00132299}.depth{letter-spacing:.29em;text-transform:uppercase;color:#93d6da;font-size:11px;font-weight:700}.content h2{font:normal clamp(40px,5.3vw,75px)/1.11 Georgia,serif;letter-spacing:-.04em;margin:17px 0 22px}.content p{font-size:clamp(17px,1.65vw,21px);line-height:1.78;color:#d1e5e8;margin:0 0 25px}.content .quote{font:italic clamp(24px,2.7vw,36px)/1.45 Georgia,serif;color:#d7f9f7}.text-link{display:inline-flex;gap:10px;align-items:center;text-decoration:none;color:#b2f3e9;font-size:14px;letter-spacing:.025em;border-bottom:1px solid #b2f3e955;padding-bottom:6px}.text-link:hover{color:white}
.end{position:relative;z-index:2;text-align:center;min-height:72vh;padding:150px 24px 170px;display:flex;flex-direction:column;justify-content:center;align-items:center}.end h2{font:normal clamp(47px,6.2vw,88px)/1.08 Georgia,serif;margin:17px auto 25px;letter-spacing:-.04em}.end p{font:italic clamp(20px,2.5vw,30px) Georgia,serif;color:var(--aqua);margin:0 auto 35px}.foot{font-size:12px;color:#8bb3bd;padding:24px;text-align:center;position:relative;z-index:2}.return{position:fixed;bottom:20px;right:20px;z-index:15;background:#041a28d9;border:1px solid #d4ffff40;border-radius:99px;padding:12px 16px;text-decoration:none;font-size:12px;opacity:0;pointer-events:none;transition:opacity .25s}.return.show{opacity:1;pointer-events:auto}
@media(max-width:700px){.surface{top:76px;height:105px}.caustics{top:135px}.shafts{top:110px}.hero{padding-top:200px}.immersive{min-height:75vh;padding:85px 24px}.end{min-height:75vh}.topbar .right{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* V12: single ocean, varying page lengths, continuous descent */
*,*:before,*:after{box-sizing:border-box}
.ocean{min-height:100vh}
.navlinks{display:flex;gap:18px;font-size:11px;letter-spacing:.11em}
.navlinks a{text-decoration:none;opacity:.84}.navlinks a:hover{opacity:1;color:#e9ffff}
.topbar{align-items:center}.topbar .right{display:none}
.watermark{position:absolute;top:30px;right:5%;color:#d8fbfa55;letter-spacing:.2em;font-size:10px}
.splash-frame{min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;padding:190px 24px 85px;position:relative;z-index:3}
.splash-frame .hero-inner{max-width:940px}.splash-frame h1{font:normal clamp(56px,9vw,120px)/1.03 Georgia,serif;letter-spacing:-.065em;margin:16px auto 17px}
.splash-frame h1 em{color:#befff1}.splash-frame p{font:italic clamp(19px,2.4vw,29px) Georgia,serif;color:#dceff0;margin:0 auto 27px}
.splash .ocean{min-height:100svh;background:linear-gradient(180deg,#176b85 0%,#104f69 19%,#0a3951 42%,#062338 73%,#041523 100%)}
.splash .surface{top:65px}.splash .caustics{top:145px;height:410px}.splash .shafts{top:120px;height:600px}
.splash .hint{margin-top:44px}
.quiet{font-size:11px;color:#acd7dc;letter-spacing:.14em;text-transform:uppercase;margin-top:28px}
.essay-ocean{background:linear-gradient(180deg,#176b85 0%,#11506a 3%,#0a344b 14%,#082a40 30%,#062037 49%,#04192c 68%,#031120 88%,#020b14 100%)}
.essay-top{position:relative;z-index:3;max-width:950px;margin:0 auto;padding:285px 27px 70px}
.essay-top .overline{margin-bottom:15px}.essay-top h1{font:normal clamp(48px,7vw,86px)/1.09 Georgia,serif;letter-spacing:-.045em;margin:0 0 15px}
.essay-intro{font:italic clamp(19px,2.3vw,28px)/1.5 Georgia,serif;color:#d3eded;max-width:800px}
.essay-content{position:relative;z-index:3;max-width:950px;margin:0 auto;padding:10px 27px 95px}
.essay-body{background:linear-gradient(180deg,#041d2da1,#03152282);border:1px solid #c7ffff1e;border-radius:24px;padding:clamp(25px,4.6vw,62px);backdrop-filter:blur(8px);box-shadow:0 24px 70px #0004}
.essay-body .meta{letter-spacing:.2em;text-transform:uppercase;font-size:11px;color:#9bdddc}
.essay-body h1{display:none}.essay-body h2{font:normal clamp(30px,3.5vw,43px)/1.16 Georgia,serif;color:#ddffff;letter-spacing:-.025em;margin:57px 0 19px;scroll-margin-top:40px}
.essay-body h3{font:normal 26px Georgia,serif;color:#d8fbfb;margin:36px 0 12px}
.essay-body p,.essay-body li{font-size:clamp(16px,1.48vw,18px);line-height:1.84;color:#daebef}
.essay-body p{margin:0 0 22px}.essay-body a{color:#a9f0e8;text-underline-offset:3px}.essay-body strong{color:#f0ffff}
.essay-body blockquote{border-left:2px solid #a9f0e8aa;padding:10px 0 10px 22px;margin:33px 0;color:#ebffff;font:italic 27px/1.55 Georgia,serif}
.essay-body blockquote p{font:inherit}.essay-body ul,.essay-body ol{padding-left:24px}
.essay-body .toc{border:1px solid #c7ffff26;padding:20px 24px;border-radius:17px;background:#071f31b9;margin:30px 0}
.essay-body .toc h3{margin:0 0 12px}.essay-body .toc a{display:block;margin:7px 0;text-decoration:none}
.essay-body .note{border-left:2px solid #e7cb8d;padding:16px;background:#dec88e10;color:#ebeded}
.essay-body .source-list li{font-size:14px}.essay-body .water-rule{height:38px;margin:40px 0;background:radial-gradient(ellipse at 50% 0%,#9fe8ef22,transparent 72%)}
.depth-cta{text-align:center;position:relative;z-index:3;max-width:920px;margin:0 auto;padding:10px 27px 125px}
.depth-cta h2{font:normal clamp(38px,5vw,61px) Georgia,serif;margin:6px 0 18px}.depth-cta p{line-height:1.65;color:#d1e6e8;font-size:18px;margin:0 auto 25px;max-width:700px}
.depth-cta .cta{margin:5px}.depth-cta .ghost{background:transparent;opacity:.8}
.essay-body .intro{font-size:21px;line-height:1.65}

/* site build additions */
.topbar .navlinks a[aria-current]{opacity:1;color:#e9ffff;border-bottom:1px solid #a7f0e966;padding-bottom:3px}
.depth-cta .cta+.cta{margin-left:6px}
.end .cta+.cta{margin-top:12px}
.foot p{margin:6px auto;max-width:640px;line-height:1.6}
.foot .tagline{font:italic 16px Georgia,serif;color:#cfeeee;letter-spacing:0}
.essay-body .lead{font:italic clamp(19px,2vw,23px)/1.6 Georgia,serif;color:#e4fbfb}
.essay-body .closing{font:italic clamp(20px,2.2vw,26px)/1.5 Georgia,serif;color:#d7f9f7}
@media(max-width:700px){.topbar{flex-wrap:wrap;row-gap:10px}.navlinks{flex-wrap:wrap;gap:6px 14px;font-size:10px;letter-spacing:.08em}.navlinks a:not(:last-child){display:inline}.surface{top:100px}.hero{padding-top:230px}.essay-top{padding-top:250px}}
@media(max-width:380px){.hero h1{font-size:50px}}
.foot{padding-bottom:84px}
/* v2: join buttons and hub */
.navright{display:flex;align-items:center;gap:22px}
.join-btn{display:inline-block;background:#b9f6ed;color:#052b3b;border-radius:99px;padding:9px 18px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background .2s}
.join-btn:hover{background:#e4fffb}
.join-btn:focus-visible,.hub-card:focus-visible,.cta:focus-visible{outline:2px solid #e4ffff;outline-offset:3px}
.return{position:static;opacity:1;pointer-events:auto}
.float-bar{position:fixed;bottom:20px;right:20px;z-index:15;display:flex;gap:10px;align-items:center;opacity:0;pointer-events:none;transition:opacity .25s}
.float-bar.show{opacity:1;pointer-events:auto}
.float-bar .join-btn{padding:12px 18px;box-shadow:0 6px 20px #0005}
.hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:980px;width:100%;margin:10px auto 38px;text-align:left}
.hub-card{display:flex;flex-direction:column;gap:7px;padding:22px 22px 24px;border:1px solid #c7ffff26;border-radius:20px;background:#03192ab8;backdrop-filter:blur(8px);text-decoration:none;transition:background .2s,border-color .2s}
.hub-card:hover{background:#0a2c40d0;border-color:#c7ffff55}
.hub-card b{font:normal 26px/1.15 Georgia,serif;color:#e9ffff}
.hub-card span:last-child{color:#c9e1e5;font-size:15px;line-height:1.55}
.hub-card .depth{font-size:10px}
.end-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.join-cta{background:#b9f6ed;color:#052b3b;border-color:#b9f6ed}
.join-cta:hover{background:#e4fffb;color:#052b3b}
@media(max-width:900px){.hub{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.navright{width:100%;justify-content:space-between;gap:12px}.topbar .join-btn{padding:8px 14px}.hub{grid-template-columns:1fr}.float-bar{right:12px;bottom:12px}.float-bar .return{padding:12px 13px}}
.end-ctas .cta,.end .end-ctas .cta+.cta{margin:0}

/* home: signup box, waybar in flow, link row */
.notify{position:relative;z-index:3;text-align:center;padding:2svh 24px 8svh}
.notify #notify-line{margin:0 0 20px;font:italic clamp(19px,2vw,24px)/1.4 Georgia,serif;color:#d2f7f1}
#notify-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;max-width:460px;margin:0 auto}
#notify-form[hidden]{display:none}
#notify-email{flex:1 1 220px;min-width:0;padding:13px 18px;border:1px solid #dafcf855;border-radius:100px;background:#021522b3;color:#f0ffff;font:inherit;font-size:16px}
#notify-email::placeholder{color:#8bb3bd}
#notify-form button{padding:13px 22px;border:1px solid #dafcf870;border-radius:100px;background:#041d2c45;color:#f0ffff;font:inherit;font-size:13px;font-weight:650;letter-spacing:.04em;cursor:pointer;transition:background .2s}
#notify-form button:hover{background:#b3f5e331}
#notify-form button:disabled{opacity:.5;cursor:wait}
#notify-email:focus-visible,#notify-form button:focus-visible{outline:2px solid #e4ffff;outline-offset:3px}
.notify-msg{min-height:1.4em;margin:16px 0 0;font:italic 18px Georgia,serif;color:#bcf2ea}
.sr,.trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Member links: small, top-right and once more at the very end */
.member-end{position:relative;z-index:3;display:flex;gap:12px;justify-content:center;margin:0;padding:0 24px 4svh;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8bb3bd}
.member-end a{color:#bcf2ea;text-decoration:none}
.member-end a:hover,.member-end a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.member-end a:focus-visible{outline:2px solid #e4ffff;outline-offset:3px;border-radius:4px}
.home .hero{min-height:100svh;padding-top:200px}
.home .surface{top:65px}
.home .end{min-height:0;padding-bottom:70px}
.home .notify{padding:30px 24px 40px}
.home .member-end{flex-wrap:wrap;padding-bottom:5svh}
@media(max-width:700px){.home .hero{padding-top:150px}.home .foot{padding-bottom:84px}}

/* v2: tile map near the top */
.home .hero{min-height:84svh;padding-bottom:70px}
.hero .cta+.cta{margin-left:8px}
.mapband{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,70px);align-items:center;max-width:1100px;margin:0 auto;padding:30px clamp(20px,5vw,60px) 90px}
.mapband h2{font:normal clamp(36px,4.4vw,58px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:14px 0 16px}
.mapband p{font-size:clamp(16px,1.6vw,19px);line-height:1.65;color:#d1e5e8;margin:0 0 24px}
.mapband .text-link{display:inline-flex;margin-left:18px}
@media(max-width:800px){.mapband{grid-template-columns:1fr;padding-bottom:70px}.mapband .text-link{margin:16px 0 0}}

.usmap{min-width:0}
.usmap-svg{display:block;width:100%;height:auto}
.us-st path{fill:#4fc7c0;stroke:#020b13;stroke-width:.8;transition:fill .15s}
.us-st:hover path,.us-st:focus-visible path{fill:#bdfbf4}
.us-st:focus{outline:none}
.us-st:focus-visible path{stroke:#fff;stroke-width:2.5}
.us-lab{font:600 11px Inter,system-ui,sans-serif;fill:#021018;text-anchor:middle;dominant-baseline:middle;pointer-events:none}
@media(max-width:600px){.us-lab{font-size:14px}}