:root[data-theme=dark],:root{--bg:#141416;--bg-deep:#0f0f11;--surface:#1b1b1e;--surface-2:#212125;--line:#2b2b30;--line-strong:#3a3a40;--text:#eae7e0;--muted:#9b988f;--faint:#63615b;--brass:#c9ad76;--brass-dim:#8f7a52;--nav-bg:#141416c7}:root[data-theme=light]{--bg:#e9e7e2;--bg-deep:#dedcd6;--surface:#f1f0ec;--surface-2:#e4e2dc;--line:#d2d0c8;--line-strong:#b9b7ae;--text:#1a1a1c;--muted:#6f6d66;--faint:#a19f97;--brass:#9c7f45;--brass-dim:#b49a67;--nav-bg:#e9e7e2cc}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Archivo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;transition:background .3s,color .3s}::selection{background:var(--brass);color:var(--bg)}a{color:inherit;text-decoration:none;transition:color .18s}img{max-width:100%;display:block}.disp{text-transform:uppercase;letter-spacing:.01em;font-family:Archivo,sans-serif;font-weight:600;font-stretch:125%;line-height:.92}.mono{text-transform:uppercase;letter-spacing:.14em;font-family:Spline Sans Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.nav{z-index:30;background:var(--nav-bg);backdrop-filter:saturate(130%)blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:18px clamp(20px,4vw,48px);display:flex}.logo{letter-spacing:.04em;color:var(--brass);border:1.5px solid var(--brass);padding:3px 4px 2px 5px;font-family:Archivo,sans-serif;font-size:17px;font-weight:600;font-stretch:125%;line-height:1;transition:background .18s,color .18s;display:inline-block}.logo:hover{background:var(--brass);color:var(--bg)}.nav-links{align-items:center;gap:26px;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);border-bottom:1px solid #0000;padding-bottom:2px;font-family:Spline Sans Mono,monospace;font-size:11px}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--text);border-bottom-color:var(--brass)}.theme-toggle{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0;transition:color .18s,border-color .18s;display:inline-flex}.theme-toggle:hover{color:var(--text);border-color:var(--brass)}.theme-toggle svg{width:14px;height:14px;display:block}.hero{padding:clamp(56px,9vh,110px) 0 clamp(36px,6vh,64px)}.hero-name{flex-wrap:wrap;align-items:baseline;column-gap:.18em;margin:0;font-size:clamp(52px,10.4vw,148px);display:flex}.hero-name .w{animation:.8s cubic-bezier(.2,.7,.2,1) both rise;display:inline-block}.hero-name .w:nth-child(2){animation-delay:80ms}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.hero-sub{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 28px;margin-top:clamp(20px,3.5vh,34px);animation:.8s cubic-bezier(.2,.7,.2,1) .26s both rise;display:flex}.hero-sub .role{color:var(--muted)}.hero-sub .links{gap:24px;display:flex}.hero-sub .links a{color:var(--muted)}.hero-sub .links a:hover{color:var(--brass)}.rule{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;align-items:center;gap:16px;margin:clamp(28px,5vh,48px) 0 26px;padding-top:14px;display:flex}.rule a{color:var(--faint)}.rule a:hover{color:var(--brass)}.grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px);padding-bottom:clamp(48px,8vh,90px);display:grid}.piece{display:block}.piece .frame{aspect-ratio:4/5;background:var(--surface);border:1px solid var(--line);position:relative;overflow:hidden}.piece .frame>*{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.piece:hover .frame>*{transform:scale(1.045)}.piece .cap{justify-content:space-between;align-items:baseline;gap:12px;padding:12px 2px 0;display:flex}.piece .cap .t{text-transform:uppercase;letter-spacing:.05em;color:var(--text);align-items:baseline;gap:9px;min-width:0;font-size:13px;font-weight:500;display:inline-flex}.piece .cap .s{color:var(--faint);white-space:nowrap}.piece:hover .cap .s{color:var(--brass)}.ph{background:repeating-linear-gradient(-45deg, transparent 0 10px, #7f7f7f0d 10px 11px), var(--surface);width:100%;height:100%;color:var(--faint);text-transform:uppercase;letter-spacing:.14em;text-align:center;justify-content:center;align-items:center;padding:12px;font-family:Spline Sans Mono,monospace;font-size:10px;display:flex}.rv{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}.rv.in{opacity:1;transform:none}.page-head{padding:clamp(48px,8vh,92px) 0 0}.page-head h1{margin:0;font-size:clamp(44px,8vw,110px)}.page-head .lede{color:var(--muted);max-width:560px;margin:18px 0 0}.notes{margin:clamp(30px,5vh,54px) 0 90px;padding:0;list-style:none}.notes li{border-top:1px solid var(--line)}.notes li:last-child{border-bottom:1px solid var(--line)}.notes a.entry{justify-content:space-between;align-items:baseline;gap:20px;padding:clamp(20px,3.4vh,32px) 2px;display:flex}.notes .title{text-transform:uppercase;letter-spacing:.02em;align-items:baseline;gap:14px;min-width:0;font-family:Archivo,sans-serif;font-size:clamp(19px,3vw,31px);font-weight:600;font-stretch:118%;line-height:1.12;transition:color .18s;display:inline-flex}.notes a.entry:hover .title{color:var(--brass)}.notes .date{color:var(--faint);white-space:nowrap}.notes-empty{border:1px dashed var(--line-strong);text-align:center;color:var(--muted);margin:40px 0 90px;padding:46px 30px}.article{max-width:720px;margin:0 auto;padding:clamp(44px,7vh,80px) 0 80px}.article .crumbs{color:var(--faint);gap:14px;margin-bottom:26px;display:flex}.article .crumbs a:hover{color:var(--brass)}.article h1{margin:0 0 14px;font-size:clamp(34px,5.6vw,62px)}.article .standfirst{color:var(--muted);margin:0 0 34px;font-size:18px;line-height:1.55}.article .body h2{text-transform:uppercase;letter-spacing:.16em;color:var(--brass);margin:42px 0 12px;font-family:Spline Sans Mono,monospace;font-size:12px;font-weight:500}.article .body p{color:var(--text);margin:0 0 18px}.article .body ul{margin:0 0 20px;padding:0;list-style:none}.article .body ul li{margin-bottom:10px;padding-left:24px;position:relative}.article .body ul li:before{content:"";background:var(--brass-dim);width:6px;height:6px;position:absolute;top:9px;left:2px}.article .figure{border:1px solid var(--line);aspect-ratio:16/9;margin:30px 0}.footer{border-top:1px solid var(--line);padding:clamp(48px,8vh,90px) 0 44px}.footer .cta{align-items:baseline;gap:.22em;font-size:clamp(34px,6.4vw,84px);transition:color .18s;display:inline-flex}.footer .cta:hover{color:var(--brass)}.footer .row{color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:clamp(28px,5vh,48px);display:flex}.footer .row a{color:var(--muted)}.footer .row a:hover{color:var(--brass)}@media (width<=900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid{grid-template-columns:1fr}.notes a.entry{flex-direction:column;gap:8px}.hero-sub{flex-direction:column}}:focus-visible{outline:2px solid var(--brass);outline-offset:3px}@media (prefers-reduced-motion:reduce){.hero-name .w,.hero-sub{animation:none}.rv{opacity:1;transition:none;transform:none}.piece .frame>*{transition:none}html{scroll-behavior:auto}}:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}.nav{top:env(safe-area-inset-top,0px)}.frame img,.figure img{object-fit:cover;width:100%;height:100%}.article .figure:has(img){aspect-ratio:auto}.article .figure img{height:auto}.article .body img{border:1px solid var(--line);width:100%;height:auto;margin:30px 0}.project-meta{color:var(--faint);gap:14px;margin:0 0 30px;display:flex}