@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");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:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_5ca1a3c6-module__J4TKZa__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_5ca1a3c6-module__J4TKZa__variable{--font-geist:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");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:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");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:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_d030d9df-module__Yd1Xqa__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_d030d9df-module__Yd1Xqa__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg:#0b0b0c;--bg-2:#111113;--bg-3:#18181b;--ink:#f2efe9;--ink-2:#bdb9b1;--muted:#8a8780;--dim:#5c5a55;--line:#f2efe914;--line-2:#f2efe926;--accent:#d4ff3a;--on-accent:#0b0b0c;--sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--pad:clamp(20px, 4vw, 56px);--max:1440px;--radius:28px;--ease-out:cubic-bezier(.16,1,.3,1);--ease:cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.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}.skip{z-index:200;background:var(--accent);color:var(--on-accent);border-radius:999px;padding:10px 16px;font-weight:500;transition:top .2s;position:fixed;top:-80px;left:16px}.skip:focus{top:16px}.mono{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:400;line-height:1.4}.soft{color:var(--muted)}.wrap{max-width:var(--max);padding-inline:var(--pad);margin-inline:auto}.section{padding-block:clamp(80px,10vw,168px)}.grain{z-index:90;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;position:relative}.dot:after{content:"";background:var(--accent);opacity:.6;border-radius:50%;position:absolute;inset:0}html.motion .dot:after{animation:ping 2.4s var(--ease-out) infinite}@keyframes ping{0%{opacity:.55;transform:scale(1)}80%,to{opacity:0;transform:scale(3.2)}}.btn{--h:52px;height:var(--h);letter-spacing:-.01em;white-space:nowrap;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .5s var(--ease-out);will-change:transform;border-radius:999px;align-items:center;gap:12px;padding:0 22px 0 24px;font-size:15px;font-weight:500;display:inline-flex}.btn svg{width:16px;height:16px;transition:transform .45s var(--ease-out);flex:none}.btn--accent{background:var(--accent);color:var(--on-accent)}.btn--accent:hover{background:#e2ff73}.btn--ghost{border:1px solid var(--line-2);color:var(--ink)}.btn--ghost:hover{border-color:var(--ink-2);background:#f2efe90a}.btn--sm{--h:44px;padding:0 18px;font-size:14px}.btn:hover svg.arrow-down{transform:translateY(3px)}.btn:hover svg.arrow-ne{transform:translate(2px,-2px)}.btn:hover svg.arrow-r{transform:translate(3px)}.btn[data-copied=true]{border-color:var(--accent);color:var(--accent)}.nav{z-index:60;width:min(100% - 24px,940px);position:fixed;top:14px;left:50%;transform:translate(-50%)}.nav__bar{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);height:56px;transition:background-color .4s var(--ease);background:#1616189e;border-radius:999px;align-items:center;gap:6px;padding:6px 6px 6px 20px;display:flex;box-shadow:0 12px 40px -12px #000000b3,inset 0 1px #ffffff0a}.nav.is-scrolled .nav__bar{background:#121214db}.brand{letter-spacing:-.025em;white-space:nowrap;align-items:center;gap:10px;margin-right:auto;font-size:15px;font-weight:600;display:inline-flex}.brand__mark{background:var(--ink);width:26px;height:26px;color:var(--bg);letter-spacing:-.04em;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.nav__links{gap:2px;display:flex}.nav__links a{color:var(--ink-2);transition:color .25s var(--ease),background-color .25s var(--ease);border-radius:999px;padding:9px 13px;font-size:14px;display:block;position:relative}.nav__links a:hover{color:var(--ink);background:#f2efe90f}.nav__links a[aria-current]{color:var(--ink)}.nav__links a[aria-current]:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:3px;left:50%}.clock{border-left:1px solid var(--line-2);height:28px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:9px;margin-left:auto;padding:0 14px;display:inline-flex}.clock b{color:var(--ink);font-weight:500}.nav__cta{--h:44px;padding:0 18px;font-size:14px}.menu-btn{background:var(--ink);height:44px;color:var(--bg);border-radius:999px;align-items:center;gap:10px;padding:0 16px 0 18px;font-size:14px;font-weight:500;display:none}.menu-btn__icon{width:14px;height:8px;position:relative}.menu-btn__icon:before,.menu-btn__icon:after{content:"";height:1.5px;transition:transform .4s var(--ease-out),top .4s var(--ease-out);background:currentColor;border-radius:2px;position:absolute;left:0;right:0}.menu-btn__icon:before{top:0}.menu-btn__icon:after{top:6.5px}.nav.is-open .menu-btn__icon:before{top:3.25px;transform:rotate(45deg)}.nav.is-open .menu-btn__icon:after{top:3.25px;transform:rotate(-45deg)}.nav__panel{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform-origin:top;transition:opacity .3s var(--ease),transform .45s var(--ease-out),visibility 0s linear .45s;background:#141416f7;border-radius:26px;padding:10px 10px 12px;position:absolute;top:calc(100% + 8px);left:0;right:0;transform:translateY(-8px)scale(.98);box-shadow:0 30px 60px -20px #000c}.nav.is-open .nav__panel{opacity:1;visibility:visible;transition:opacity .3s var(--ease),transform .45s var(--ease-out),visibility 0s;transform:none}.nav__panel ul a{letter-spacing:-.04em;border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:14px 12px;font-size:30px;font-weight:500;line-height:1.1;display:flex}.nav__panel ul a span{color:var(--dim)}.nav__panel ul a[aria-current]{color:var(--ink)}.nav__panel ul a[aria-current] span{color:var(--accent)}.nav__panel ul a[aria-current]:before{content:"";background:var(--accent);border-radius:50%;order:1;align-self:center;width:7px;height:7px;margin-left:auto;margin-right:14px}.nav__panel ul a[aria-current] span{order:2}.nav__panel-foot{flex-wrap:wrap;gap:8px;padding:14px 2px 0;display:flex}.nav__panel-foot .btn{--h:48px;flex:1;justify-content:center}@media (max-width:960px){.nav__links,.nav__cta{display:none}.menu-btn{display:inline-flex}.clock{border-left:0;padding:0 12px}}@media (min-width:961px){.nav__panel{display:none}}@media (max-width:520px){.nav__bar{gap:2px;padding-left:8px}.clock{padding:0 10px}.clock .clock__tz{display:none}.menu-btn{justify-content:center;width:44px;padding:0}.menu-btn__label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:350px){.clock .clock__city{display:none}}.shead{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:24px;margin-bottom:clamp(36px,4.4vw,64px);display:grid}.shead__label{color:var(--muted);grid-column:span 3;align-self:start;gap:10px;padding-top:.9em;display:flex}.shead__label i{color:var(--dim);font-style:normal}.shead__title{letter-spacing:-.045em;text-wrap:balance;grid-column:span 6;font-size:clamp(2.1rem,4.6vw,4.3rem);font-weight:500;line-height:.98}.shead__aside{text-align:right;color:var(--muted);grid-column:span 3;justify-self:end}.link-arrow{color:var(--ink);transition:color .25s var(--ease);align-items:center;gap:10px;display:inline-flex}.link-arrow svg{width:14px;height:14px;transition:transform .45s var(--ease-out)}.link-arrow:hover{color:var(--accent)}.link-arrow:hover svg{transform:translate(4px)}.link-arrow--back:hover svg{transform:translate(-4px)}@media (max-width:900px){.shead{grid-template-columns:1fr;gap:16px}.shead__label,.shead__title,.shead__aside{grid-column:auto}.shead__label{padding-top:0}.shead__aside{text-align:left;justify-self:start}}.pagehead{padding-top:calc(120px + 2vw);padding-bottom:clamp(40px,5vw,72px)}.pagehead__crumb{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:clamp(28px,4vw,56px);padding-bottom:18px;display:flex}.pagehead__crumb a{transition:color .25s var(--ease)}.pagehead__crumb a:hover{color:var(--accent)}.pagehead__crumb .sep{background:var(--line-2);width:14px;height:1px}.pagehead__crumb .end{align-items:center;gap:10px;margin-left:auto;display:inline-flex}.pagehead__title{letter-spacing:-.052em;text-wrap:balance;max-width:16ch;font-size:clamp(2.6rem,7.2vw,7.4rem);font-weight:500;line-height:.94}.pagehead__foot{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:24px;margin-top:clamp(28px,3.4vw,48px);display:grid}.pagehead__lede{color:var(--ink-2);text-wrap:pretty;grid-column:1/span 6;max-width:52ch;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.55}.pagehead__meta{text-align:right;color:var(--muted);grid-column:9/span 4;justify-self:end}@media (max-width:900px){.pagehead{padding-top:112px}.pagehead__foot{grid-template-columns:1fr;gap:18px}.pagehead__lede,.pagehead__meta{grid-column:auto}.pagehead__meta{text-align:left;justify-self:start}}@media (max-width:520px){.pagehead__crumb .end{display:none}}.work{background:var(--line-2);border-block:1px solid var(--line-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.tile{background:var(--bg);color:var(--ink);isolation:isolate;transition:background-color .5s var(--ease);flex-direction:column;gap:clamp(18px,2vw,28px);padding:clamp(20px,2.4vw,36px);display:flex;position:relative}.tile:before{content:"";z-index:-1;opacity:0;transition:opacity .6s var(--ease);background:radial-gradient(60% 50% at 50% 45%,#d4ff3a12,#0000 70%);position:absolute;inset:0}.tile__top{justify-content:space-between;align-items:center;gap:16px;display:flex}.tile__idx{color:var(--muted);gap:14px;display:flex}.tile__idx b{color:var(--ink);font-weight:500}.tile__go{border:1px solid var(--line-2);width:44px;height:44px;color:var(--ink-2);transition:background-color .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease),transform .6s var(--ease-out);border-radius:50%;place-items:center;display:grid}.tile__go svg{width:16px;height:16px}.tile__shot{background:var(--bg-3);border:1px solid var(--line-2);transition:transform .8s var(--ease-out),box-shadow .8s var(--ease-out),border-color .5s var(--ease);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000c}.tile__bar{border-bottom:1px solid var(--line);background:#17171a;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.tile__bar i{background:#2e2e33;border-radius:50%;width:8px;height:8px}.tile__url{max-width:260px;height:18px;font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;transition:color .35s var(--ease);background:#0f0f11;border-radius:6px;flex:1;margin-left:10px;padding:0 8px;font-size:10.5px;line-height:18px;overflow:hidden}.tile__img{aspect-ratio:16/10;overflow:hidden}.tile__img img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform 1.4s var(--ease-out);transform:scale(1.001)}.tile__meta{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.tile h3{letter-spacing:-.045em;font-size:clamp(1.5rem,2.4vw,2.3rem);font-weight:500;line-height:1}.tile__desc{color:var(--muted);text-wrap:pretty;max-width:44ch;margin-top:10px;font-size:15px;line-height:1.45}.tile:hover,.tile:focus-visible{background:var(--bg-2)}.tile:hover:before,.tile:focus-visible:before{opacity:1}.tile:hover .tile__shot,.tile:focus-visible .tile__shot{border-color:#f2efe93d;transform:translateY(-8px);box-shadow:0 44px 80px -30px #000000e6}.tile:hover .tile__img img,.tile:focus-visible .tile__img img{transform:scale(1.035)}.tile:hover .tile__url,.tile:focus-visible .tile__url{color:var(--accent)}.tile:hover .tile__go,.tile:focus-visible .tile__go{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:rotate(-45deg)}.tile:focus-visible{outline-offset:-4px;border-radius:0}.allbar{border-bottom:1px solid var(--line-2);grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding-block:clamp(24px,3vw,40px);display:grid}.allbar__t{letter-spacing:-.045em;transition:color .3s var(--ease);font-size:clamp(1.6rem,3.2vw,2.9rem);font-weight:500;line-height:1}.allbar__n{color:var(--muted)}.allbar__go{border:1px solid var(--line-2);width:56px;height:56px;transition:background-color .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease),transform .5s var(--ease-out);border-radius:50%;place-items:center;display:grid}.allbar__go svg{width:18px;height:18px}.allbar:hover .allbar__t{color:var(--accent)}.allbar:hover .allbar__go{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:translate(6px)}@media (max-width:760px){.work{grid-template-columns:1fr}.allbar{grid-template-columns:1fr auto}.allbar__n{display:none}}.arch{margin-top:clamp(40px,5vw,72px);position:relative}.arch__label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line-2);justify-content:space-between;padding-bottom:14px;font-size:12px;display:flex}.arch__row{border-bottom:1px solid var(--line);grid-template-columns:56px minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) 40px;align-items:center;gap:20px;padding:22px 0;display:grid;position:relative}.arch__row:before{content:"";inset:0 calc(var(--pad) * -.5);background:var(--bg-2);opacity:0;z-index:-1;transition:opacity .35s var(--ease);border-radius:14px;position:absolute}.arch__n{color:var(--dim);transition:color .3s var(--ease);font-size:12px}.arch__t{letter-spacing:-.035em;transition:transform .6s var(--ease-out);font-size:clamp(1.15rem,1.8vw,1.6rem);font-weight:500;line-height:1.15}.arch__c,.arch__s{color:var(--muted);letter-spacing:.02em;font-size:12px}.arch__s{color:var(--dim);text-transform:none;letter-spacing:0}.arch__a{border:1px solid var(--line-2);width:36px;height:36px;color:var(--ink-2);transition:all .35s var(--ease-out);border-radius:50%;justify-self:end;place-items:center;display:grid}.arch__a svg{width:13px;height:13px}.arch__row:hover:before{opacity:1}.arch__row:hover .arch__n{color:var(--accent)}.arch__row:hover .arch__t{transform:translate(8px)}.arch__row:hover .arch__a{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.arch__peek{aspect-ratio:4/3;object-fit:cover;pointer-events:none;z-index:40;opacity:0;width:260px;transform:translate3d(var(--x,0),var(--y,0),0) scale(.92);transition:opacity .3s var(--ease),transform .5s var(--ease-out);border-radius:14px;position:fixed;top:0;left:0;box-shadow:0 30px 60px -20px #000000b3}.arch__peek:not([src]){display:none}.arch__peek.on{opacity:1;transform:translate3d(var(--x,0),var(--y,0),0) scale(1)}@media (hover:none),(pointer:coarse){.arch__peek{display:none}}@media (max-width:980px){.arch__row{grid-template-columns:40px minmax(0,1fr) auto 36px}.arch__s{display:none}}@media (max-width:520px){.arch__row{grid-template-columns:32px minmax(0,1fr) auto;gap:12px;padding:18px 0}.arch__c{display:none}}.posts{border-top:1px solid var(--line-2)}.posts li{isolation:isolate;position:relative}.post{border-bottom:1px solid var(--line);grid-template-columns:3fr 8fr 1fr;align-items:center;gap:24px;padding:26px 0;display:grid;position:relative}.post:before{content:"";inset:0 calc(var(--pad) * -1);z-index:-1;background:var(--bg-2);opacity:0;transition:opacity .35s var(--ease);position:absolute}.post__d{color:var(--muted);font-variant-numeric:tabular-nums}.post__t{letter-spacing:-.035em;transition:transform .6s var(--ease-out);text-wrap:balance;font-size:clamp(1.12rem,1.9vw,1.75rem);font-weight:500;line-height:1.2}.post__a{border:1px solid var(--line-2);width:40px;height:40px;color:var(--ink-2);transition:all .4s var(--ease-out);border-radius:50%;justify-self:end;place-items:center;display:grid}.post__a svg{width:14px;height:14px}.post:hover:before{opacity:1}.post:hover .post__t{transform:translate(10px)}.post:hover .post__a{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:rotate(-45deg)}@media (max-width:760px){.post{grid-template-columns:1fr auto;gap:10px 16px;padding:22px 0}.post__d{grid-column:1/-1}.post:hover .post__t{transform:none}}.fbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding-bottom:clamp(20px,2.4vw,32px);display:flex}.fchips{flex-wrap:wrap;gap:8px;display:flex}.fchip{border:1px solid var(--line-2);height:38px;color:var(--ink-2);letter-spacing:-.01em;white-space:nowrap;transition:background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;display:inline-flex}.fchip span{font-family:var(--mono);color:var(--dim);transition:color .25s var(--ease);font-size:11px}.fchip:hover{border-color:var(--ink-2);color:var(--ink)}.fchip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.fchip[aria-pressed=true] span{color:#0b0b0c8c}.seg{border:1px solid var(--line-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{height:32px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);transition:background-color .25s var(--ease),color .25s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:11.5px;display:inline-flex}.seg button svg{width:13px;height:13px}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--bg-3);color:var(--ink)}@media (max-width:560px){.fchips{margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);scrollbar-width:none;width:calc(100% + var(--pad) * 2);flex-wrap:nowrap;overflow-x:auto}.fchips::-webkit-scrollbar{display:none}}.footer{padding:clamp(40px,6vw,80px) 0 28px;overflow:hidden}.footer__word{letter-spacing:-.065em;white-space:nowrap;color:#19191c;text-align:center;-webkit-user-select:none;user-select:none;margin-bottom:clamp(24px,3vw,40px);font-size:17.2vw;font-weight:600;line-height:.8}.footer__row{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer__row a{transition:color .25s var(--ease)}.footer__row a:hover{color:var(--accent)}.footer__links{flex-wrap:wrap;gap:6px 20px;display:flex}@media (max-width:760px){.footer__row{grid-template-columns:1fr auto;gap:14px 16px;display:grid}.footer__links{border-bottom:1px solid var(--line);order:-1;grid-column:1/-1;padding-bottom:14px}.footer__row>span:nth-child(2){color:var(--dim);order:3;grid-column:1/-1}}.toast{z-index:120;border:1px solid var(--line-2);max-width:calc(100% - 32px);color:var(--ink);letter-spacing:-.01em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease),transform .45s var(--ease-out),visibility 0s linear .45s;background:#18181bf0;border-radius:999px;align-items:center;gap:10px;padding:12px 18px 12px 14px;font-size:14px;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px)scale(.98);box-shadow:0 20px 50px -18px #000c}.toast:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.toast[data-tone=error]:before{background:#ff7a59}.toast.is-on{opacity:1;visibility:visible;transition:opacity .25s var(--ease),transform .45s var(--ease-out),visibility 0s;transform:translate(-50%)}html.motion [data-reveal]{opacity:0;transition:opacity .9s var(--ease-out),transform 1.1s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(22px)}html.motion [data-reveal].is-in,html.motion .work .tile[data-reveal]{opacity:1;transform:none}html.motion .work .tile[data-reveal]>*{opacity:0;transition:opacity .9s var(--ease-out),transform 1.1s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(22px)}html.motion .work .tile[data-reveal]>.tile__shot{transition:opacity .9s var(--ease-out),transform 1.1s var(--ease-out),box-shadow .8s var(--ease-out),border-color .5s var(--ease);transition-delay:calc(var(--d,0s) + 80ms),calc(var(--d,0s) + 80ms),0s,0s}html.motion .work .tile[data-reveal].is-in>*{opacity:1;transition-delay:0s;transform:none}html.motion .work .tile[data-reveal].is-in>.tile__shot{transition-delay:0s}html.motion .work .tile[data-reveal].is-in:hover>.tile__shot{transform:translateY(-8px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.grain,.nav,.skip,.toast,.arch__peek{display:none!important}html.motion [data-reveal],html.motion .work .tile[data-reveal]>*{opacity:1!important;transform:none!important}}