.nav{pointer-events:none;position:absolute;inset:0}.navslot{z-index:41;pointer-events:auto;position:absolute}.nav--section .navslot{transform:translate(50%,50%)}.nav--section .navslot[data-slot=apex]{right:calc(var(--navicon-inset) + var(--navicon-size) / 2 + var(--fan-apex-l));bottom:calc(var(--navicon-inset) + var(--navicon-size) / 2 + var(--fan-apex-u))}.nav--section .navslot[data-slot=r]{right:calc(var(--navicon-inset) + var(--navicon-size) / 2 + var(--fan-r-l));bottom:calc(var(--navicon-inset) + var(--navicon-size) / 2 + var(--fan-r-u))}.nav--section .navslot[data-slot=l]{right:calc(var(--navicon-inset) + var(--navicon-size) / 2 + var(--fan-l-l));bottom:calc(var(--navicon-inset) + var(--navicon-size) / 2 + var(--fan-l-u))}.navslot[data-free=true],.nav--section .navslot[data-free=true]{right:auto;transform:translate(-50%,-50%)}.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--wip{cursor:not-allowed}.blob__tapewrap{left:calc(var(--tape-overhang) * -1);right:calc(var(--tape-overhang) * -1);pointer-events:none;transform:translateY(calc(var(--tape-drop) - 50%)) rotate(var(--tape-tilt));grid-area:1/1;position:absolute;top:50%}.blob__tape{padding:var(--tape-edge) 0;background:repeating-linear-gradient(-45deg, var(--tape-hazard) 0 var(--tape-stripe), var(--tape-ink) var(--tape-stripe) calc(var(--tape-stripe) * 2)) top / 100% var(--tape-edge) no-repeat, repeating-linear-gradient(-45deg, var(--tape-hazard) 0 var(--tape-stripe), var(--tape-ink) var(--tape-stripe) calc(var(--tape-stripe) * 2)) bottom / 100% var(--tape-edge) no-repeat, var(--tape-ink);display:block}.blob__tapetext{font-family:var(--mono);font-weight:400;font-size:var(--tape-fs);letter-spacing:.04em;text-align:center;text-transform:uppercase;white-space:nowrap;color:var(--tape-text);padding:.2em 0;line-height:1;display:block}.blob:focus-visible{outline:2.5px solid var(--ink);outline-offset:7px;border-radius:4px}.navdots{z-index:39;pointer-events:none;--dot-dir:1;position:absolute}.navdots[data-dock=bl]{left:var(--dock-bl-x);top:var(--dock-bl-y)}.navdots[data-dock=bc]{left:var(--dock-bc-x);top:var(--dock-bc-y)}.navdots[data-dock=tc]{left:var(--dock-tc-x);top:var(--dock-tc-y);--dot-dir:-1}.navdots[data-dock=tr]{left:var(--dock-tr-x);top:var(--dock-tr-y);--dot-dir:-1}.navdots[data-dock=br]{left:var(--dock-br-x);top:var(--dock-br-y)}.navdot{width:var(--dot-size);height:var(--dot-size);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.navdot--apex{left:calc(var(--dot-apex-l) * -1);top:calc(var(--dot-apex-u) * -1 * var(--dot-dir))}.navdot--r{left:calc(var(--dot-r-l) * -1);top:calc(var(--dot-r-u) * -1 * var(--dot-dir))}.navdot--l{left:calc(var(--dot-l-l) * -1);top:calc(var(--dot-l-u) * -1 * var(--dot-dir))}.navdot[data-active]{width:calc(var(--dot-size) * 1.35);height:calc(var(--dot-size) * 1.35)}.navdot.d-work{background:var(--work)}.navdot.d-play{background:var(--play)}.navdot.d-think{background:var(--think)}.navdot__tape{width:var(--dot-tape-w);height:var(--dot-tape-h);transform:translate(-50%, -50%) rotate(var(--tape-tilt));background:repeating-linear-gradient(-45deg, var(--tape-hazard) 0 var(--dot-tape-stripe), var(--tape-ink) var(--dot-tape-stripe) calc(var(--dot-tape-stripe) * 2));position:absolute;top:50%;left:50%}.navdots[data-out=true] .navdot{opacity:0}
.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:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.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[data-dock=br]{left:var(--dock-br-x);top:var(--dock-br-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}.navicon__twist{transform-origin:29px 29px;transition:transform var(--navicon-untwist-dur) var(--ease-untwist)}.navicon__arrow{fill-opacity:0;transition:fill-opacity var(--navicon-fill-dur) ease-in-out}html[data-nav=away] .navicon__twist{transform:rotate(var(--navicon-twist));transition:transform var(--navicon-twist-dur) var(--ease-twist) var(--navicon-away-delay)}html[data-nav=away] .navicon__arrow{fill-opacity:1;transition-delay:var(--navicon-away-delay)}html[data-motion=off] .navicon__twist,html[data-motion=off] .navicon__arrow{transition:none}.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[data-dock=br]{left:var(--dock-br-x);top:var(--dock-br-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;--rule-on-ink:#3a3a3a;--muted-on-ink:#9a9a9a;--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;--navicon-twist:-16deg;--navicon-twist-dur:.4s;--navicon-untwist-dur:.45s;--navicon-fill-dur:.3s;--navicon-away-delay:.15s;--ease-twist:cubic-bezier(.34, 1.7, .64, 1);--ease-untwist:cubic-bezier(.34, 1.56, .64, 1);--boil-fps:10;--boil-frames:10;--boil-loop:1s;--pentab-size:20px;--pentab-stroke:1.7px;--list-line:1.55;--parallax:20px;--drift:14px;--nameplate-fs:clamp(39px, 5.1vw, 69px);--nameplate-stroke:3px;--nameplate-lh:.96;--nameplate-h:calc(2 * var(--nameplate-fs) * var(--nameplate-lh));--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-h:calc(var(--blob-land-w) * .448);--blob-land-fs:calc(var(--blob-land-w) * .12);--tape-tilt:-8deg;--tape-overhang:14%;--tape-drop:0em;--tape-fs:.7em;--tape-edge:.28em;--tape-stripe:.3em;--tape-ink:var(--ink);--tape-hazard:var(--think);--tape-text:var(--paper);--dot-tape-w:calc(var(--dot-size) * 2);--dot-tape-h:calc(var(--dot-size) * .42);--dot-tape-stripe:1.5px;--fan-apex-l:178px;--fan-apex-u:114px;--fan-r-l:46px;--fan-r-u:214px;--fan-l-l:236px;--fan-l-u:8px;--land-intro-w:clamp(380px, 44vw, 530px);--land-gap:80px;--land-col-l:calc(var(--pad) + var(--land-intro-w) + var(--land-gap));--land-col-r:calc(100vw - var(--pad) - var(--drift));--land-tri-gap:clamp(40px, var(--land-col-r) - var(--land-col-l) - 2 * 110px, 96px);--land-tri-gap-y:var(--land-tri-gap);--blob-land-w:clamp(110px, (var(--land-col-r) - var(--land-col-l) - var(--land-tri-gap)) / 2, 250px);--land-tri-cx:calc((var(--land-col-l) + var(--land-col-r)) / 2);--land-tri-cy:50%;--land-tri-dx:calc((var(--blob-land-w) + var(--land-tri-gap)) / 2);--land-tri-dy:calc(var(--blob-land-h) + var(--land-tri-gap-y));--land-work-x:var(--land-tri-cx);--land-work-y:calc(var(--land-tri-cy) - var(--land-tri-dy) / 2);--land-play-x:calc(var(--land-tri-cx) - var(--land-tri-dx));--land-play-y:calc(var(--land-tri-cy) + var(--land-tri-dy) / 2);--land-think-x:calc(var(--land-tri-cx) + var(--land-tri-dx));--land-think-y:calc(var(--land-tri-cy) + var(--land-tri-dy) / 2);--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);--dock-br-x:calc(100% - var(--navicon-inset) - var(--navicon-size) / 2);--dock-br-y:calc(100% - var(--navicon-inset) - var(--navicon-size) / 2);--dot-reach:74px;--dot-size:13px;--dot-apex-l:52px;--dot-apex-u:52px;--dot-l-l:73px;--dot-l-u:13px;--dot-r-l:13px;--dot-r-u:73px;--cue-top:calc(var(--navicon-inset) + var(--navicon-size) + var(--s-3));--nav-band:166px;--showcase-w:clamp(1180px, 76vw, 1840px);--content-top:280px;--content-bottom:calc(var(--nav-band) + var(--s-5));--page-title-fs:clamp(24px, 3.4vw, 38px);--list-title-fs:clamp(20px, 2.6vw, 27px);--title-lh:1.2;--title-date-gap:9px;--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:128px;--blob-h:58px;--blob-fs:15px;--blob-lg-w:156px;--blob-lg-h:70px;--blob-lg-fs:19px;--blob-land-w:140px;--blob-land-h:64px;--blob-land-fs:16px;--land-tagline-h:67px;--land-standing-h:210px;--land-band-top:calc(var(--content-top) + var(--land-tagline-h) + var(--s-3));--land-band-bottom:calc(var(--pad) + var(--nameplate-h) + var(--s-5) + var(--land-standing-h));--land-tri-gap:20px;--land-tri-gap-y:14px;--land-tri-cx:50%;--land-tri-cy:calc((var(--land-band-top) + 100% - var(--land-band-bottom)) / 2);--navicon-size:88px;--navicon-inset:16px;--nav-band:122px;--content-top:104px;--content-bottom:calc(var(--nav-band) + var(--s-5));--fan-apex-l:140px;--fan-apex-u:96px;--fan-r-l:44px;--fan-r-u:180px;--fan-l-l:180px;--fan-l-u:10px;--dot-reach:56px;--dot-size:11px;--dot-apex-l:40px;--dot-apex-u:40px;--dot-r-l:10px;--dot-r-u:55px;--dot-l-l:55px;--dot-l-u:10px;--prose-size:17px;--pentab-size:17px}}@media (max-width:800px) and (max-height:640px){:root{--blob-land-w:120px;--blob-land-h:54px;--blob-land-fs:14px;--land-tagline-h:60px;--land-standing-h:160px}}
*,: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{overscroll-behavior:contain;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:var(--page-title-fs)}.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}.visit{letter-spacing:.09em;text-transform:uppercase;color:var(--paper);background:var(--ink);border:var(--stroke-width) solid var(--ink);align-items:center;gap:.35em;padding:9px 14px 8px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.visit:hover,.visit:focus-visible{color:var(--ink);background:var(--paper)}@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}