@font-face{font-family:Fraunces;src:url(../fonts/fraunces-latin-soft-normal.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url(../fonts/inter-latin-wght-normal.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(../fonts/jetbrains-mono-latin-wght-normal.woff2)format("woff2");font-weight:100 800;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--grey-paper:#e6e7e9;--grey-rule:#c9ccd1;--grey-ink:#5b6066;--grey-ink-strong:#2b2f34;--abyss:#020b18;--deep:#06243f;--tide:#0b4f7a;--biolume-cyan:#3cf2ff;--biolume-magenta:#ff3cc7;--coral-orange:#ff7a45;--polyp-gold:#ffc857;--reef-pink:#ff3cc7;--reef-pink-deep:#e8189b;--ceiling:#e8fbff59;--text-hi:#f2f7fa;--text-lo:#9fb6c8;--panel:#020b188c;--panel-solid:#020b18db;--line:#9fb6c84d;--display:"Fraunces", "Iowan Old Style", Georgia, serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--system:system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--gutter:max(16px, 6vw);--wet:1}[hidden]{display:none!important}*,:before,:after{box-sizing:border-box}html{background:var(--abyss);-webkit-text-size-adjust:100%}body{background:var(--abyss);color:var(--text-hi);font:400 1.125rem/1.6 var(--body);margin:0;overflow-x:hidden}#sea{z-index:0;width:100%;height:100%;transition:opacity .3s;display:block;position:fixed;inset:0}html:not(.js) #sea,html:not(.js) #sheet{display:none}.skip{z-index:40;background:var(--abyss);color:var(--text-hi);border:2px solid var(--biolume-cyan);padding:.6rem .9rem;position:absolute;top:-60px;left:12px}.skip:focus{top:calc(12px + env(safe-area-inset-top,0px))}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}main{position:relative}section:has(.beat){flex-direction:column;display:flex}.beat{min-height:calc(var(--len,0) * 1vh);flex:none;position:relative}.beat:last-child{flex:1 0 auto}@media (max-width:899px){.beat{min-height:0;margin-bottom:42vh}}section{min-height:calc(var(--len,120) * 1vh);padding-inline:var(--gutter);padding-block:14vh 10vh}.copy{z-index:4;background:var(--panel);border-radius:3px;flex-direction:column;gap:1rem;max-width:36ch;padding:1.1rem 1.2rem;display:flex;position:relative}.copy>*{margin:0}@media (min-width:900px){.copy{background:0 0;padding:0;position:sticky;top:max(92px,15vh)}#s6 .copy,#s7 .copy,#generative-objects{max-width:40ch;top:max(84px,12vh)}}@media (min-width:900px) and (max-height:820px){body{font-size:1rem}#s6 .copy,#s7 .copy,#generative-objects{gap:.7rem;top:72px}}h1,h2,h3,.hero-line{font-family:var(--display);font-variation-settings:"SOFT" 100;letter-spacing:-.012em;text-wrap:balance;margin:0;font-weight:380;line-height:1.04}h1{font-size:clamp(2.75rem,6vw,6rem)}h2{font-size:clamp(2rem,4vw,3.75rem)}h3,.hero-line{font-size:clamp(1.45rem,2.4vw,2.1rem)}.hero-line{color:var(--text-hi)}.tag,.eyebrow{font:500 .75rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--reef-pink)}.note{font:400 .74rem/1.5 var(--mono);color:var(--text-lo)}.stat strong{color:var(--text-hi)}.select{-webkit-user-select:all;user-select:all;color:var(--text-hi)}#s1{color:var(--grey-ink);background:var(--grey-paper)}html.js #s1{background:0 0}#s1 .copy{background:var(--grey-paper);border:1px solid var(--grey-rule);max-width:44rem;opacity:calc(1 - var(--wet) * 1.6);border-radius:0;gap:.8rem;padding:27px 24px;position:relative;top:auto}#s1 h1{font-family:var(--system);letter-spacing:-.02em;color:var(--grey-ink-strong);font-variation-settings:normal;font-size:clamp(2.2rem,5.2vw,4.6rem);font-weight:600}#s1 .eyebrow{color:var(--grey-ink)}#s1 .sub{font-family:var(--system);color:var(--grey-ink-strong)}.cellrow{border:1px solid var(--grey-rule);font:13px/26px var(--system);background:#f1f2f3;max-width:30rem;display:flex}.cellrow label{text-align:center;border-right:1px solid var(--grey-rule);width:44px;color:var(--grey-ink);background:var(--grey-paper)}.cellrow input{min-width:0;font:inherit;color:var(--grey-ink-strong);background:0 0;border:0;flex:1;height:26px;padding:0 8px}.cellrow.saved{background:#c3c7cc}.cue{font:500 .85rem var(--mono);color:#0b4f7a}.plainrows{font:13px/28px var(--system);margin:0;padding:0;list-style:none}.plainrows li{border-bottom:1px solid var(--grey-rule)}footer{z-index:4;padding:1.2rem var(--gutter) 6.5rem;font:400 .74rem var(--mono);color:var(--text-lo);position:relative}a{color:var(--reef-pink)}:focus-visible{outline:2px solid var(--biolume-cyan);outline-offset:3px}#s1 :focus-visible{outline-color:#0b4f7a}button,.btn{font:500 .82rem/1.2 var(--body);color:var(--text-hi);border:1px solid var(--line);cursor:pointer;background:#06243fd1;border-radius:999px;padding:.5rem .9rem;text-decoration:none;display:inline-block}button:hover,.btn:hover{border-color:var(--biolume-cyan)}button[aria-pressed=true]{border-color:var(--biolume-cyan);color:var(--biolume-cyan)}button:disabled{opacity:.55;cursor:default;border-color:var(--line)}.btn.primary{background:var(--reef-pink-deep);border-color:var(--reef-pink-deep);color:#fff;padding:.75rem 1.4rem;font-size:1rem;font-weight:600}button.link{color:var(--biolume-cyan);font:400 .74rem var(--mono);background:0 0;border:0;border-radius:0;align-self:flex-start;padding:0;text-decoration:underline}.row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.chips button{font:400 .7rem var(--mono);padding:.32rem .6rem}.chips button.defined{color:var(--text-lo);border-style:dashed}.chips button .sw{background:var(--c,var(--text-lo));border-radius:50%;width:.55rem;height:.55rem;margin-right:.4rem;display:inline-block}.card{border:1px solid var(--line);background:var(--panel-solid);border-radius:4px;gap:.5rem;padding:.85rem .95rem;font-size:.86rem;line-height:1.45;display:grid}.card>*{min-width:0;margin:0}.card dd,.card p,.card-head span:first-child{overflow-wrap:anywhere}.card-head{font:500 .76rem var(--mono);justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.pill{font:500 .62rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-lo);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:.1rem .45rem}.card dl{grid-template-columns:5.4rem minmax(0,1fr);gap:.25rem .7rem;margin:0;display:grid}.card dt{color:var(--text-lo)}.card dd{min-width:0;margin:0}.dots3{flex-wrap:wrap;gap:.15rem .7rem;display:flex}.dots3 span{white-space:nowrap}.dots3 .on{color:var(--text-hi)}.dots3 .off{color:var(--text-lo)}#wfcard{z-index:30;width:min(22.5rem,100vw - 32px);position:fixed;top:0;left:0;box-shadow:0 12px 40px #00000080}#wfcard .close{color:var(--text-lo);background:0 0;border:0;padding:.3rem .5rem;font-size:1rem;position:absolute;top:.35rem;right:.4rem}#wfcard .card-head{padding-right:1.6rem}@media (max-width:899px){#wfcard{right:16px;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:auto;top:auto!important;left:16px!important;transform:none!important}}.fallback2d #wfcard{width:auto;box-shadow:none;position:static;transform:none!important}.key{font:400 .72rem var(--mono);color:var(--text-lo);flex-wrap:wrap;gap:.3rem 1rem;padding:0;list-style:none;display:flex}.key i{background:var(--c);vertical-align:-.05rem;width:.7rem;height:.7rem;box-shadow:0 0 8px var(--c);border-radius:50%;margin-right:.4rem;display:inline-block}.key i.ceil{vertical-align:.25rem;background:#e8fbff;border-radius:0;width:1.1rem;height:2px;box-shadow:0 0 8px #e8fbff}table.mini{border-collapse:collapse;font:400 .72rem/1.5 var(--mono);width:100%}table.mini caption{text-align:left;caption-side:bottom;padding-top:.4rem}table.mini th{text-align:left;color:var(--text-lo);font-weight:500}table.mini th,table.mini td{border-bottom:1px solid #9fb6c829;padding:.18rem .6rem .18rem 0}details.textversion summary{cursor:pointer;font:400 .74rem var(--mono);color:var(--text-lo)}details.textversion[open]{background:var(--panel-solid);border-radius:4px;max-height:40vh;padding:.6rem;overflow:auto}.tend{gap:.5rem;display:grid}#tray button{touch-action:none;-webkit-user-select:none;user-select:none}#tray button .n{color:var(--text-lo);margin-left:.35rem}.drag-ghost{z-index:50;pointer-events:none;font:500 .75rem var(--mono);background:var(--polyp-gold);color:#241a00;border-radius:999px;padding:.3rem .6rem;position:fixed;transform:translate(-50%,-140%)}ol.journey{color:var(--text-lo);gap:.2rem;padding-left:1.4rem;font-size:.92rem;line-height:1.4;display:grid}ol.journey strong{font-weight:500}ol.journey li.on{color:var(--text-hi)}ol.journey li.on strong{color:var(--polyp-gold)}ol.journey .loop{display:block}html.js ol.journey .loop{opacity:.35}html.js ol.journey li.looped .loop{opacity:1;color:var(--polyp-gold)}.hud{z-index:20;pointer-events:none;justify-content:space-between;gap:.5rem;display:flex;position:fixed;left:12px;right:12px}.hud>*{pointer-events:auto}#hud-top{top:calc(12px + env(safe-area-inset-top,0px));align-items:flex-start}.hud-left{align-items:center;gap:14px;display:flex}@media (max-width:700px){.hud-left{justify-items:start;gap:8px;display:grid}}#hud-bottom{bottom:calc(10px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;align-items:flex-end}.hud-right{gap:.4rem;display:flex}#badge{font:500 .68rem var(--mono);background:var(--panel-solid);border:1px solid var(--line);color:var(--text-hi);border-radius:999px;padding:.42rem .7rem}.hud button{background:var(--panel-solid);padding:.42rem .75rem;font-size:.74rem}#oldcap{z-index:20;top:calc(52px + env(safe-area-inset-top,0px));max-width:min(70vw,26rem);font:400 13px/26px var(--system);background:var(--grey-paper);color:var(--grey-ink-strong);border:1px solid var(--grey-rule);padding:0 .6rem;position:fixed;right:12px}#meter{background:var(--panel-solid);border:1px solid var(--line);border-radius:6px;align-items:center;gap:.6rem;padding:.45rem .7rem;display:flex}#meter svg{width:44px;height:44px}#meter circle{fill:none;stroke-width:4px}#meter .track{stroke:#9fb6c840}#arc{stroke:var(--biolume-cyan);stroke-linecap:round;transition:stroke .6s}#vnum{font:500 1.05rem var(--mono);font-variant-numeric:tabular-nums}.meter-label{font:400 .62rem var(--mono);color:var(--text-lo)}#spark{width:90px;height:30px}#switch{background:var(--panel-solid);border:1px solid var(--line);border-radius:6px;gap:.3rem;margin-left:auto;padding:.45rem .55rem;display:grid}.seg{flex-wrap:wrap;gap:.3rem;display:flex}body.old #arc{stroke:var(--text-lo)}#dots{z-index:20;gap:2px;display:grid;position:fixed;top:50%;right:10px;transform:translateY(-50%)}#dots button{background:0 0;border:0;place-items:center;width:22px;height:22px;padding:0;display:grid}#dots button:after{content:"";background:var(--text-lo);opacity:.55;border-radius:50%;width:6px;height:6px;transition:transform .2s}#dots button[aria-current=true]:after{background:var(--reef-pink);opacity:1;transform:scale(1.6)}body[data-scene="0"] #dots button:after{background:var(--grey-ink)}@media (max-width:899px){#dots{display:none}}#labels,#hotspots{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:hidden}.label{font:500 .7rem/1.3 var(--mono);color:var(--text-hi);white-space:nowrap;text-shadow:0 0 6px var(--abyss), 0 0 2px var(--abyss);will-change:transform, opacity;position:absolute;top:0;left:0}.label small{color:var(--text-lo);font-size:.6rem;font-weight:400;display:block}.label .bar{background:var(--biolume-cyan);height:3px;box-shadow:0 0 8px var(--biolume-cyan);border-radius:2px;margin-top:4px;display:block}.label.center{text-align:center}.label.center .bar{margin-inline:auto}.hot{pointer-events:auto;will-change:transform;background:0 0;border:0;border-radius:50%;width:36px;height:36px;padding:0;position:absolute;top:-18px;left:-18px}.hot:after{content:"";background:#f2f7fa1f;border:1.5px solid #f2f7fae6;border-radius:50%;transition:inset .15s,border-color .15s;position:absolute;inset:12px;box-shadow:0 0 10px #e8fbff80}.hot.defined:after{box-shadow:none;background:0 0;border-style:dotted;border-color:#9fb6c8bf;inset:14px}.hot:hover:after,.hot.sel:after{border-color:#fff;inset:7px}.hot.fact{width:24px;height:24px;top:-12px;left:-12px}.hot.fact:after{background:0 0;border-color:#0000;inset:9px}.hot.fact:hover:after,.hot.fact.sel:after{border-color:#f2f7fae6;inset:3px}#sheet{z-index:1;pointer-events:none;font:13px/28px var(--system);color:var(--grey-ink);opacity:calc(1 - var(--wet) * 2.4);position:fixed;inset:0;overflow:hidden}#sheet-rows{position:absolute;bottom:56px;left:0;right:0}#sheet-rows div{height:28px;padding-left:calc(var(--sheet-col,0px) + 8px);white-space:nowrap;overflow:hidden}#sheet-rows div.typing:after{content:"";background:var(--grey-ink-strong);vertical-align:-2px;width:1px;height:15px;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}#sheet-clock{font-variant-numeric:tabular-nums;height:28px;position:absolute;bottom:0;right:8px}#curve{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:visible}#curve path{fill:none;stroke-dasharray:1;stroke-dashoffset:1px}#curve-old{stroke:#9aa0a6;stroke-width:1.5px}#curve-reef{stroke:var(--biolume-cyan);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--biolume-cyan)) drop-shadow(0 0 18px #3cf2ff99)}#curve-labels{z-index:3;pointer-events:none;font:400 .68rem var(--mono);position:fixed;inset:0}#curve-labels span{position:absolute}#curve-l-old{color:#9aa0a6}#curve-l-reef{color:var(--biolume-cyan)}@media (prefers-reduced-motion:reduce){#sheet-rows div.typing:after{animation:none}*{scroll-behavior:auto!important}}@media (max-width:560px){#badge{border-radius:8px;max-width:9.2rem;line-height:1.35}.hud button{white-space:nowrap;padding:.4rem .6rem;font-size:.68rem}#spark{display:none}}#generative-objects>p:not(.tag):not(.closing){font-size:.98rem;line-height:1.55}.pillars{gap:.5rem;margin:0;font-size:.9rem;line-height:1.45;display:grid}.pillars dt{font:500 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--reef-pink)}.pillars dd{color:var(--text-hi);margin:0 0 .15rem}.closing{color:var(--text-hi)}@media (min-width:900px){#generative-objects{max-width:33rem!important}#generative-objects>p:not(.tag):not(.closing){font-size:.92rem;line-height:1.5}.pillars{grid-template-columns:1fr 1fr;gap:.6rem 1.4rem;font-size:.84rem}.pillars>div{min-width:0}#generative-objects{background:#020b18b8;border-radius:4px;margin-left:-1.3rem;padding:1.1rem 1.3rem}}#brand{border-radius:4px;line-height:0;display:block}.logo{width:auto;height:30px;display:block}.logo .lm,.brandmark .lm{stroke:var(--reef-pink);transition:stroke .8s}.logo .lw{fill:var(--text-hi);transition:fill .8s}body[data-scene="0"] #brand .lm{stroke:var(--grey-ink)}body[data-scene="0"] #brand .lw{fill:var(--grey-ink-strong)}body.old #brand .lm{stroke:var(--text-lo)}.brandmark{filter:drop-shadow(0 0 14px #ff3cc766);align-self:flex-start;width:auto;height:64px}.ticks{width:auto;height:9px;display:block}.ticks path{stroke:var(--reef-pink);stroke-width:1.6px;stroke-linecap:round;fill:none}.foot-row{flex-wrap:wrap;align-items:center;gap:.8rem 1.6rem;margin-top:1rem;display:flex}.foot-logo{height:26px}.btn.primary:hover{background:var(--reef-pink);border-color:var(--reef-pink)}@media (max-width:560px){.logo{height:24px}#brand .logo{height:22px}}#brand{background:var(--panel-solid);border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 9px}body[data-scene="0"] #brand{background:var(--grey-paper);border-color:var(--grey-rule)}@media (max-width:560px){#badge{max-width:none}}html:not(.js) section{min-height:0;padding-block:4.5rem}html:not(.js) .copy{background:0 0;max-width:40rem;padding:0;position:static}html:not(.js) #s1 .copy{opacity:1}html:not(.js) .hud button,html:not(.js) #hud-bottom{display:none}html:not(.js) details.textversion{display:block}.fallback2d #hotspots,.fallback2d #labels{display:none}.fallback2d body.old #sea{filter:grayscale()brightness(.85)}.fallback2d #sea{transition:filter 1.5s,opacity .3s}
