.home-surface{min-height:100svh;display:flex;position:relative}.home-surface-inner{width:100%;padding-top:clamp(5rem,15vh,9rem);padding-bottom:var(--space-md);grid-template-rows:auto 1fr auto auto;display:grid}.home-line{--k-weight:860;text-wrap:balance;max-width:19ch;text-shadow:var(--text-halo);font-size:clamp(1.75rem,2.2vw + 1rem,3rem);line-height:1.04}.home-play{align-items:center;gap:var(--space-xs) var(--space-md);max-width:30rem;text-shadow:var(--text-halo);flex-wrap:wrap;grid-row:3;display:flex}.home-hint{font-family:var(--font-mono);font-variation-settings:var(--axes-mono);font-size:var(--text-sm);color:var(--color-ink)}.home-thrown{min-height:1lh;font-size:var(--text-sm);color:var(--color-ink-2);flex-basis:100%}html[data-webgl=off] .home-play{display:none}.home-dive{min-width:var(--size-hit);min-height:var(--size-hit);margin-top:var(--space-md);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);color:var(--color-ink);text-shadow:var(--text-halo);font-family:var(--font-display);font-variation-settings:var(--axes-display);flex-direction:column;grid-row:4;justify-self:start;align-items:center;gap:.1rem;font-weight:800;text-decoration:none;display:inline-flex}.home-dive svg{width:1.25rem;height:1.25rem;animation:dive-cue 2.4s var(--ease-in-out) infinite;rotate:90deg}@keyframes dive-cue{50%{translate:0 .35rem}}@media (min-width:64rem){.home-dive{justify-self:center}}.dive-rope-root{position:relative}.dive-rope{inset-block:0;left:calc((100% - min(100%, var(--size-content))) / 2 + var(--space-gutter) / 2);pointer-events:none;width:0;position:absolute}.dive-rope-line,.dive-rope-fill{inset-block:0;border-radius:1px;width:2px;position:absolute;left:-1px}.dive-rope-line{background:repeating-linear-gradient(to bottom, color-mix(in oklch, var(--color-ink) 30%, transparent) 0 5px, transparent 5px 9px)}.dive-rope-fill{background:linear-gradient(to bottom, var(--color-accent), var(--color-bio) 40%);transform-origin:50% 0;box-shadow:0 0 10px color-mix(in oklch, var(--color-bio) 55%, transparent);transform:scaleY(0)}.dive-rope-knot{align-items:center;display:flex;position:absolute;top:0;left:0}.dive-rope-knot:before{content:"";background:var(--color-paper);width:11px;height:11px;box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--color-ink) 55%, transparent);transition:background-color var(--dur-long) var(--ease-out), box-shadow var(--dur-long) var(--ease-out);border-radius:50%;flex:none;margin-inline-start:-5.5px}.dive-rope-knot[data-reached]:before{background:var(--color-bio);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-bio) 25%, transparent), 0 0 14px var(--color-bio)}.dive-rope-depth{font-family:var(--font-mono);font-variation-settings:var(--axes-mono);font-size:var(--text-xs);color:var(--color-ink-2);text-shadow:var(--text-halo);white-space:nowrap;transition:color var(--dur-long) var(--ease-out);margin-inline-start:var(--space-xs);line-height:1}.dive-rope-knot[data-reached] .dive-rope-depth{color:var(--color-ink)}.dive-rope-tip{position:absolute;top:0;left:0}.dive-rope-tip:before{content:"";background:var(--color-ink);width:8px;height:8px;box-shadow:0 0 12px 2px var(--color-bio);border-radius:50%;position:absolute;top:-4px;left:-4px}.dive-rope-tip i{width:6px;height:6px;box-shadow:inset 0 0 0 1.5px var(--color-ink-2);opacity:0;animation:rope-bubble 2.6s var(--ease-in) infinite;border-radius:50%;position:absolute;top:-6px;left:-3px}.dive-rope-tip i:nth-child(2){width:4px;height:4px;animation-delay:-.9s;left:1px}.dive-rope-tip i:nth-child(3){width:5px;height:5px;animation-delay:-1.8s;left:-5px}@keyframes rope-bubble{0%{opacity:0;transform:translate(0)}15%{opacity:.9}to{opacity:0;transform:translate(.4rem,-3.5rem)}}.home-title{max-width:18ch;font-size:var(--text-display-s);text-wrap:balance;text-shadow:var(--text-halo)}.home-proof{padding-block:var(--space-4xl) var(--space-3xl);outline:none}.home-updated{margin-top:var(--space-sm)}.home-bubbles{margin:var(--space-2xl) 0 0;gap:var(--space-2xl) var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.home-bubble{--reveal-y:5rem;text-shadow:var(--text-halo);position:relative}.home-bubble:nth-child(2n){margin-top:var(--space-2xl)}.home-bubble-value{font-family:var(--font-display);font-variation-settings:var(--axes-display);letter-spacing:-.04em;color:var(--color-ink);font-size:clamp(2.5rem,4vw + 1rem,5.5rem);font-weight:900;line-height:.95}.home-bubble-value>span{overflow-wrap:anywhere;min-width:0;animation:bubble-bob 5.5s var(--ease-in-out) infinite;animation-delay:calc(var(--i) * -1.4s);display:inline-block}.home-bubble-empty{color:var(--color-muted)}.home-bubble-label{margin-top:var(--space-xs);color:var(--color-ink);font-weight:600}.home-bubble-window{font-weight:400;font-size:var(--text-sm);color:var(--color-ink-2);display:block}.home-bubble-source{margin-top:var(--space-2xs);font-size:var(--text-sm);color:var(--color-muted)}.home-bubble:before,.home-bubble:after{content:"";width:.55rem;height:.55rem;box-shadow:inset 0 0 0 1.5px var(--color-ink-2);animation:bubble-rise 4.2s var(--ease-in) infinite;animation-delay:calc(var(--i) * -.9s);border-radius:50%;position:absolute;top:2.5rem;left:-.85rem}.home-bubble:after{width:.35rem;height:.35rem;animation-delay:calc(var(--i) * -.9s - 2.1s);left:-.4rem}@keyframes bubble-bob{50%{translate:0 -.35rem}}@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(-4rem)}}@media (min-width:64rem){.home-bubbles{grid-template-columns:repeat(4,minmax(0,1fr))}.home-bubble:nth-child(2){margin-top:5rem}.home-bubble:nth-child(3){margin-top:1.5rem}.home-bubble:nth-child(4){margin-top:6.5rem}}.home-dial{padding-block:var(--space-4xl) var(--space-3xl);text-shadow:var(--text-halo)}.home-dial-title{font-size:var(--text-display-s);letter-spacing:var(--tracking-display)}.home-dial-title time{color:var(--color-accent)}.home-dial-lede{margin-top:var(--space-sm);max-width:40rem;color:var(--color-ink-2)}.dial{margin-top:var(--space-xl);gap:var(--space-xl);grid-template-columns:minmax(0,1fr);display:grid}.dial-readout{flex-direction:column;align-items:flex-start;display:flex}.dial-time{font-family:var(--font-mono);font-variation-settings:var(--axes-mono);letter-spacing:-.04em;font-size:clamp(3rem,4vw + 1.5rem,5rem);font-weight:700;line-height:1}.dial-phase{margin-top:var(--space-xs);font-family:var(--font-display);font-variation-settings:var(--axes-display);font-weight:800;font-size:var(--text-lg);line-height:1.2}.dial-detail{margin-top:var(--space-sm);color:var(--color-ink-2)}.dial-status{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-2)}.dial-reset{margin-top:var(--space-md)}.dial-reset:disabled{opacity:.55;cursor:not-allowed;transform:none}.dial-plot{border-radius:var(--radius-input);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:clamp(12rem,22vw,18rem);position:relative}.dial-plot:focus-visible{outline-offset:6px}.dial-plot svg{display:block;overflow:visible}.dial-band-golden{fill:color-mix(in oklch, var(--color-accent) 14%, transparent)}.dial-band-blue{fill:color-mix(in oklab, color-mix(in oklab, var(--scene-sea-shallow) 50%, var(--color-ink)) 26%, transparent)}.dial-horizon{stroke:var(--color-ink-2);stroke-width:1.5px;stroke-dasharray:2 6}.dial-tick{stroke:var(--color-ink-2);stroke-width:1px}.dial-hour{fill:var(--color-ink-2);font-family:var(--font-mono);paint-order:stroke;stroke:var(--color-paper);stroke-width:3px;font-size:12px}.dial-path-above,.dial-path-below{fill:none;stroke-linecap:round;stroke-linejoin:round}.dial-path-above{stroke:var(--color-accent);stroke-width:3px;filter:drop-shadow(0 0 6px var(--color-glow))}.dial-path-below{stroke:var(--color-ink-2);stroke-width:1.5px;stroke-dasharray:1 5}.dial-riseset{fill:var(--color-ink);stroke:var(--color-paper);stroke-width:2px}.dial-now line{stroke:var(--color-ink-2);stroke-width:1px}.dial-now text{fill:var(--color-ink-2);paint-order:stroke;stroke:var(--color-paper);stroke-width:3px;font-size:12px}.dial-guide{stroke:color-mix(in oklch, var(--color-accent) 55%, transparent);stroke-width:1px}.dial-sun-glow{fill:var(--color-glow);transform-box:fill-box;transform-origin:50%;transition:transform var(--dur-short) var(--ease-out)}.dial-plot:active .dial-sun-glow{transform:scale(1.6)}@media (hover:hover) and (pointer:fine){.dial-plot:hover .dial-sun-glow{transform:scale(1.3)}}.dial-sun{fill:var(--scene-sun);stroke:var(--color-paper);stroke-width:2px}.dial-plot:focus-visible .dial-sun{stroke:var(--color-focus);stroke-width:3px}.dial-legend{margin:var(--space-sm) 0 0;gap:var(--space-2xs) var(--space-lg);font-size:var(--text-sm);color:var(--color-ink-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.dial-key{width:.9rem;height:.6rem;border-radius:2px;margin-inline-end:var(--space-xs);display:inline-block}.dial-key-golden{background:color-mix(in oklch, var(--color-accent) 45%, transparent)}.dial-key-blue{background:color-mix(in oklab, color-mix(in oklab, var(--scene-sea-shallow) 50%, var(--color-ink)) 60%, transparent)}@media (min-width:56rem){.dial{grid-template-columns:minmax(0,17rem) minmax(0,1fr);align-items:start}}.home-doors{padding-block:var(--space-3xl)}.home-doors ul{gap:var(--space-xl);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.home-doors li{--tilt:-2deg;--shift:0%}.home-doors li:nth-child(2){--tilt:1.5deg;--shift:10%}.home-doors li:nth-child(3){--tilt:-1deg;--shift:3%}.home-door{max-width:calc(100% - var(--shift));rotate:var(--tilt);color:var(--color-ink);text-shadow:var(--text-halo);white-space:normal;flex-direction:column;align-items:flex-start;gap:.2rem;margin-inline-start:var(--shift);text-decoration:none;display:inline-flex}.home-door:focus-visible{outline-offset:8px;border-radius:var(--radius-input)}.home-door-depth{font-family:var(--font-mono);font-variation-settings:var(--axes-mono);font-size:var(--text-sm);color:var(--color-ink-2)}.home-door-head{align-items:center;gap:var(--space-md);max-width:100%;display:flex}.home-door-label{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);font-variation-settings:var(--axes-display);letter-spacing:-.045em;transition:font-variation-settings var(--dur-long) var(--ease-out), font-weight var(--dur-long) var(--ease-out);padding-inline-end:.12em;font-size:clamp(2.75rem,7vw + .5rem,7.5rem);font-weight:900;line-height:.92}.home-door-line{max-width:28rem;color:var(--color-ink-2)}.home-door-arrow{width:clamp(1.75rem,2vw + 1rem,2.75rem);height:auto;color:var(--color-accent);transition:transform var(--dur-long) var(--ease-out);flex:none}.home-door:focus-visible .home-door-label{font-variation-settings:var(--axes-mono);font-weight:500}@media (hover:hover) and (pointer:fine){.home-door:hover .home-door-label{font-variation-settings:var(--axes-mono);font-weight:500}.home-door:hover .home-door-arrow{transform:translate(.5rem)}}@media (min-width:48rem){.home-doors li:nth-child(2){--shift:24%}.home-doors li:nth-child(3){--shift:9%}}.home-featured{padding-top:var(--space-3xl)}.home-featured-head{justify-content:space-between;align-items:baseline;gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.home-featured-head .text-link{text-shadow:var(--text-halo)}.home-floats{margin:var(--space-2xl) 0 0;gap:var(--space-3xl);grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}.home-float{--tilt:-2.5deg;--reveal-y:4rem}.home-float:nth-child(2){--tilt:2deg}.home-float:nth-child(3){--tilt:-1.2deg}.home-float-link{gap:var(--space-xs);color:var(--color-ink);text-shadow:var(--text-halo);white-space:normal;flex-direction:column;text-decoration:none;display:flex}.home-float-link:focus-visible{outline-offset:8px;border-radius:var(--radius-input)}.home-float-img{width:100%;height:auto;rotate:var(--tilt);box-shadow:0 2.5rem 4rem -1.5rem color-mix(in oklch, var(--scene-abyss) 85%, transparent);animation:float-bob 7s var(--ease-in-out) infinite;animation-delay:calc(var(--i) * -2.3s);transition:rotate var(--dur-long) var(--ease-out);border-radius:.6rem;display:block}@keyframes float-bob{50%{translate:0 -.6rem}}.home-float-meta{align-items:baseline;gap:var(--space-2xs) var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.home-float-name{font-family:var(--font-display);font-variation-settings:var(--axes-display);font-weight:900;font-size:var(--text-xl);letter-spacing:-.03em;line-height:1.1}.home-float-line{max-width:34rem;color:var(--color-ink-2)}@media (min-width:48rem){.home-floats{gap:var(--space-2xl) var(--space-lg);grid-template-columns:repeat(12,minmax(0,1fr))}.home-float:first-child{grid-column:1/span 6}.home-float:nth-child(2){grid-column:8/span 5;margin-top:9rem}.home-float:nth-child(3){grid-column:3/span 6;margin-top:-3rem}}@media (hover:hover) and (pointer:fine){.home-float-link:hover .home-float-img{rotate:0deg}.home-float-link:hover .home-float-name{color:var(--color-accent)}}.home-ask{padding-block:var(--space-4xl) var(--space-xl)}.home-ask-title{max-width:16ch}.home-ask-line{align-items:center;gap:var(--space-sm);max-width:48rem;margin-top:var(--space-xl);display:flex}.home-ask-input{min-width:0;min-height:3.5rem;padding:0 var(--space-2xs);border:0;border-bottom:var(--rule-fine) solid var(--color-bio);color:var(--color-ink);font-size:clamp(var(--text-md), 1.5vw + .8rem, var(--text-xl));text-shadow:var(--text-halo);box-shadow:0 1rem 1.5rem -1.1rem var(--color-bio);background:0 0;border-radius:0;flex:1}.home-ask-input::placeholder{color:var(--color-muted);opacity:1}.home-ask-input:focus-visible{outline-offset:4px}.home-ask-send{flex:none;min-height:3.5rem}.home-ask .meta{margin-top:var(--space-sm)}[data-motion=paused] .home-dive svg,[data-motion=paused] .home-bubble-value>span,[data-motion=paused] .home-float-img{animation:none}[data-motion=paused] .dive-rope-tip i{animation:none;display:none}[data-motion=paused] .dial-sun-glow,[data-motion=paused] .dive-rope-knot:before,[data-motion=paused] .dive-rope-depth{transition:none}[data-motion=paused] .home-bubble:before,[data-motion=paused] .home-bubble:after{animation:none;display:none}[data-motion=paused] .home-door-label,[data-motion=paused] .home-door-arrow,[data-motion=paused] .home-float-img{transition:none}@media (prefers-reduced-motion:reduce){.home-dive svg,.home-bubble-value>span,.home-float-img,.home-bubble:before,.home-bubble:after,.dive-rope-tip i{animation:none!important}}
