.story-head,.story-chapter,.story-waves{text-shadow:var(--text-halo)}.story-head{justify-content:center;gap:var(--space-xl);flex-direction:column;min-height:92svh;padding-top:clamp(5rem,14vh,9rem);padding-bottom:clamp(9rem,22vh,14rem);display:flex}.story-float{transform-origin:30% 80%;animation:story-bob 7s var(--ease-in-out) infinite;align-self:flex-start;margin-inline-start:clamp(0rem,9vw,10rem);rotate:-3deg}@keyframes story-bob{0%,to{translate:0;rotate:-3deg}50%{translate:0 -.4rem;rotate:-1.5deg}}.story-h1{font-size:clamp(3.5rem,17vw,12rem)}.story-lede{gap:var(--space-sm);max-width:30rem;font-size:clamp(var(--text-md), .9vw + .85rem, var(--text-lg));margin-inline-start:clamp(0rem,34vw,34rem);line-height:1.45;display:grid}.story-lede p:first-child{font-family:var(--font-display);font-variation-settings:var(--axes-display);font-weight:800}.story-ride{flex-direction:column;display:flex}.story-head{order:0}.story-chapters{order:1}.story-chapter{--shift:0%;--tilt:0deg;--size:var(--text-3xl);max-width:var(--size-prose);margin-inline-start:clamp(0px, var(--shift), max(0px, 100% - var(--size-prose) - 2rem));padding-block:clamp(5rem,22vh,12rem)}.story-chapter[data-chapter=pc]{--shift:3%;--tilt:-2deg;--size:clamp(2.25rem, 3vw + 1rem, 3.5rem)}.story-chapter[data-chapter=startups]{--shift:34%;--tilt:1.5deg;--size:clamp(2.5rem, 3.8vw + 1rem, 4.25rem)}.story-chapter[data-chapter=crypto]{--shift:8%;--tilt:-1.5deg;--size:clamp(2.75rem, 4.6vw + 1rem, 5.25rem)}.story-chapter[data-chapter=ai]{--shift:40%;--tilt:2deg;--size:clamp(3rem, 6.5vw + 1rem, 7.5rem)}.story-chapter[data-chapter=now]{--shift:20%;--tilt:-1deg;--size:clamp(2.5rem, 3.8vw + 1rem, 4.25rem)}.story-title{font-size:var(--size);rotate:var(--tilt);transform-origin:0 100%;max-width:12ch}.story-when{margin-top:var(--space-md);font-family:var(--font-mono);font-variation-settings:var(--axes-mono);font-size:var(--text-sm);color:var(--color-muted)}.story-body{margin-top:var(--space-xl);gap:var(--space-md);font-size:clamp(1.0625rem,.3vw + 1rem,1.1875rem);line-height:var(--leading-body);display:grid}.story-sea{width:min(100%,22rem);height:calc(var(--h) * 3.25rem / 150);margin-top:var(--space-md);display:block;overflow:visible}.story-sea path{fill:none;stroke:color-mix(in oklch, var(--color-ink) 72%, transparent);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.js .story-sea{transition:clip-path 1.6s var(--ease-out) .2s}.js .story-chapter:not([data-seen]) .story-sea{clip-path:inset(-1rem 100% -1rem 0)}.js .story-chapter[data-seen] .story-sea{clip-path:inset(-1rem -1rem -1rem 0)}.js .story-chapter:not([data-seen]) .story-title .k-char{animation-play-state:paused}.story-log{margin:var(--space-sm) 0}.story-log-caption,.story-log time,.story-repo,.story-repos-n,.story-repos time,.story-live strong,.story-principle-n{font-family:var(--font-mono);font-variation-settings:var(--axes-mono)}.story-log-caption{font-size:var(--text-sm);color:var(--color-muted)}.story-log ol{margin:var(--space-md) 0 0;padding:0 0 0 var(--space-lg);gap:var(--space-lg);border-inline-start:var(--rule-hair) dashed color-mix(in oklch, var(--color-ink) 40%, transparent);list-style:none;display:grid}.story-log li{gap:var(--space-2xs);display:grid;position:relative}.story-log li:before{content:"";inset-inline-start:calc(-1 * var(--space-lg) - 4.5px);background:var(--color-accent);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in oklch, var(--color-paper) 70%, transparent);border-radius:50%;position:absolute;top:.45em}.story-log time{font-size:var(--text-sm);color:var(--color-accent)}.story-repo{color:var(--color-ink);overflow-wrap:anywhere;font-size:.92em;font-weight:650}.story-repos{margin:var(--space-md) 0 var(--space-xs)}.story-repos ol{align-items:flex-end;gap:var(--space-md) clamp(.85rem, 2.6vw, 1.6rem);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.story-repos li{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.story-repos-n{font-size:var(--text-sm);color:var(--color-ink)}.story-dots{flex-wrap:wrap-reverse;gap:.22rem;width:1.42rem;display:flex}.story-dots i{background:radial-gradient(circle at 35% 30%, var(--color-ink) 0 22%, color-mix(in oklch, var(--scene-caustic) 75%, transparent) 62%);width:.6rem;height:.6rem;box-shadow:0 0 8px color-mix(in oklch, var(--scene-caustic) 45%, transparent);border-radius:50%;display:block}.story-repos time{font-size:var(--text-sm);color:var(--color-muted)}.story-repos figcaption{margin-top:var(--space-md);max-width:32rem;font-size:var(--text-sm);color:var(--color-muted);line-height:1.5}.js .story-repos[data-reveal] .story-dots i{opacity:0;transition:opacity .6s var(--ease-out), translate .9s var(--ease-drift);transition-delay:calc(var(--d) * 18ms + .25s);translate:0 1.25rem}.js .story-repos.is-in .story-dots i{opacity:1;translate:0}.story-live{gap:var(--space-xs);display:grid}.story-live strong{color:var(--color-accent);font-weight:700}.story-live-stamp{font-size:var(--text-sm);color:var(--color-muted)}.story-waves{padding-top:clamp(6rem,20vh,12rem)}.story-waves-title{max-width:12ch;font-size:clamp(2.75rem,7vw + .5rem,7rem)}.story-waves-intro{margin-top:var(--space-lg);max-width:36rem;font-size:clamp(var(--text-base), .6vw + .9rem, var(--text-md));color:var(--color-ink-2);line-height:1.55}.story-principles{gap:clamp(3.5rem,10vh,6rem);margin:clamp(3rem,10vh,6rem) 0 0;padding:0;list-style:none;display:grid}.story-principle{--shift:0%;max-width:34rem;margin-inline-start:clamp(0px, var(--shift), max(0px, 100% - 36rem))}.story-principle:nth-child(2){--shift:44%}.story-principle:nth-child(3){--shift:12%}.story-principle:nth-child(4){--shift:52%}.story-principle:nth-child(5){--shift:24%}.story-principle:nth-child(6){--shift:6%}.story-squiggle{width:7.5rem;height:.75rem;margin-bottom:var(--space-sm);display:block;overflow:visible}.story-squiggle path{fill:none;stroke:color-mix(in oklch, var(--color-ink) 55%, transparent);stroke-width:1.5px;stroke-linecap:round}.story-principle-n{margin-bottom:var(--space-2xs);font-size:var(--text-sm);color:var(--color-muted);display:block}.story-principle h3{font-size:clamp(var(--text-lg), 1.6vw + 1rem, var(--text-2xl))}.story-principle>p{margin-top:var(--space-sm);line-height:var(--leading-body)}.story-from{font-size:var(--text-sm);color:var(--color-muted)}.story-from a{min-height:var(--size-hit);align-items:center;display:inline-flex}.story-close{max-width:24ch;font-family:var(--font-display);font-variation-settings:var(--axes-display);font-size:clamp(var(--text-lg), 2.2vw + .8rem, var(--text-3xl));margin-top:clamp(5rem,14vh,9rem);font-weight:800;line-height:1.2}.story-chart{z-index:var(--z-raised);pointer-events:none;padding-top:2.5rem;padding-bottom:max(var(--space-xs), env(safe-area-inset-bottom));order:2;position:sticky;bottom:0}.story-chart:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to bottom, transparent, color-mix(in oklch, var(--scene-water-deep) var(--band-a,90%), transparent) var(--band-top,2.5rem), color-mix(in oklch, var(--scene-water-deep) 95%, transparent) calc(var(--band-top,2.5rem) + 2rem), color-mix(in oklch, var(--scene-water-deep) 95%, transparent) calc(100% - 3.5rem), transparent);opacity:0;transition:opacity var(--dur-long) var(--ease-out);position:absolute;inset:0 0 -4rem;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3rem calc(100% - 5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 3rem calc(100% - 5rem),#0000)}.story-chart[data-stuck]:before{opacity:1}.ride{margin-inline-end:4.75rem;position:relative}.ride-note{max-width:none;font-family:var(--font-mono);font-variation-settings:var(--axes-mono);font-size:var(--text-xs);color:var(--color-muted);text-shadow:var(--text-halo);line-height:1.4}.ride-note-short{display:none}.ride-hint{color:var(--color-ink-2)}.ride-stage{--stage-h:clamp(4.5rem, 11.5vh, 7.25rem);--fig:4rem;height:var(--stage-h);margin-top:var(--space-sm);pointer-events:auto;touch-action:pan-y;cursor:pointer;overflow-clip-margin:3rem;-webkit-user-select:none;user-select:none;position:relative;overflow:clip}@supports not (overflow-clip-margin:3rem){.ride-stage{clip-path:inset(-3rem);overflow:visible}}.ride-band,.ride-svg{pointer-events:none;height:100%;position:absolute;top:0;overflow:visible}.ride-svg{width:100%;left:0}.ride-band{will-change:translate;width:110%;left:-5%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.ride-band-far path{fill:color-mix(in oklch, var(--scene-caustic) 13%, transparent)}.ride-band-mid path{fill:color-mix(in oklch, var(--scene-water-shallow) 50%, transparent)}.ride-band-far{animation:ride-drift-far 17s var(--ease-in-out) infinite alternate}.ride-band-mid{animation:ride-drift-mid 11s var(--ease-in-out) infinite alternate}@keyframes ride-drift-far{0%{translate:-1.3%}to{translate:1.3% 3%}}@keyframes ride-drift-mid{0%{translate:.9% 2%}to{translate:-.9%}}.ride-water-crest{stop-color:var(--scene-caustic);stop-opacity:.5}.ride-water-top{stop-color:var(--scene-water-shallow);stop-opacity:.75}.ride-water-mid{stop-color:var(--scene-water-shallow);stop-opacity:.5}.ride-water-bottom{stop-color:var(--scene-water-shallow);stop-opacity:.08}.ride-glow{fill:none;stroke:color-mix(in oklch, var(--scene-caustic) 30%, transparent);stroke-width:6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ride-line{fill:none;stroke:var(--color-ink);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ride-ripple{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:1.25rem;height:.375rem;box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--color-ink) 60%, transparent);opacity:.55;pointer-events:none;animation:ride-ripple 3.4s var(--ease-out) infinite;animation-delay:calc(var(--d) * -.85s);border-radius:50%;margin:.125rem 0 0 -.625rem;position:absolute}@keyframes ride-ripple{0%{opacity:0;scale:.2}18%{opacity:.85}to{opacity:0;scale:1.7}}.ride-whitecap{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:calc(.8rem * var(--s));height:calc(.42rem * var(--s));pointer-events:none;background:radial-gradient(ellipse at 50% 85%, var(--color-ink) 0 34%, color-mix(in oklch, var(--color-ink) 45%, transparent) 58%, transparent 74%);animation:ride-froth 1.9s var(--ease-in-out) infinite alternate;animation-delay:calc(var(--d) * -.37s);border-radius:50% 50% 40% 40%/75% 75% 25% 25%;position:absolute;translate:-50% -62%}@keyframes ride-froth{0%{opacity:.5;scale:.75 .7}to{opacity:1;scale:1.15 1.1}}.ride-lip{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:min(calc(var(--stage-h) * .55), 6%);aspect-ratio:40/34;pointer-events:none;transform-origin:10% 14.7%;animation:ride-throw 3.6s var(--ease-in-out) infinite alternate;position:absolute;overflow:visible;translate:-10% -14.7%}@keyframes ride-throw{0%{rotate:-3deg;scale:.95}to{rotate:2deg;scale:1.04}}.ride-lip-water{fill:color-mix(in oklch, var(--scene-caustic) 34%, var(--scene-water-shallow));fill-opacity:.8}.ride-lip-edge{fill:none;stroke:var(--color-ink);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.ride-foam circle{fill:var(--color-ink);animation:ride-fizz 1.3s var(--ease-in-out) infinite alternate;animation-delay:calc(var(--d) * -.29s)}@keyframes ride-fizz{0%{opacity:.35}to{opacity:1}}.ride-mark{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);background:var(--color-paper);width:.6rem;height:.6rem;box-shadow:0 0 0 2px var(--color-ink);pointer-events:none;transition:background-color var(--dur-short) var(--ease-out), scale var(--dur-short) var(--ease-out);border-radius:50%;margin:-.3rem 0 0 -.3rem;position:absolute}.ride-mark[data-active]{background:var(--color-accent);scale:1.3}.ride-quiet{left:calc(var(--x) * 100%);top:calc(var(--y) * 100% - 1.5rem);font-family:var(--font-mono);font-variation-settings:var(--axes-mono);font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;pointer-events:none;position:absolute;translate:-50%}.ride-pos{pointer-events:none;translate:calc(var(--x) * 100%) calc(var(--y) * 100%);will-change:translate;position:absolute;inset:0}.ride-surfer{width:var(--size-hit);height:var(--size-hit);transform-origin:50% 2.5rem;rotate:var(--r,0deg);pointer-events:auto;touch-action:none;cursor:grab;border-radius:50%;margin:-2.5rem 0 0 -1.375rem;position:absolute;top:0;left:0}.ride-surfer:focus-visible{outline-offset:0}.ride-figure{left:calc(50% - var(--fig) / 2);top:calc(2.5rem - var(--fig) * 2 / 3);width:var(--fig);max-width:none;height:calc(var(--fig) * 7 / 9);transform-origin:50% 85.714%;filter:var(--glyph-halo);animation:ride-bob 2.4s var(--ease-in-out) infinite;position:absolute;overflow:visible}@keyframes ride-bob{0%,to{translate:0;rotate:0deg}50%{translate:0 -2px;rotate:-2.5deg}}.ride-board{fill:var(--color-accent)}.ride-rail{fill:none;stroke:color-mix(in oklch, var(--color-accent-ink) 55%, var(--color-accent));stroke-width:.9px;stroke-linecap:round}.ride-fin{fill:color-mix(in oklch, var(--color-accent) 78%, var(--color-accent-ink))}.ride-legs,.ride-torso,.ride-arms,.ride-hair{fill:none;stroke:var(--color-ink);stroke-linecap:round;stroke-linejoin:round}.ride-legs{stroke-width:2.8px}.ride-torso{stroke-width:4px}.ride-arms{stroke-width:2.3px}.ride-hair{stroke-width:1.5px}.ride-head{fill:var(--color-ink)}.ride-hat{fill:var(--color-accent-2)}.ride-spray circle{fill:var(--color-ink)}.ride-wake{fill:none;stroke:var(--color-ink);stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:5 2.6}.ride-curtain{fill:none;stroke:var(--color-ink);stroke-width:1.7px;stroke-linecap:round;stroke-dasharray:.01 3.6}.story-chart[data-dragging] .ride-surfer{cursor:grabbing}.story-chart[data-dragging] .ride-figure{animation-play-state:paused}@media (hover:hover) and (pointer:fine){.ride-figure{transition:scale var(--dur-short) var(--ease-out)}.ride-surfer:hover .ride-figure{scale:1.1}}.ride-labels{height:2.5rem;position:relative}.ride-label{left:calc(var(--x) * 100%);line-height:1.25;font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;text-shadow:var(--text-halo);flex-direction:column;align-items:center;display:flex;position:absolute;top:.35rem;translate:-50%}.ride-label[data-edge=start]{align-items:flex-start;translate:-.5rem}.ride-label[data-edge=end]{align-items:flex-end;translate:calc(.5rem - 100%)}.ride-label b{font-size:var(--text-sm);color:var(--color-ink-2);transition:color var(--dur-short) var(--ease-out);font-weight:600}.ride-label span{font-family:var(--font-mono);font-variation-settings:var(--axes-mono)}.ride-label[data-active] b{color:var(--color-accent)}.ride-label[data-active]{animation:ride-label-in var(--dur-long) var(--ease-out)}@keyframes ride-label-in{0%{opacity:.3;scale:.9}}@media (max-width:63.99rem){.story-chart{--band-top:1.25rem;--band-a:92%;padding-top:1.5rem;padding-bottom:0}.story-chart:before{-webkit-mask-image:none;mask-image:none}.ride{margin-inline-end:0}.ride-labels{height:3.5rem;margin-inline-end:13rem}.ride-label:not([data-active]){display:none}.ride-label[data-active]{align-items:flex-start;max-width:100%;left:0;translate:none}.ride-label b,.ride-label span{text-overflow:ellipsis;max-width:100%;overflow:hidden}}@media (max-width:40rem){.story-float{margin-inline-start:0;rotate:-2deg}.story-lede{margin-inline-start:0}.ride-note-long{clip-path:inset(50%);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:clip}.ride-note-short{display:inline}.ride-quiet{display:none}.ride-stage{--stage-h:4.25rem;--fig:3.25rem}.ride-ripple{width:.9rem;margin-inline-start:-.45rem}}@media (min-width:64rem){.story-head,.story-chapters,.story-waves,.story-chart>.wrap{padding-inline-end:max(var(--space-gutter), 4.5rem)}.ride{margin-inline-end:0}}.story-chart[data-idle] :is(.ride-band,.ride-ripple,.ride-whitecap,.ride-lip,.ride-foam circle,.ride-figure){animation-play-state:paused}[data-motion=paused] :is(.story-float,.ride-figure,.ride-band,.ride-ripple,.ride-whitecap,.ride-lip,.ride-foam circle,.ride-label){animation:none}[data-motion=paused] .story-repos .story-dots i{opacity:1;transition:none;translate:0}[data-motion=paused] :is(.ride-mark,.story-sea,.ride-label b),[data-motion=paused] .story-chart:before{transition:none}[data-motion=paused] .story-sea{clip-path:none!important}@media (prefers-reduced-motion:reduce){.story-float,.ride-figure,.ride-band,.ride-ripple,.ride-whitecap,.ride-lip,.ride-foam circle,.ride-label{animation:none!important}.js .story-repos[data-reveal] .story-dots i{opacity:1;translate:0}.story-sea{clip-path:none!important}}
