@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@font-face{font-family:Anek;src:url(/fonts/anek-100_800-normal.woff2)format("woff2");font-weight:100 800;font-stretch:75% 125%;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Host;src:url(/fonts/host-400_700-normal.woff2)format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--black:#0c0d0c;--panel:#151716;--white:#f3f4f1;--grey:#a3a8a4;--grey-paper:#575c58;--mint:#8ff0c8;--mint-deep:#0f6b48;--orange:#ff6b2c;--c-bg:var(--black);--c-fg:var(--white);--c-muted:var(--grey);--c-line:#f3f4f124;--c-accent:var(--mint);--c-done:var(--mint);--c-curtain:var(--black);--f-display:"Anek", "Arial Narrow", system-ui, sans-serif;--f-body:"Host", system-ui, -apple-system, "Segoe UI", sans-serif;--t-mega:clamp(4.2rem, .6rem + 15.4vw, 17.5rem);--t-xl:clamp(2.6rem, 1.2rem + 5.4vw, 7rem);--t-l:clamp(1.75rem, 1.2rem + 2.2vw, 3.4rem);--t-m:clamp(1.25rem, 1.1rem + .6vw, 1.7rem);--t-body:clamp(1rem, .96rem + .18vw, 1.125rem);--t-s:.875rem;--t-xs:.78rem;--u:clamp(.5rem, .35rem + .6vw, 1rem);--gutter:clamp(1rem, .6rem + 1.6vw, 2.5rem);--cols:12;--radius:12px;--pill:999px;--ease-trace:cubic-bezier(.65, 0, .35, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--z-gl:0;--z-content:1;--z-header:50;--z-cursor:80;--z-curtain:90;--z-loader:100}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;background:var(--c-bg);color:var(--c-fg)}body{min-height:100dvh;font-family:var(--f-body);font-size:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-kerning:normal;line-height:1.5;overflow-x:clip}img,picture,video,canvas,svg{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:inherit;font-size:inherit;text-wrap:balance}p{text-wrap:pretty}#main:focus{outline:none}.skip-link{left:var(--gutter);top:var(--gutter);z-index:calc(var(--z-loader) + 1);background:var(--c-fg);color:var(--c-bg);padding:.6em 1em;position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}#gl{z-index:var(--z-gl);pointer-events:none;position:fixed;inset:0}.gl-canvas{width:100%;height:100%;position:absolute;inset:0}#main,[data-layer=content]{z-index:var(--z-content);position:relative}.gl-on [data-gl] img,.gl-on [data-gl] .gl-fallback{opacity:0}.gl-on [data-gl]{background:0 0!important}[data-gl=procedural] .gl-fallback{background:radial-gradient(120% 90% at 30% 20%, var(--c-muted), var(--c-fg));position:absolute;inset:0}[data-gl]{position:relative}.motion [data-split],.motion [data-reveal]{visibility:hidden}.split-line{margin-bottom:-.08em;padding-bottom:.08em}[data-split]>*,[data-split]>*>*{text-indent:0}[data-split]>:first-child,[data-split]>:first-child>:first-child{text-indent:inherit}#curtain{z-index:var(--z-curtain);pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}.curtain__panel{background:var(--c-curtain);position:absolute;inset:0}#cursor{z-index:var(--z-cursor);pointer-events:none;opacity:0;place-items:center;width:0;height:0;display:grid;position:fixed;top:0;left:0}#cursor.is-ready{opacity:1}#cursor span{aspect-ratio:1;background:var(--c-fg);min-width:5.5rem;color:var(--c-bg);font-size:var(--t-xs);letter-spacing:.02em;border-radius:50%;place-items:center;transition:transform .5s cubic-bezier(.16,1,.3,1);display:grid;transform:translate(-50%,-50%)scale(0)}#cursor.is-active span{transform:translate(-50%,-50%)scale(1)}@media (hover:none),(pointer:coarse){#cursor{display:none}}#loader{z-index:var(--z-loader);padding:var(--gutter);background:var(--c-fg);color:var(--c-bg);clip-path:inset(0%);align-content:end;display:grid;position:fixed;inset:0}.loader__inner{justify-content:space-between;align-items:end;display:flex;overflow:hidden}.loader__count{font-variant-numeric:tabular-nums}.loader__bar{height:1px;margin-top:calc(var(--u) * 1.5);transform-origin:0;background:currentColor;transform:scaleX(0)}html:not(.js) #loader,#loader[hidden]{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{background:var(--black)}body{background:var(--c-bg);color:var(--c-fg);transition:background-color .7s var(--ease-out), color .7s var(--ease-out);font-variant-numeric:tabular-nums}html.is-paper,html:not(.motion) [data-chapter-block=paper]{--c-bg:var(--white);--c-fg:var(--black);--c-muted:var(--grey-paper);--c-line:#0c0d0c24;--c-done:var(--mint-deep)}html:not(.motion) [data-chapter-block=paper]{background:var(--c-bg);color:var(--c-fg)}::selection{background:var(--mint);color:var(--black)}:focus-visible{outline:2px solid var(--c-done);outline-offset:4px;border-radius:2px}.skip-link{background:var(--mint);color:var(--black);font-weight:600}.grid{column-gap:var(--gutter);padding-inline:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.display{font-family:var(--f-display);font-stretch:100%}.next__label,.case__label,.knot__no,.page-hero__kicker,.work__count,.foot__h,.threads__intro,.knot__meta,.case__kicker{font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--c-muted);font-weight:500}.draw{transition:background-size .45s var(--ease-out);background:linear-gradient(currentColor 0 0) 0 100%/0% 1px no-repeat;padding-block:.35em}@media (hover:hover){.draw:hover{background-size:100% 1px}}.draw:focus-visible{background-size:100% 1px}.draw[aria-current=page]{background-image:linear-gradient(var(--c-done) 0 0);background-size:100% 2px}.link{background:linear-gradient(var(--c-done) 0 0) left 100% / 100% 1px no-repeat;transition:background-size .4s var(--ease-out), color .3s;padding-bottom:.08em}@media (hover:hover){.link:hover{color:var(--black);background-size:100% 100%}}.link:focus-visible{color:var(--black);background-size:100% 100%}.util{text-underline-offset:.25em;text-decoration:underline #0000;transition:text-decoration-color .3s,color .3s}@media (hover:hover){.util:hover{text-decoration-color:currentColor}}.util:focus-visible{text-decoration-color:currentColor}.roll{vertical-align:bottom;display:inline-grid;overflow:clip}.roll>span{transition:translate .5s var(--ease-out);grid-area:1/1}.roll>span+span{translate:0 105%}@media (hover:hover){a:hover>.roll>span{translate:0 -105%}a:hover>.roll>span+span{translate:0}}a:focus-visible>.roll>span{translate:0 -105%}a:focus-visible>.roll>span+span{translate:0}.arrow{transition:translate .4s var(--ease-out);display:inline-block}@media (hover:hover){a:hover .arrow,[data-hover-trace]:hover .arrow{translate:5px}a:hover .arrow--down{translate:0 5px}}.btn{isolation:isolate;border:1px solid var(--c-fg);border-radius:var(--pill);align-items:center;gap:.8em;min-height:3.25rem;padding:.9em 1.6em;font-weight:500;transition:color .35s;display:inline-flex;position:relative;overflow:clip}.btn__fill{z-index:-1;background:var(--orange);clip-path:circle(0%);position:absolute;inset:0}.btn.is-filled,.btn:active{color:var(--black);border-color:var(--orange)}.btn:active .btn__fill{clip-path:circle(150%)}.btn__arrow{transition:translate .4s var(--ease-out)}.btn.is-filled .btn__arrow{translate:4px -2px}html:not(.motion) .btn:focus-visible,html:not(.motion) .btn:hover{color:var(--black)}html:not(.motion) .btn:focus-visible .btn__fill,html:not(.motion) .btn:hover .btn__fill{clip-path:none}[data-stretch]:after{content:"";z-index:2;position:absolute;inset:0}.knot,.thread-row,.next{position:relative}@keyframes rise{0%{clip-path:inset(0 0 100%);translate:0 .35em}to{clip-path:inset(0 0 -20%);translate:0}}html.motion .rise{animation:rise 1.1s var(--ease-out) both;animation-delay:calc(.1s + var(--d,0s))}.frame{z-index:var(--z-header);padding:calc(var(--u) * 1.4) var(--gutter);padding-top:max(calc(var(--u) * 1.4), env(safe-area-inset-top));font-size:var(--t-s);transition:translate .6s var(--ease-out), background-color .4s;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}html.frame-away .frame{translate:0 -110%}html.frame-solid .frame{background:var(--c-bg);box-shadow:0 1px 0 var(--c-line)}.frame__name{align-items:center;gap:.6em;min-height:2.75rem;font-weight:500;display:inline-flex}.frame__mark{fill:none;width:1.4rem;height:1.4rem;stroke:var(--mint);stroke-width:2.2px;stroke-linecap:round;transition:scale .5s var(--ease-out)}@media (hover:hover){.frame__name:hover .frame__mark{scale:1.2 .8}}.frame__name:focus-visible .frame__mark{scale:1.2 .8}.frame__motion{min-height:2.75rem;font-size:var(--t-xs);color:var(--c-muted);align-items:center;gap:.5rem;margin-left:auto;padding:0 .2rem;transition:color .3s;display:inline-flex}@media (hover:hover){.frame__motion:hover{color:var(--c-fg)}}.frame__motion-dot{background:var(--mint);border-radius:50%;width:.5rem;height:.5rem}html.motion:not(.is-stopped) .frame__motion-dot{animation:1.8s ease-in-out infinite pulse}html.is-stopped .frame__motion-dot{background:var(--orange)}@keyframes pulse{50%{opacity:.35;scale:.7}}html:not(.js) .frame__motion{display:none}.frame__nav{margin-left:clamp(1rem,3vw,2.5rem)}.frame__nav ul{gap:clamp(1rem,2.4vw,2.2rem);padding:0;list-style:none;display:flex}.frame__menu{min-height:2.75rem;font-size:var(--t-s);margin-left:1rem;padding-inline:.4rem;display:none}.frame__menu-close,.frame__menu[aria-expanded=true] .frame__menu-open{display:none}.frame__menu[aria-expanded=true] .frame__menu-close{display:inline}.menu{z-index:calc(var(--z-header) - 1);background:var(--black);color:var(--white);padding:var(--gutter);padding-bottom:max(var(--gutter), env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.menu[hidden]{display:none}.menu ul{padding:0;list-style:none}.menu li{overflow:clip}.menu a{font-family:var(--f-display);letter-spacing:-.03em;padding-block:.08em;font-size:clamp(3.2rem,15vw,6rem);font-weight:500;line-height:1;display:block}.menu a span{display:inline-block}.menu a[aria-current=page]{color:var(--mint)}.menu__foot{font-size:var(--t-xs);color:var(--grey);margin-top:2rem;margin-bottom:3.5rem}@media (width<=767px){.frame__nav{display:none}.frame__menu{align-items:center;display:inline-flex}}#loader{background:var(--black);color:var(--white);padding:var(--gutter);grid-template-columns:1fr auto;align-content:end;align-items:end;display:grid}.loader__log{gap:.2rem;display:grid;overflow:hidden}.loader__log p,.loader__count{overflow:hidden}.loader__name{font-family:var(--f-display);font-size:var(--t-l);letter-spacing:-.02em;font-weight:600}.loader__task{color:var(--grey);font-size:var(--t-s)}.loader__count{font-family:var(--f-display);font-size:var(--t-xl);letter-spacing:-.03em;color:var(--mint);font-weight:600;line-height:.9}.loader__bar{height:2px;margin-top:calc(var(--u) * 1.5);background:var(--mint);transform-origin:0;grid-column:1/-1;transform:scaleX(0)}.curtain__panel{padding:var(--gutter);background:var(--black);color:var(--white);align-content:center;justify-items:start;gap:1rem;display:grid}.curtain__kicker{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--mint)}.curtain__label{font-family:var(--f-display);font-size:var(--t-xl);letter-spacing:-.035em;font-weight:600;line-height:.9}.curtain__bar{background:#f3f4f124;width:min(28rem,70vw);height:2px;overflow:hidden}.curtain__bar span{background:var(--mint);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.hero{column-gap:var(--gutter);min-height:100svh;padding:calc(var(--u) * 9) var(--gutter) calc(var(--u) * 3);grid-template-rows:1fr auto auto;grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:relative;container-type:inline-size}.hero__name{font-family:var(--f-display);letter-spacing:-.045em;z-index:1;grid-area:1/1/auto/-1;align-self:end;margin-left:-.05em;font-size:clamp(4rem,15.6cqi,18rem);font-weight:600;font-stretch:88%;line-height:.84;position:relative}.hero__name>span{white-space:nowrap;display:block}.hero__last{padding-left:.04em}.hero__stage{width:100%;max-width:24rem;margin-top:calc(var(--u) * 2);z-index:2;grid-area:1/9/auto/-1;place-self:start end;position:relative}.hindex__h{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--mint);border-bottom:1px solid var(--c-line);padding-bottom:.8rem}.hindex__list{padding:0;list-style:none}.hindex__list a{border-bottom:1px solid var(--c-line);grid-template-columns:2rem 1fr auto;grid-template-areas:"no title arrow""no kind arrow";align-items:baseline;column-gap:.6rem;padding:.75rem 0;display:grid}.hindex__no{font-size:var(--t-xs);color:var(--c-muted);grid-area:no}.hindex__title{font-family:var(--f-display);font-size:var(--t-m);letter-spacing:-.01em;transition:font-stretch .5s var(--ease-out), color .3s;grid-area:title;font-weight:600;font-stretch:100%;line-height:1.05}.hindex__kind{font-size:var(--t-xs);color:var(--c-muted);grid-area:kind}.hindex__arrow{color:var(--mint);opacity:0;transition:opacity .3s, translate .4s var(--ease-out);grid-area:arrow;align-self:center;translate:-6px}@media (hover:hover){.hindex__list a:hover .hindex__title{color:var(--mint);font-stretch:118%}.hindex__list a:hover .hindex__arrow{opacity:1;translate:0}}.hindex__list a:focus-visible .hindex__title{color:var(--mint);font-stretch:118%}.hindex__list a:focus-visible .hindex__arrow{opacity:1;translate:0}.hero__lede{margin-top:calc(var(--u) * 3);font-size:var(--t-m);grid-area:2/1/auto/span 5;max-width:30ch;line-height:1.3}.hero__meta{font-size:var(--t-s);color:var(--c-muted);grid-area:2/8/auto/span 3;align-self:end;gap:.2em;display:grid}.hero__down{font-size:var(--t-s);grid-area:2/11/auto/-1;place-self:end;align-items:center;gap:.5em;min-height:2.75rem;display:inline-flex}@media (width<=767px){.hero{padding-top:calc(var(--u) * 12);grid-template-rows:auto auto auto auto;align-content:end}.hero__stage{max-width:none;margin:calc(var(--u) * 5) 0 0;grid-area:4/1/auto/-1;justify-self:stretch}.hero__name{grid-row:1;font-size:clamp(3.4rem,23.5cqi,9rem)}.hero__lede{grid-area:2/1/auto/-1}.hero__meta{margin-top:calc(var(--u) * 3);grid-area:3/1/auto/span 7}.hero__down{grid-area:3/8/auto/-1}.hero{padding-bottom:calc(var(--u) * 8)}}.marquee{border-block:1px solid var(--c-line);padding-block:calc(var(--u) * 1.6);overflow:clip}.marquee__track{width:max-content;display:flex}.marquee__row{font-family:var(--f-display);letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:clamp(1.2rem,3vw,3rem);padding-right:clamp(1.2rem,3vw,3rem);font-size:clamp(2.2rem,1rem + 5vw,6rem);font-weight:600;font-stretch:92%;line-height:1;display:flex}.marquee__row span:nth-child(4n+3){color:#0000;-webkit-text-stroke:1px var(--c-fg)}.marquee__sep{color:var(--orange);font-size:.5em}.statement{column-gap:var(--gutter);padding:calc(var(--u) * 22) var(--gutter) calc(var(--u) * 18);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.statement__big{font-family:var(--f-display);font-size:var(--t-l);letter-spacing:-.02em;text-indent:16.6%;grid-column:1/span 10;font-weight:450;line-height:1.08}.statement__side{margin-top:calc(var(--u) * 6);color:var(--c-muted);grid-column:8/span 4;justify-items:start;gap:1.2rem;max-width:38ch;display:grid}.statement__more{color:var(--c-fg)}@media (width<=767px){.statement{padding-block:calc(var(--u) * 14)}.statement__big{text-indent:0;grid-column:1/-1}.statement__side{grid-column:1/-1}}.work{padding:calc(var(--u) * 6) var(--gutter) calc(var(--u) * 16);position:relative}.work__head{padding-bottom:calc(var(--u) * 8);border-bottom:1px solid var(--c-line);margin-bottom:calc(var(--u) * 10);z-index:1;justify-content:space-between;align-items:end;gap:1rem;display:flex;position:relative}.work__h,.threads__h,.facts__h,.now__h,.skills__h{font-family:var(--f-display);font-size:var(--t-xl);letter-spacing:-.035em;font-weight:600;font-stretch:90%;line-height:.92}.work__all{margin-top:calc(var(--u) * 6);z-index:1;position:relative}.knot{z-index:1;column-gap:var(--gutter);row-gap:calc(var(--u) * 3);margin-bottom:calc(var(--u) * 16);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid;position:relative}.knot__lane{grid-area:1/1/auto/span 2;justify-items:start;gap:.4rem;display:grid}.knot__index{font-family:var(--f-display);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1.2px var(--c-fg);transition:color .6s var(--ease-out), -webkit-text-stroke-color .6s;font-size:clamp(3rem,1rem + 5vw,6.5rem);font-weight:600;line-height:.8}.knot.is-active .knot__index,.knot:hover .knot__index{color:var(--mint);-webkit-text-stroke-color:var(--mint)}.knot__year{font-size:var(--t-xs);color:var(--c-muted)}.knot__text{grid-area:1/3/auto/span 4;justify-items:start;gap:.7rem;display:grid}.knot__media{grid-area:1/7/auto/-1;position:relative}.window{background:#1d201e;border:1px solid #f3f4f11f;border-radius:10px;overflow:clip;box-shadow:0 40px 90px -50px #000c}.window__bar{height:2.1rem;color:var(--grey);background:#1d201e;align-items:center;gap:.9rem;padding:0 .8rem;font-size:.72rem;display:flex}.window__dots{gap:.35rem;display:inline-flex}.window__dots i{background:#f3f4f12e;border-radius:50%;width:.55rem;height:.55rem}.window__url{text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#f3f4f10f;border-radius:6px;flex:1;max-width:22rem;margin-inline:auto;padding:.2rem .8rem;overflow:hidden}.window__view{aspect-ratio:16/10;background:var(--panel);position:relative;overflow:clip}.window__bar--case{border:1px solid #f3f4f11f;border-bottom:0;border-radius:10px 10px 0 0}.knot--right .knot__media{grid-column:3/span 6}.knot--right .knot__text{grid-column:9/-1}.knot__img{object-fit:cover;object-position:top left;width:100%;height:100%;transition:scale 1.1s var(--ease-out)}.knot__title{font-family:var(--f-display);letter-spacing:-.035em;transition:font-stretch .7s var(--ease-out), letter-spacing .7s var(--ease-out);font-size:clamp(2.6rem,1.2rem + 3.6vw,4.8rem);font-weight:600;font-stretch:100%;line-height:.9}.knot__line{font-size:var(--t-m);line-height:1.25}.knot__summary{color:var(--c-muted);max-width:36ch}.knot__links{z-index:3;flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:.4rem;padding:0;list-style:none;display:flex;position:relative}.knot__live{font-size:var(--t-s);color:var(--mint);text-underline-offset:.25em;padding-block:.35em;text-decoration:underline #0000;transition:text-decoration-color .3s;display:inline-block}@media (hover:hover){.knot__live:hover{text-decoration-color:currentColor}}.knot__live:focus-visible{text-decoration-color:currentColor}html.is-paper .knot__live{color:var(--mint-deep)}.knot__open{font-size:var(--t-s);border-bottom:1px solid;gap:.5em;margin-top:.6rem;padding-bottom:.2em;display:inline-flex}@media (hover:hover){.knot:hover .knot__title{letter-spacing:-.04em;font-stretch:114%}.knot:hover .knot__img{scale:1.035}}.knot:focus-within .knot__title{font-stretch:114%}.knot__link:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.knot__frame{border:1.5px solid var(--mint);pointer-events:none;clip-path:inset(0 100% 100% 0);transition:clip-path .8s var(--ease-out);z-index:3;border-radius:14px;position:absolute;inset:-6px}.knot.is-active .knot__frame{clip-path:inset(0)}@media (hover:hover){.knot:hover .knot__frame{clip-path:inset(0)}}.knot:focus-within .knot__frame{clip-path:inset(0)}@media (width<=767px){.knot{row-gap:calc(var(--u) * 2.5);margin-bottom:calc(var(--u) * 12)}.knot__lane{grid-area:1/1/auto/-1;grid-auto-flow:column;justify-content:start;align-items:end;gap:.9rem}.knot__index{font-size:3.4rem}.knot__media,.knot--right .knot__media{grid-area:2/1/auto/-1}.knot__text,.knot--right .knot__text{grid-area:3/1/auto/-1}}.poster{background:var(--panel);color:var(--white);background-image:radial-gradient(#8ff0c824 1px,#0000 1.2px);background-size:22px 22px;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;padding:clamp(1rem,2.4vw,2rem);display:grid;position:absolute;inset:0;overflow:clip;container-type:inline-size}.poster__big{font-family:var(--f-display);letter-spacing:-.04em;text-wrap:balance;grid-area:3/1/auto/-1;max-width:12ch;font-size:clamp(2rem,11cqi,9rem);font-weight:600;font-stretch:86%;line-height:.88}.poster__small{max-width:22ch;color:var(--grey);grid-area:1/1;font-size:clamp(.85rem,2.4cqi,1.1rem)}.poster__tag{font-size:var(--t-xs);color:var(--grey);text-transform:uppercase;letter-spacing:.04em;position:absolute;bottom:clamp(1rem,2.4vw,2rem);right:clamp(1rem,2.4vw,2rem)}.poster--hero{aspect-ratio:16/8;position:relative}.poster .gl-fallback{z-index:-1}html.gl-on .poster{background-image:none}html.gl-on .poster:before{content:"";pointer-events:none;background:linear-gradient(#0c0d0c8c,#0c0d0c00 40% 55%,#0c0d0c99);position:absolute;inset:0}.poster>:not(.poster__tag):not(.gl-fallback){position:relative}@media (width<=767px){.poster--hero{aspect-ratio:4/5}.poster__tag{display:none}}.threads{padding:calc(var(--u) * 10) var(--gutter) calc(var(--u) * 16)}.threads__head{column-gap:var(--gutter);margin-bottom:calc(var(--u) * 6);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.threads__h{grid-column:1/span 7}.threads__intro{text-transform:none;letter-spacing:0;font-size:var(--t-s);grid-column:9/span 4}.threads__list{border-top:1px solid var(--c-line);padding:0;list-style:none}.thread-row{column-gap:var(--gutter);padding-block:calc(var(--u) * 2.2);border-bottom:1px solid var(--c-line);grid-template-columns:5fr 4fr 3fr 1fr 4rem 1.5rem;align-items:center;display:grid}.thread-row__title{font-family:var(--f-display);font-size:var(--t-m);letter-spacing:-.01em;transition:font-stretch .6s var(--ease-out);font-weight:500;font-stretch:100%;display:inline-block}.thread-row__kind,.thread-row__stack,.thread-row__year{font-size:var(--t-s);color:var(--c-muted)}.thread-row__k{justify-self:end;width:3.2rem}.thread-row__arrow{transition:translate .4s var(--ease-out);justify-self:end}.thread-row a:focus-visible{outline:2px solid var(--c-done);outline-offset:4px}@media (hover:hover){.thread-row:hover .thread-row__title,.thread-row:has(a:focus-visible) .thread-row__title{font-stretch:118%}.thread-row:hover .thread-row__arrow{translate:4px -4px}}@media (width<=767px){.threads__h,.threads__intro{grid-column:1/-1}.threads__intro{margin-top:1rem}.thread-row{grid-template-columns:1fr auto;row-gap:.25rem}.thread-row__title,.thread-row__kind{grid-column:1}.thread-row__stack{display:none}.thread-row__year{grid-area:2/2}.thread-row__k{grid-area:1/2;width:2.6rem}.thread-row__arrow{display:none}}.facts{padding:calc(var(--u) * 10) var(--gutter) calc(var(--u) * 18)}.facts__list{column-gap:var(--gutter);margin-top:calc(var(--u) * 8);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.fact{border-top:1px solid var(--c-line);flex-direction:column-reverse;justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}.fact dd{font-family:var(--f-display);letter-spacing:-.04em;font-size:clamp(2.6rem,1rem + 4.6vw,6rem);font-weight:600;font-stretch:88%;line-height:.9}.fact dt{font-size:var(--t-s);color:var(--c-muted);max-width:22ch}@media (width<=767px){.facts__list{row-gap:calc(var(--u) * 5);grid-template-columns:1fr 1fr}}.foot{padding:calc(var(--u) * 14) var(--gutter) max(calc(var(--u) * 2.5), env(safe-area-inset-bottom));position:relative}.foot__top{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:2rem;display:flex}.foot__ask{font-family:var(--f-display);font-size:var(--t-l);letter-spacing:-.02em;max-width:18ch;font-weight:500;line-height:1.02}.foot__name{margin-top:calc(var(--u) * 10);align-items:flex-end;gap:clamp(.5rem,2vw,2rem);display:flex;container-type:inline-size}.foot__name>span{font-family:var(--f-display);letter-spacing:-.05em;margin-left:-.05em;font-size:clamp(4rem,19cqi,22rem);font-weight:600;font-stretch:80%;line-height:.78}.foot__wave{fill:none;width:clamp(3rem,9cqi,9rem);stroke:var(--orange);stroke-width:2.2px;stroke-linecap:round;flex:none;align-self:center}.foot__grid{column-gap:var(--gutter);margin-top:calc(var(--u) * 7);padding-top:calc(var(--u) * 3);border-top:1px solid var(--c-line);font-size:var(--t-s);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:2rem;display:grid}.foot__grid>:first-child{grid-column:1/span 4}.foot__grid>:nth-child(2){grid-column:5/span 3}.foot__colophon{color:var(--c-muted);grid-column:8/-1;gap:.6rem;max-width:46ch;display:grid}.foot__h{margin-bottom:.6rem}.foot__mail{font-size:var(--t-body);word-break:break-word;padding-block:.5em;display:inline-block}.foot__list{gap:.1rem;padding:0;list-style:none;display:grid}.foot__list a{padding-block:.4em;display:inline-block}.foot__base{margin-top:calc(var(--u) * 6);font-size:var(--t-xs);color:var(--c-muted);justify-content:space-between;gap:1rem;display:flex}@media (width<=767px){.foot__grid>:first-child,.foot__grid>:nth-child(2),.foot__colophon{grid-column:1/-1}.foot__base{flex-direction:column}}.page-hero{padding:calc(var(--u) * 16) var(--gutter) calc(var(--u) * 8);container-type:inline-size}.page-hero__title{font-family:var(--f-display);letter-spacing:-.05em;margin:calc(var(--u) * 2) 0 0 -.05em;font-size:clamp(4.5rem,28cqi,26rem);font-weight:600;font-stretch:82%;line-height:.8}.page-hero__title--long{letter-spacing:-.035em;max-width:16ch;font-size:clamp(2.6rem,8.4cqi,9rem);font-stretch:90%;line-height:.92}.page-hero__lede{margin-top:calc(var(--u) * 4);margin-left:calc((100% + var(--gutter)) / 12 * 7);font-size:var(--t-m);max-width:32ch;line-height:1.3}@media (width<=767px){.page-hero__lede{margin-left:0}}.work--page{padding-top:calc(var(--u) * 8)}.bio{column-gap:var(--gutter);padding:calc(var(--u) * 6) var(--gutter) calc(var(--u) * 16);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.bio__card{background:var(--panel);color:var(--white);border-radius:var(--radius);font-size:var(--t-s);border:1px solid #f3f4f11f;grid-column:1/span 4;align-self:start;padding:1.1rem;line-height:1.45;position:sticky;top:6rem}.bio__card-head{color:var(--grey);align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.bio__card dl{gap:.55rem;display:grid}.bio__card dl>div{grid-template-columns:4.5rem 1fr;gap:.6rem;display:grid}.bio__card dt{color:var(--mint)}.bio__dot{background:var(--mint);border-radius:50%;width:.5rem;height:.5rem;display:inline-block}.bio__card .link{color:var(--white);padding-block:.3em;display:inline-block}.bio__text{max-width:62ch;color:var(--c-muted);grid-column:6/span 7;gap:1.4rem;display:grid}.bio__lead{font-family:var(--f-display);font-size:var(--t-l);letter-spacing:-.02em;color:var(--c-fg);font-weight:450;line-height:1.1}.why{column-gap:var(--gutter);padding:calc(var(--u) * 16) var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.why__log{border-top:1px solid var(--c-line);grid-column:1/span 6;gap:0;padding:0;list-style:none;display:grid}.why__no{font-size:var(--t-s);color:var(--c-muted)}.why__log li{border-bottom:1px solid var(--c-line);grid-template-columns:4rem 1fr;align-items:baseline;gap:1rem;padding:1rem 0;display:grid}.why__log span{font-family:var(--f-display);font-size:var(--t-m);line-height:1.15}.why__text{color:var(--c-muted);grid-column:8/span 5;gap:1.2rem;display:grid}.why__h{font-family:var(--f-display);font-size:var(--t-xl);letter-spacing:-.035em;color:var(--c-fg);font-weight:600;line-height:.92}.now,.skills{padding:calc(var(--u) * 14) var(--gutter) 0}.now__list{margin-top:calc(var(--u) * 6);border-top:1px solid var(--c-line);padding:0;list-style:none}.now__row{column-gap:var(--gutter);border-bottom:1px solid var(--c-line);grid-template-columns:3fr 6fr 3fr;padding-block:1.4rem;display:grid}.now__what{font-family:var(--f-display);font-size:var(--t-m);line-height:1.15}.now__when,.now__where{color:var(--c-muted);font-size:var(--t-s)}.now__where{text-align:right}.skills__grid{column-gap:var(--gutter);margin-top:calc(var(--u) * 6);grid-template-columns:repeat(3,minmax(0,1fr));row-gap:2rem;display:grid}.skills__col{border-top:1px solid var(--c-line);padding-top:1rem}.skills__col h3{font-family:var(--f-display);font-size:var(--t-m);margin-bottom:.8rem}.skills__col ul{color:var(--c-muted);gap:.35rem;padding:0;list-style:none;display:grid}.facts--about{padding-top:calc(var(--u) * 14)}@media (width<=767px){.bio__card{grid-column:1/-1;margin-bottom:2rem;position:static}.bio__text,.why__text{grid-column:1/-1}.why__log{grid-column:1/-1;margin-bottom:2.5rem}.why__log li,.now__row{grid-template-columns:1fr;gap:.3rem}.now__where{text-align:left}.skills__grid{grid-template-columns:1fr}}.case__hero{padding:calc(var(--u) * 15) var(--gutter) calc(var(--u) * 6);column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;container-type:inline-size}.case__kicker{grid-area:1/1/auto/span 8;gap:1.5rem;display:flex}.case__title{font-family:var(--f-display);letter-spacing:-.05em;margin:calc(var(--u) * 2) 0 0 -.05em;white-space:nowrap;grid-column:1/-1;font-size:clamp(4rem,14.5cqi,17rem);font-weight:600;font-stretch:84%;line-height:.8}.case__line{margin-top:calc(var(--u) * 4);font-family:var(--f-display);font-size:var(--t-l);letter-spacing:-.02em;grid-column:1/span 6;font-weight:450;line-height:1.05}.case__meta{margin-top:calc(var(--u) * 4);font-size:var(--t-s);grid-column:8/-1;grid-template-columns:auto 1fr;align-self:end;gap:.6rem 1.5rem;display:grid}.case__meta>div{display:contents}.case__meta dt{color:var(--c-muted)}.case__links{gap:.35rem;padding:0;list-style:none;display:grid}.case__links a{padding-block:.15em;display:inline-block}.case__cover{margin:0 var(--gutter);position:relative}.case__cover-media,.case__frame-media{position:relative;overflow:clip}.case__cover-img{background:var(--white);width:100%;height:auto;display:block}.case__cover figcaption,.case__frame figcaption{font-size:var(--t-s);color:var(--c-muted);margin-top:.8rem}.case__brief,.case__build{column-gap:var(--gutter);padding:calc(var(--u) * 18) var(--gutter) calc(var(--u) * 10);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.case__brief>.case__label,.case__build>.case__label{grid-column:1/span 3;padding-top:.8em}.case__brief>div,.case__build>div{grid-column:5/span 7;gap:1.6rem;display:grid}.case__h{font-family:var(--f-display);font-size:var(--t-l);letter-spacing:-.025em;max-width:22ch;font-weight:500;line-height:1.04}.case__text{color:var(--c-muted);max-width:60ch}.case__points{column-gap:var(--gutter);grid-template-columns:1fr 1fr;padding:0;list-style:none;display:grid}.case__points li{border-top:1px solid var(--c-line);padding:.9rem 0 1.1rem}.system{column-gap:var(--gutter);padding:calc(var(--u) * 14) var(--gutter);margin-top:calc(var(--u) * 6);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.system__stage{grid-column:1/span 5;align-self:start;gap:2rem;display:grid;position:sticky;top:7rem}.system__graph{width:100%;max-width:28rem;overflow:visible}.system__edge,.system__edge-done{fill:none;stroke-width:2px}.system__edge{stroke:var(--c-line)}.system__edge-done{stroke:var(--c-fg);stroke-dasharray:1 1;stroke-dashoffset:1px}.system__node circle{fill:var(--c-bg);stroke:var(--c-fg);stroke-width:2px;transition:fill .4s,stroke .4s,r .4s}.system__node.is-on circle{fill:var(--c-done);stroke:var(--c-done);r:17px}.system__node text{fill:var(--c-fg);font:500 14px var(--f-body)}.system__steps{grid-column:7/-1;padding:0;list-style:none}.system__step{border-top:1px solid var(--c-line);align-content:center;gap:.8rem;min-height:55svh;padding-block:2rem;transition:opacity .6s;display:grid}html.motion .system__step:not(.is-on){opacity:.38}.system__no{font-size:var(--t-s);color:var(--c-muted);justify-self:start}.system__name{font-family:var(--f-display);font-size:var(--t-xl);letter-spacing:-.035em;font-weight:600;line-height:.9}.system__step p{color:var(--c-muted);max-width:36ch;font-size:var(--t-m);line-height:1.3}.case__media{column-gap:var(--gutter);row-gap:calc(var(--u) * 8);padding:calc(var(--u) * 8) var(--gutter);display:grid}.case__media--wide{grid-template-columns:repeat(12,minmax(0,1fr))}.case__media--wide .case__frame:nth-child(odd){grid-column:1/span 10}.case__media--wide .case__frame:nth-child(2n){grid-column:3/-1}.case__media--tall{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.case__media--tall .case__frame:nth-child(2){margin-top:calc(var(--u) * 12)}.case__media--tall .case__frame:nth-child(3){margin-top:calc(var(--u) * 6)}.case__frame{margin:0}.case__frame img{width:100%;height:auto;display:block}.outcome{column-gap:var(--gutter);padding:calc(var(--u) * 16) var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;container-type:inline-size}.outcome>.case__label{grid-column:1/-1}.outcome__value{font-family:var(--f-display);letter-spacing:-.05em;margin:calc(var(--u) * 3) 0 0 -.05em;color:var(--mint);grid-column:1/-1;font-size:clamp(4rem,17cqi,18rem);font-weight:600;font-stretch:84%;line-height:.82}.outcome__label{font-size:var(--t-m);grid-column:1/span 6;margin-top:1rem}.outcome__text{grid-column:8/-1;margin-top:1rem}.next{column-gap:var(--gutter);padding:calc(var(--u) * 14) var(--gutter) calc(var(--u) * 12);border-top:1px solid var(--c-line);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid;container-type:inline-size}.next__link{grid-column:1/span 9;gap:1rem;display:grid}.next__label{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--c-muted)}.next__title{font-family:var(--f-display);letter-spacing:-.05em;transition:font-stretch .7s var(--ease-out);margin-left:-.05em;font-size:clamp(3rem,10.5cqi,12rem);font-weight:600;font-stretch:84%;line-height:.82}.next__kind{font-size:var(--t-s);color:var(--c-muted);grid-area:1/10/auto/-1;place-self:end}.next__title{background:linear-gradient(var(--mint) 0 0) left 92% / 0% .06em no-repeat;transition:font-stretch .7s var(--ease-out), background-size .7s var(--ease-out)}@media (hover:hover){.next:hover .next__title{background-size:100% .06em}}.next:has(.next__link:focus-visible) .next__title{background-size:100% .06em}.next__line{color:var(--c-muted);grid-column:1/span 6;margin-top:1rem}.next__link:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.next{position:relative}@media (hover:hover){.next:hover .next__label .arrow{translate:6px}.next:hover .next__title{font-stretch:108%}}.next:has(.next__link:focus-visible) .next__title{font-stretch:108%}@media (width<=767px){.case__title{white-space:normal;font-size:clamp(3rem,22cqi,8rem)}.case__line,.case__meta,.case__brief>.case__label,.case__build>.case__label,.case__brief>div,.case__build>div{grid-column:1/-1}.case__brief>.case__label,.case__build>.case__label{margin-bottom:1rem}.case__points{grid-template-columns:1fr}.system__stage{z-index:1;background:var(--c-bg);grid-column:1/-1;gap:.6rem;padding-block:.8rem;position:sticky;top:4rem}.system__graph{width:100%;max-width:20rem}.system__steps{grid-column:1/-1}.system__step{min-height:40svh}.case__media--wide .case__frame:nth-child(odd),.case__media--wide .case__frame:nth-child(2n){grid-column:1/-1}.case__media--tall{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:72%;grid-auto-flow:column;padding-bottom:1rem;overflow-x:auto}.case__media--tall .case__frame{scroll-snap-align:start;margin-top:0!important}.outcome__label,.outcome__text,.next__link{grid-column:1/-1}.next__kind{grid-area:auto/1/auto/-1;justify-self:start;margin-top:1.5rem}.next__line{grid-area:3/1/auto/span 7}}.lost{min-height:100svh;padding:calc(var(--u) * 12) var(--gutter);align-content:center;justify-items:start;gap:1.4rem;display:grid}.lost__code{font-family:var(--f-display);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1.5px var(--c-fg);font-size:clamp(6rem,24vw,22rem);font-weight:600;line-height:.8}.lost__h{font-family:var(--f-display);font-size:var(--t-xl);letter-spacing:-.035em;max-width:14ch;font-weight:600;line-height:.92}.lost__p{color:var(--c-muted);max-width:40ch}.lost__btn{margin-top:1rem}html.is-stopped *,html.is-stopped :before,html.is-stopped :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.knot__title,.thread-row__title,.next__title{transition:none}}.pindex{padding:calc(var(--u) * 4) var(--gutter) calc(var(--u) * 12)}.pindex__list{border-top:1px solid var(--c-line);padding:0;list-style:none}.prow{column-gap:var(--gutter);padding-block:calc(var(--u) * 2.4);border-bottom:1px solid var(--c-line);grid-template-columns:4rem minmax(0,5fr) minmax(0,4fr) minmax(0,2fr) 15rem 2rem;grid-template-areas:"no title line meta thumb arrow";align-items:center;display:grid;position:relative}.prow__no{font-size:var(--t-s);color:var(--c-muted);grid-area:no}.prow__title{font-family:var(--f-display);letter-spacing:-.04em;transition:font-stretch .6s var(--ease-out), color .3s;grid-area:title;font-size:clamp(2.4rem,1rem + 3.6vw,5rem);font-weight:600;font-stretch:92%;line-height:.9}.prow__line{font-size:var(--t-m);grid-area:line;line-height:1.2}.prow__meta{font-size:var(--t-s);color:var(--c-muted);grid-area:meta;gap:.2rem;display:grid}.prow__thumb{aspect-ratio:16/10;background:var(--panel);transition:scale .6s var(--ease-out), box-shadow .4s;border-radius:8px;grid-area:thumb;position:relative;overflow:clip}.prow__thumb img{object-fit:cover;object-position:top left;width:100%;height:100%}.prow__thumb .poster{padding:.7rem}.prow__thumb .poster__small,.prow__thumb .poster__tag{display:none}.prow__thumb .poster__big{font-size:clamp(1rem,14cqi,2rem)}.prow__arrow{color:var(--mint);grid-area:arrow;justify-self:end}.prow a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}@media (hover:hover){.prow:hover .prow__title{color:var(--mint);font-stretch:116%}.prow:hover .prow__thumb{box-shadow:0 0 0 1.5px var(--mint);scale:1.06}.prow:hover .prow__arrow{translate:6px}}.prow:has(a:focus-visible) .prow__title{color:var(--mint);font-stretch:116%}@media (width<=1023px){.prow{grid-template-columns:3rem 1fr 10rem;grid-template-areas:"no title thumb""no line thumb""no meta thumb";row-gap:.4rem}.prow__arrow{display:none}}@media (width<=599px){.prow{grid-template-columns:1fr;grid-template-areas:"thumb""no""title""line""meta"}.prow__thumb{margin-bottom:.6rem}}html.gl-on .window,html.gl-on .window__view,html.gl-on .prow__thumb,html.gl-on .case__cover-media,html.gl-on .knot__media{background:0 0}html.gl-on .window{box-shadow:none}
