.nav{pointer-events:none;position:absolute;inset:0}.navslot{z-index:41;pointer-events:auto;position:absolute}.nav--section .navslot{transform:translate(-50%)}.navslot[data-free=true]{transform:translate(-50%,-50%)}.nav--section .navslot[data-slot=apex]{left:50%;bottom:var(--slot-apex-bottom)}.nav--section .navslot[data-slot=l]{left:var(--slot-base-l);bottom:var(--slot-base-bottom)}.nav--section .navslot[data-slot=r]{left:var(--slot-base-r);bottom:var(--slot-base-bottom)}.nav--landing .navslot{transform:translate(-50%,-50%)}.nav--landing .navslot[data-section=play]{left:var(--land-play-x);top:var(--land-play-y)}.nav--landing .navslot[data-section=work]{left:var(--land-work-x);top:var(--land-work-y)}.nav--landing .navslot[data-section=think]{left:var(--land-think-x);top:var(--land-think-y)}.bwrap{display:block}.blob{width:var(--blob-w);height:var(--blob-h);font-family:var(--display);font-weight:600;font-size:var(--blob-fs);color:var(--paper);text-transform:capitalize;place-items:center;text-decoration:none;display:inline-grid;position:relative}.blob--lg{width:var(--blob-lg-w);height:var(--blob-lg-h);font-size:var(--blob-lg-fs)}.nav--landing .blob{width:var(--blob-land-w);height:var(--blob-land-h);font-size:var(--blob-land-fs)}.blob__bgwrap{pointer-events:none;grid-area:1/1;position:absolute;inset:0}.blob__bg{border-radius:var(--blob-radius);position:absolute;inset:0}.blob__labelwrap{grid-area:1/1;position:relative}.blob__label{white-space:nowrap;padding:3px 12px;display:block}.b-work .blob__bg{background:var(--work)}.b-play .blob__bg{background:var(--play)}.b-think .blob__bg{background:var(--think)}.blob:focus-visible{outline:2.5px solid var(--ink);outline-offset:7px;border-radius:4px}
.navicon-layer{z-index:45;pointer-events:none;--navicon-ink:var(--ink);position:absolute;inset:0}@supports (mix-blend-mode:difference){.navicon-layer{mix-blend-mode:difference;--navicon-ink:var(--paper)}}.navicon{pointer-events:auto;width:var(--navicon-size);height:var(--navicon-size);margin-left:calc(var(--navicon-size) / -2);margin-top:calc(var(--navicon-size) / -2);color:inherit;cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.navicon:active{cursor:grabbing}.navicon[data-dock=bl]{left:var(--dock-bl-x);top:var(--dock-bl-y)}.navicon[data-dock=bc]{left:var(--dock-bc-x);top:var(--dock-bc-y)}.navicon[data-dock=tc]{left:var(--dock-tc-x);top:var(--dock-tc-y)}.navicon[data-dock=tr]{left:var(--dock-tr-x);top:var(--dock-tr-y)}.navicon:focus-visible{outline:2.5px solid var(--navicon-ink);outline-offset:5px;border-radius:50%}.navicon__mark{width:100%;height:100%}.navicon svg{width:100%;height:100%;display:block;overflow:visible}.navghost{width:var(--navicon-size);height:var(--navicon-size);margin-left:calc(var(--navicon-size) / -2);margin-top:calc(var(--navicon-size) / -2);pointer-events:none;opacity:0;place-items:center;transition:opacity .22s;display:grid;position:absolute}.navicon-layer.is-docking .navghost:not([data-occupied=true]){opacity:.55}.navicon-layer.is-docking .navghost.is-near:not([data-occupied=true]){opacity:1}.navghost[data-dock=bl]{left:var(--dock-bl-x);top:var(--dock-bl-y)}.navghost[data-dock=bc]{left:var(--dock-bc-x);top:var(--dock-bc-y)}.navghost[data-dock=tc]{left:var(--dock-tc-x);top:var(--dock-tc-y)}.navghost[data-dock=tr]{left:var(--dock-tr-x);top:var(--dock-tr-y)}.navghost__mark{width:100%;height:100%}.navghost svg{width:100%;height:100%;display:block;overflow:visible}
.sketch-spine{filter:url(#spine-0);animation:spine-boil var(--boil-loop) step-end infinite;will-change:filter}@keyframes spine-boil{0%{filter:url(#spine-0)}10%{filter:url(#spine-1)}20%{filter:url(#spine-2)}30%{filter:url(#spine-3)}40%{filter:url(#spine-4)}50%{filter:url(#spine-5)}60%{filter:url(#spine-6)}70%{filter:url(#spine-7)}80%{filter:url(#spine-8)}90%{filter:url(#spine-9)}}html[data-motion=off] .sketch-spine{animation:none}
.motiontoggle{left:var(--pad);bottom:var(--pad);z-index:46;pointer-events:auto;border:1px solid var(--rule);background:var(--paper);color:var(--muted);font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;border-radius:20px;align-items:center;gap:7px;padding:6px 10px 6px 8px;font-size:10.5px;transition:color .18s,border-color .18s;display:flex;position:absolute}.motiontoggle:hover,.motiontoggle:focus-visible{color:var(--ink);border-color:var(--muted)}.motiontoggle__dot{background:0 0;border:1.5px solid;border-radius:50%;width:7px;height:7px;transition:background-color .18s}.motiontoggle[aria-pressed=true] .motiontoggle__dot{background:currentColor}
:root{--work:#17a5b5;--play:#f41f1f;--think:#f79420;--ink:#111;--paper:#fff;--rule:#e4e4e4;--muted:#8a8a8a;--muted-neg:#757575;--accent:var(--ink);--display:var(--font-display), system-ui, sans-serif;--body:var(--font-body), system-ui, sans-serif;--mono:var(--font-mono), ui-monospace, monospace;--stroke-width:2px;--tex-freq:.064;--tex-scale:40;--tex-octaves:1;--tex-hover-label:3;--tex-hover-bg:12;--sketch-scale:2;--sketch-freq:.22;--spine-scale:6;--spine-freq:.012;--boil-fps:10;--boil-frames:10;--boil-loop:1s;--pentab-size:20px;--pentab-stroke:1.7px;--list-line:1.55;--parallax:20px;--drift:36px;--nameplate-fs:clamp(39px, 5.1vw, 69px);--nameplate-stroke:3px;--blob-radius:44px;--blob-w:142px;--blob-h:66px;--blob-fs:17px;--blob-lg-w:196px;--blob-lg-h:88px;--blob-lg-fs:23px;--blob-land-w:250px;--blob-land-h:112px;--blob-land-fs:30px;--slot-apex-bottom:276px;--slot-base-bottom:172px;--slot-base-l:24%;--slot-base-r:76%;--land-play-x:29%;--land-play-y:52%;--land-work-x:58%;--land-work-y:38%;--land-think-x:62%;--land-think-y:64%;--navicon-size:116px;--navicon-inset:26px;--dock-bl-x:calc(var(--navicon-inset) + var(--navicon-size) / 2);--dock-bl-y:calc(100% - var(--navicon-inset) - var(--navicon-size) / 2);--dock-bc-x:50%;--dock-bc-y:calc(100% - var(--navicon-inset) - var(--navicon-size) / 2);--dock-tc-x:50%;--dock-tc-y:calc(var(--navicon-inset) + var(--navicon-size) / 2);--dock-tr-x:calc(100% - var(--navicon-inset) - var(--navicon-size) / 2);--dock-tr-y:calc(var(--navicon-inset) + var(--navicon-size) / 2);--cue-top:calc(var(--navicon-inset) + var(--navicon-size) + var(--s-3));--nav-band:380px;--content-top:280px;--content-bottom:calc(var(--nav-band) + var(--s-5));--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--s-9:112px;--pad:34px;--measure:64ch;--prose-size:20px;--prose-indent:calc(var(--pad) + 42px);--prose-measure:max(62ch, calc(50vw - var(--prose-indent)));--article-size:clamp(16px, .5vw + 13.6px, 20px);--article-measure:min(62ch, 100%)}@media (max-width:800px){:root{--drift:14px;--pad:20px;--nameplate-fs:27px;--nameplate-stroke:1.9px;--blob-w:98px;--blob-h:44px;--blob-fs:11.5px;--blob-lg-w:126px;--blob-lg-h:56px;--blob-lg-fs:15px;--blob-land-w:140px;--blob-land-h:64px;--blob-land-fs:16px;--slot-apex-bottom:196px;--slot-base-bottom:122px;--slot-base-l:27%;--slot-base-r:73%;--land-play-x:31%;--land-play-y:38%;--land-work-x:67%;--land-work-y:50%;--land-think-x:41%;--land-think-y:63%;--navicon-size:88px;--navicon-inset:16px;--nav-band:270px;--content-top:104px;--content-bottom:calc(var(--nav-band) + var(--s-5));--prose-size:17px;--pentab-size:17px}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.04}p{margin:0 0 var(--s-4);max-width:var(--measure)}img,svg,video{max-width:100%;height:auto;display:block}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}:focus-visible{outline:2.5px solid var(--accent);outline-offset:4px;border-radius:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{left:var(--s-2);z-index:100;padding:var(--s-2) var(--s-4);background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:13px;text-decoration:none;position:absolute;top:-100%}.skip:focus{top:var(--s-2)}.mono{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:12px}.screen{background:var(--paper);position:fixed;inset:0;overflow:hidden}.scroller{position:absolute;inset:0;overflow:hidden auto}.overlay{z-index:40;pointer-events:none;position:absolute;inset:0}.main{padding:var(--content-top) var(--pad) var(--content-bottom)}.page-head{margin-bottom:var(--s-6)}.detail__title,.page-head h1{font-size:clamp(24px,3.4vw,38px)}.back{margin-bottom:var(--s-5);font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;text-underline-offset:4px;color:var(--muted);font-size:10.5px;display:inline-block}@media (prefers-reduced-motion:reduce){html:not([data-motion]),html:not([data-motion]) *,html:not([data-motion]) :before,html:not([data-motion]) :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}html[data-motion=off],html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}