@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.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:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.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:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.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:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.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:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.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:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.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:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.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:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.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:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.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:IBM Plex Sans Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.ibm_plex_sans_a852d9a4-module__1Sfpya__className{font-family:IBM Plex Sans,IBM Plex Sans Fallback;font-style:normal}.ibm_plex_sans_a852d9a4-module__1Sfpya__variable{--font-plex:"IBM Plex Sans", "IBM Plex Sans Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(../media/7469f4b8c4320767-s.0n~dq4ve1fsnk.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:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(../media/adc7cd3b7883d367-s.0k.s~xlrl5kf0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(../media/80af654069c6359d-s.0p4us80tzci5y.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(../media/57432213f2a52057-s.0m74eugkxa1nt.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:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(../media/e6a1be0d145ae657-s.09qf.t1d4cj6o.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(../media/f36318c221c6c961-s.p.09l05n2i6l-al.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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7469f4b8c4320767-s.0n~dq4ve1fsnk.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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/adc7cd3b7883d367-s.0k.s~xlrl5kf0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/80af654069c6359d-s.0p4us80tzci5y.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/57432213f2a52057-s.0m74eugkxa1nt.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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e6a1be0d145ae657-s.09qf.t1d4cj6o.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f36318c221c6c961-s.p.09l05n2i6l-al.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:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_f7fdf68e-module__yo27Mq__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_f7fdf68e-module__yo27Mq__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--paper:#fff;--paper-deep:#f5f3ee;--ink:#14120f;--ink-soft:#2a2824;--ink-mute:#7a766b;--line:#c9c3b3;--line-soft:#d9d3c3;--shu:#a8361e}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--ink);color:var(--paper)}html{scroll-behavior:smooth}body{background-color:var(--paper);color:var(--ink-soft);font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:.003em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle,#1a181424 1px,#0000 1.2px);background-size:28px 28px;min-height:100vh;font-size:17px;font-weight:400;line-height:1.6;overflow-x:hidden}em,i{color:var(--ink);font-style:normal;font-weight:500}.wrap{z-index:2;max-width:1000px;margin:0 auto;padding:24px clamp(60px,10vw,140px) 120px;position:relative}.head{font-family:var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;padding:24px 0 56px;font-size:11px;font-weight:400;display:flex}.head .name{color:var(--ink);font-weight:500;text-decoration:none}.head-back{font-family:var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);font-size:11px;text-decoration:none;transition:color .2s}.head-back:hover{color:var(--ink)}.head-nav{font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;flex-wrap:wrap;gap:20px;display:flex}.head-nav a{color:var(--ink-mute);text-decoration:none;transition:color .2s}.head-nav a:hover{color:var(--ink)}.hero{margin-bottom:clamp(72px,11vh,120px);position:relative}.hero h1{font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:-.022em;color:var(--ink);max-width:100%;margin-bottom:56px;font-size:clamp(28px,4.4vw,54px);font-weight:300;line-height:1.2}.hero h1 .b{font-weight:500}.hero h1 .shu{color:var(--shu);font-weight:500}.hero-foot{font-family:var(--font-plex), system-ui, sans-serif;color:var(--ink-soft);letter-spacing:.005em;grid-template-columns:1fr;gap:6px;font-size:15px;font-weight:400;line-height:1.65;display:grid}.hero-foot .k{color:var(--ink-mute);font-family:var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase;width:90px;font-size:11px;font-weight:400;display:inline-block}.hero-foot .v em{color:var(--ink);font-weight:500}.sec{padding:clamp(48px,8vh,88px) 0;position:relative}.sec-head{border-bottom:1px solid var(--line);grid-template-columns:1fr;gap:16px;margin-bottom:clamp(32px,5vh,56px);padding-bottom:clamp(16px,3vh,28px);display:grid;position:relative}.sec-head h2{font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:-.022em;color:var(--ink);font-size:clamp(22px,2.6vw,30px);font-weight:400;line-height:1.1}.sec-head h2 em{font-weight:400}.about p{font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:.003em;color:var(--ink-soft);max-width:72ch;margin-bottom:20px;font-size:17px;font-weight:400;line-height:1.6}.about p:last-child{margin-bottom:0}.about p em{color:var(--ink);font-weight:400}.about p em.shu{color:var(--shu)}.role{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr;gap:20px;padding:clamp(28px,4.5vh,48px) 0;display:grid}.role:last-child{border-bottom:none}@media (min-width:700px){.role{grid-template-columns:72px 1fr;align-items:start;gap:32px}}.role-date{font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);padding-top:14px;font-size:11px;font-weight:400}.role-body h3{font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:-.018em;color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:8px;font-size:clamp(20px,1.9vw,24px);font-weight:500;line-height:1.25;display:flex}.role-body h3 .co{flex:0 auto}.role-body h3 .loc{font-family:var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:400}.role-body h3 .exit{font-family:var(--font-mono), monospace;vertical-align:3px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);border:1px solid var(--line);margin-left:14px;padding:2px 8px;font-size:11px;font-weight:400}.role-body .title{font-family:var(--font-plex), system-ui, sans-serif;color:var(--ink-mute);letter-spacing:.005em;margin-bottom:20px;font-size:15px;font-weight:400}.role-body .ctx{font-family:var(--font-plex), system-ui, sans-serif;color:var(--ink-soft);letter-spacing:.003em;max-width:72ch;margin-bottom:24px;font-size:17px;font-weight:400;line-height:1.6}.role-body .ctx em{color:var(--ink);font-weight:400}.ach{list-style:none}.ach li{border-top:1px solid var(--line-soft);grid-template-columns:1fr;gap:4px;padding:16px 0;display:grid}@media (min-width:700px){.ach li{grid-template-columns:120px 1fr auto;align-items:baseline;gap:24px}}.ach li .n{font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:-.005em;color:var(--ink);font-size:15px;font-weight:400}.ach li .d{color:var(--ink-soft);letter-spacing:.003em;max-width:72ch;font-size:16px;font-weight:400;line-height:1.6}.ach li .d em{color:var(--ink);font-weight:400}.ach li .y{font-family:var(--font-mono), monospace;letter-spacing:.2em;color:var(--ink-mute);white-space:nowrap;text-align:right;font-size:11px;font-weight:400}@media (max-width:699px){.ach li .y{text-align:left}}.role--compact{padding:36px 0}.role--compact .role-body h3{color:var(--ink);margin-bottom:6px;font-size:20px;font-weight:500}.role--compact .role-body .title{margin-bottom:10px;font-size:14px;font-style:normal}.role--compact .role-body .ctx{margin-bottom:0;font-size:15px;line-height:1.55}.project-filters{flex-wrap:wrap;gap:12px;margin-bottom:clamp(28px,4.5vh,44px);display:flex}.project-filter{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);border:1px solid var(--line);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:12px 20px;font-size:12px;font-weight:400;transition:color .2s,background-color .2s,border-color .2s;display:inline-flex}.project-filter .count{color:var(--line);font-size:11px}.project-filter:hover{color:var(--ink);border-color:var(--ink)}.project-filter.active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.project-filter.active .count{color:#ffffff80}.project{border-bottom:1px solid var(--line-soft);color:inherit;grid-template-columns:1fr;gap:18px;padding:clamp(32px,5vh,56px) 0;text-decoration:none;transition:padding-left .55s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.project:last-child{border-bottom:none}@media (min-width:700px){.project{grid-template-columns:72px 1fr;align-items:start;gap:32px}}.project-body h3{font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:-.02em;color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:10px;font-size:clamp(22px,2.4vw,28px);font-weight:500;line-height:1.15;display:flex}.project-body h3 a,.project-body .tags .project-url{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}.project-body h3 a:hover,.project-body .tags .project-url:hover{color:var(--shu);-webkit-text-decoration-color:var(--shu);text-decoration-color:var(--shu)}.project-body h3 .arrow{color:var(--ink-mute);font-size:.45em}.project-body .sub{font-family:var(--font-plex), system-ui, sans-serif;color:var(--ink-mute);letter-spacing:.005em;margin-bottom:18px;font-size:15px;font-weight:400}.project-body p{color:var(--ink-soft);letter-spacing:.003em;max-width:72ch;margin-bottom:16px;font-size:17px;font-weight:400;line-height:1.6}.project-body p em{color:var(--ink);font-weight:400}.project-body .tags{font-family:var(--font-mono), monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);flex-wrap:wrap;gap:24px;font-size:11px;font-weight:400;display:flex}.project-date{font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap;padding-top:10px;font-size:11px;font-weight:400}.note{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr;gap:14px;padding:clamp(28px,4.5vh,48px) 0;display:grid}.note:last-child{border-bottom:none}@media (min-width:700px){.note{grid-template-columns:72px 1fr;gap:32px}}.note .date{font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);padding-top:10px;font-size:11px;font-weight:400}.note h4{font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:-.018em;color:var(--ink);max-width:28ch;margin-bottom:12px;font-size:clamp(18px,1.9vw,22px);font-weight:500;line-height:1.3}.note-title-link{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}.note-title-link:hover{color:var(--shu);-webkit-text-decoration-color:var(--shu);text-decoration-color:var(--shu)}.note p{color:var(--ink-soft);letter-spacing:.003em;max-width:72ch;margin-bottom:16px;font-size:16px;font-weight:400;line-height:1.6}.note p:last-child{margin-bottom:0}.note p em{color:var(--ink);font-weight:400}.note p a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .2s}.note p a:hover{-webkit-text-decoration-color:var(--shu);text-decoration-color:var(--shu)}.pub{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr;gap:14px;padding:clamp(28px,4.5vh,48px) 0;display:grid}.pub:last-child{border-bottom:none}@media (min-width:700px){.pub{grid-template-columns:72px 1fr;gap:32px}}.pub-meta{font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap;padding-top:6px;font-size:11px;font-weight:400}.pub h3{font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:-.015em;color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;font-size:clamp(18px,1.9vw,22px);font-weight:500;line-height:1.3;display:flex}.pub h3 a{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}.pub h3 a:hover{color:var(--shu);-webkit-text-decoration-color:var(--shu);text-decoration-color:var(--shu)}.pub h3 .arrow{color:var(--ink-mute);font-size:.5em}.pub-cite{font-family:var(--font-mono), monospace;letter-spacing:.02em;color:var(--ink-mute);margin-bottom:14px;font-size:12px}.pub p{color:var(--ink-soft);letter-spacing:.003em;max-width:72ch;margin-bottom:16px;font-size:17px;font-weight:400;line-height:1.6}.pub-url{font-family:var(--font-mono), monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);text-underline-offset:3px;font-size:11px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .2s}.pub-url:hover{color:var(--shu);-webkit-text-decoration-color:var(--shu);text-decoration-color:var(--shu)}.note-page{padding:clamp(40px,6vh,72px) 0 clamp(48px,8vh,96px)}.note-page-meta{font-family:var(--font-mono), monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:18px;font-size:11px}.note-page-title{font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:-.022em;color:var(--ink);max-width:22ch;margin-bottom:32px;font-size:clamp(28px,3.6vw,40px);font-weight:500;line-height:1.2}.note-video{background:var(--paper-deep);border:1px solid var(--line-soft);width:100%;margin:0 0 36px;padding-bottom:56.25%;position:relative;overflow:hidden}.note-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.note-page p{color:var(--ink-soft);letter-spacing:.003em;max-width:72ch;margin-bottom:18px;font-size:17px;font-weight:400;line-height:1.65}.note-page p:last-of-type{margin-bottom:0}.note-page p em{color:var(--ink);font-weight:500}.note-page p a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .2s}.note-page p a:hover{-webkit-text-decoration-color:var(--shu);text-decoration-color:var(--shu)}.note-page h2{font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:-.018em;color:var(--ink);max-width:32ch;margin:44px 0 18px;font-size:clamp(22px,2.4vw,28px);font-weight:500;line-height:1.3}.note-page blockquote{border-left:2px solid var(--line);max-width:72ch;margin:0 0 18px;padding:4px 0 4px 20px}.note-page blockquote p{color:var(--ink-mute)}.note-page blockquote p:last-child{margin-bottom:0}.note-page pre{font-family:var(--font-mono), monospace;background:var(--paper-deep);border:1px solid var(--line-soft);color:var(--ink-soft);letter-spacing:0;max-width:72ch;margin:0 0 18px;padding:16px 20px;font-size:13px;line-height:1.35;overflow-x:auto}.note-page pre code{font-family:inherit;font-size:inherit;color:inherit;letter-spacing:0;background:0 0;border:none;padding:0}.note-page code{font-family:var(--font-mono), monospace;background:var(--paper-deep);border:1px solid var(--line-soft);color:var(--ink);letter-spacing:0;padding:1px 6px;font-size:.88em}.note-page hr{border:0;border-top:1px solid var(--line);max-width:72ch;margin:36px 0}.note-page strong{color:var(--ink);font-weight:600}.note-page .flow-diagram{flex-direction:column;align-items:flex-start;margin:0 0 18px;display:flex}.note-page .flow-box{font-family:var(--font-mono), monospace;border:1px solid var(--line);background:var(--paper-deep);width:220px;color:var(--ink-soft);padding:14px 18px;font-size:13px;line-height:1.55}.note-page .flow-arrow{font-family:var(--font-mono), monospace;color:var(--ink-mute);text-align:center;width:220px;padding:6px 0;font-size:18px;line-height:1}.note-page .flow-arrow:before{content:"↓"}@media (min-width:720px){.note-page .flow-diagram{flex-direction:row;align-items:stretch}.note-page .flow-box{flex-direction:column;justify-content:center;width:160px;display:flex}.note-page .flow-arrow{align-self:center;width:auto;padding:0 14px}.note-page .flow-arrow:before{content:"→"}}.note-links{border-top:1px solid var(--line);grid-template-columns:1fr;gap:0;margin-top:44px;display:grid}.note-links a{border-bottom:1px solid var(--line-soft);color:var(--ink);grid-template-columns:1fr auto;grid-template-areas:"k arr""v arr";align-items:baseline;gap:4px 16px;padding:16px 0;text-decoration:none;transition:padding-left .4s cubic-bezier(.2,.8,.2,1);display:grid}.note-links a:last-child{border-bottom:1px solid var(--line)}.note-links a:hover{padding-left:12px}.note-links a .k{font-family:var(--font-mono), monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);grid-area:k;font-size:11px;font-weight:400}.note-links a .v{font-family:var(--font-plex), system-ui, sans-serif;color:var(--ink);letter-spacing:-.003em;word-break:break-all;grid-area:v;font-size:15px;font-weight:400}.note-links a .arr{font-family:var(--font-mono), monospace;color:var(--ink-mute);grid-area:arr;align-self:center;font-size:11px;transition:transform .3s,color .3s}.note-links a:hover .arr{color:var(--ink);transform:translate(4px,-2px)}.note-back{border-top:1px solid var(--line-soft);font-family:var(--font-mono), monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);margin-top:40px;padding-top:24px;font-size:11px;text-decoration:none;transition:color .2s;display:inline-block}.note-links+.note-back{border-top:none;margin-top:32px;padding-top:0}.note-back:hover{color:var(--ink)}.contact-line{font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:-.022em;color:var(--ink);max-width:42ch;margin-bottom:36px;font-size:clamp(22px,2.6vw,30px);font-weight:300;line-height:1.35}.contact-line em{font-weight:400}.contact-line em.shu{color:var(--shu)}.contact-links{border-top:1px solid var(--line);grid-template-columns:1fr;gap:0;display:grid}.contact-links a{border-bottom:1px solid var(--line-soft);color:var(--ink);grid-template-columns:1fr auto;align-items:baseline;gap:16px;padding:16px 0;text-decoration:none;transition:padding-left .4s cubic-bezier(.2,.8,.2,1);display:grid}@media (min-width:700px){.contact-links a{grid-template-columns:100px 1fr auto;gap:24px}}.contact-links a:last-child{border-bottom:1px solid var(--line)}.contact-links a:hover{padding-left:20px}.contact-links a .k{font-family:var(--font-mono), monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);font-size:11px;font-weight:400}.contact-links a .v{font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:-.003em;font-size:17px;font-weight:400}.contact-links a .arr{font-family:var(--font-mono), monospace;color:var(--ink-mute);font-size:11px;transition:transform .3s,color .3s}.contact-links a:hover .arr{color:var(--ink);transform:translate(4px,-2px)}.foot{border-top:1px solid var(--line);font-family:var(--font-mono), monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:16px;margin-top:clamp(60px,10vh,96px);padding-top:20px;font-size:11px;font-weight:400;display:flex}.reveal{opacity:0;transition:opacity 1.2s cubic-bezier(.2,.8,.2,1),transform 1.2s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)}.reveal.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.contact-links a,.contact-links a .arr{transition:none}}@media (max-width:560px){.head{padding:20px 0 36px}.head-nav{letter-spacing:.12em;gap:12px}.hero{margin-bottom:clamp(40px,6vh,72px)}.hero h1{margin-bottom:36px}.hero-foot .k{width:auto;margin-bottom:2px;display:block}.hero-foot{gap:14px}.sec{padding:clamp(32px,5vh,56px) 0}}.soto-wrap-top{padding-bottom:0}.soto-canvas{touch-action:pan-y;width:100%;height:100%;display:block}.soto-hero{background:var(--paper);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);height:min(86vh,920px);min-height:520px;position:relative;overflow:hidden}.soto-hero-text{pointer-events:none;position:absolute;bottom:clamp(24px,6vh,64px);left:clamp(20px,6vw,80px)}.soto-hero-text h1{font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:-.03em;color:var(--ink);background:var(--paper);margin-left:-12px;padding:6px 12px 10px;font-size:clamp(36px,7vw,88px);font-weight:300;line-height:1;display:inline-block}.soto-kicker,.soto-hint,.soto-num{font-family:var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);font-size:11px}.soto-kicker,.soto-hint{background:var(--paper);margin-left:-8px;padding:4px 8px;display:inline-block}.soto-kicker{width:fit-content;margin-bottom:10px;display:block}.soto-hint{width:fit-content;margin-top:14px;display:block}.soto-intro p,.soto-piece p{color:var(--ink-soft);max-width:64ch;margin-bottom:20px;font-size:17px;line-height:1.65}.soto-intro p:first-child{letter-spacing:-.015em;color:var(--ink);font-size:clamp(20px,2.2vw,26px);font-weight:300;line-height:1.45}.soto-intro em{color:var(--shu)}.soto-intro a,.soto-piece p a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .2s}.soto-intro a:hover,.soto-piece p a:hover{-webkit-text-decoration-color:var(--shu);text-decoration-color:var(--shu)}.soto-piece{border-top:1px solid var(--line)}.soto-label{align-items:baseline;gap:20px;margin-bottom:28px;display:flex}.soto-label h2{font-family:var(--font-plex), system-ui, sans-serif;letter-spacing:-.022em;color:var(--ink);font-size:clamp(22px,2.6vw,30px);font-weight:400}.soto-panel{aspect-ratio:4/3;border:1px solid var(--line-soft);background:var(--paper);margin-bottom:28px;position:relative;overflow:hidden}.soto-canvas--grab{cursor:grab}.soto-canvas--grab:active{cursor:grabbing}.soto-clip{margin-bottom:28px}.soto-clip-screen{position:relative}.soto-clip-stage{aspect-ratio:16/9;border:1px solid var(--line-soft);background:#f3f1ec;position:relative;overflow:hidden}.soto-clip-stage canvas{position:absolute;inset:0}.soto-clip-caption{pointer-events:none;max-width:min(46ch,80%);animation:.8s both soto-clip-in;position:absolute;bottom:clamp(12px,3vw,24px);left:clamp(14px,3vw,28px)}.soto-clip-caption .soto-clip-year{font-family:var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--shu);margin-bottom:4px;font-size:11px}.soto-clip-caption .soto-clip-title{letter-spacing:-.02em;color:var(--ink);margin-bottom:6px;font-size:clamp(18px,2.4vw,26px);font-weight:400;line-height:1.15}.soto-clip-caption .soto-clip-body{color:var(--ink-soft);margin-bottom:0;font-size:clamp(13px,1.5vw,15px);line-height:1.45}.soto-piece .soto-clip-caption p{background:#f3f1ecdb;width:fit-content;max-width:none;margin:0 0 4px -6px;padding:1px 6px}@keyframes soto-clip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.soto-clip-start{cursor:pointer;color:var(--ink);background:#f3f1ec8c;border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-family:inherit;transition:background-color .2s;display:flex;position:absolute;inset:0}.soto-clip-start:hover{background:#f3f1ec4d}.soto-clip-start-title{letter-spacing:-.025em;font-size:clamp(24px,4vw,44px);font-weight:300}.soto-clip-start-meta{font-family:var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);background:var(--ink);padding:8px 14px;font-size:11px}.soto-clip-controls{align-items:center;gap:16px;margin-top:14px;display:flex}.soto-clip-toggle{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;min-width:82px;padding:8px 14px;font-size:11px}.soto-clip-toggle:hover{border-color:var(--ink)}.soto-clip-track{flex:1;height:24px;position:relative}.soto-clip-track:before,.soto-clip-fill{content:"";background:var(--line-soft);height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.soto-clip-fill{background:var(--shu);transform-origin:0;transform:scaleX(0)}.soto-clip-tick{cursor:pointer;background:0 0;border:0;width:18px;height:24px;margin-left:-9px;position:absolute;top:0}.soto-clip-tick:after{content:"";background:var(--paper);border:1px solid var(--ink-mute);border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;transition:transform .2s;position:absolute;top:50%;left:50%}.soto-clip-tick:hover:after,.soto-clip-tick.is-current:after{border-color:var(--shu);background:var(--shu);transform:scale(1.4)}.soto-sound{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer;padding:8px 14px;font-size:11px;transition:color .2s,background-color .2s,border-color .2s;position:absolute;top:14px;right:14px}.soto-sound:hover{border-color:var(--ink)}.soto-sound[aria-pressed=true]{color:var(--paper);background:var(--ink);border-color:var(--ink)}.foot-link{color:var(--ink-mute);text-decoration:none;transition:color .2s}.foot-link:hover{color:var(--shu)}@media (max-width:560px){.soto-clip-caption{max-width:none;min-height:7.5em;margin-top:12px;position:static}.soto-piece .soto-clip-caption p{background:0 0}.soto-hero{height:78vh;min-height:460px}}.soto-film{width:min(1180px,100vw - 32px);margin:0 0 28px 50%;translate:-50%}.soto-film-stage{aspect-ratio:16/9;background:#0c0b0a;position:relative;overflow:hidden}.soto-film-stage:fullscreen{aspect-ratio:auto;width:100vw;height:100vh}.soto-film-stage canvas{touch-action:pan-y;position:absolute;inset:0}.soto-film-start{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.soto-film-start button{pointer-events:auto}.soto-film-play{color:#f3f1ec;cursor:pointer;background:#0c0b0a;border:0;flex-direction:column;align-items:center;gap:14px;padding:clamp(18px,3vw,30px) clamp(22px,4vw,44px);font-family:inherit;transition:transform .2s;display:flex}.soto-film-play:hover{transform:scale(1.03)}.soto-film-play-title{letter-spacing:-.025em;font-size:clamp(24px,4.2vw,48px);font-weight:300}.soto-film-play-meta,.soto-film-quiet,.soto-film-chip,.soto-film-clock{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-size:13px}.soto-film-play-meta{color:#0c0b0a;background:#f2c12e;padding:8px 14px}.soto-film-quiet{color:#0c0b0a;cursor:pointer;background:#f3f1ec;border:0;padding:6px 10px}.soto-film-hud,.soto-film-end{gap:8px;display:flex;position:absolute;top:12px;right:12px}.soto-film-end{top:50%;left:50%;right:auto;translate:-50% -50%}.soto-film-chip{color:#f3f1ec;cursor:pointer;background:#0c0b0ab3;border:1px solid #f3f1ec59;padding:8px 12px}.soto-film-chip:hover,.soto-film-chip[aria-pressed=true]{color:#0c0b0a;background:#f2c12e;border-color:#f2c12e}.soto-film-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.soto-film-controls{align-items:center;gap:16px;margin-top:14px;display:flex}.soto-film-track{flex:1;gap:3px;height:24px;display:flex;position:relative}.soto-film-segment{cursor:pointer;background:linear-gradient(var(--line-soft), var(--line-soft)) center / 100% 4px no-repeat;border:0;flex-basis:0;height:100%;padding:0}.soto-film-segment:hover,.soto-film-segment.is-current{background-image:linear-gradient(var(--ink-mute), var(--ink-mute))}.soto-film-fill{background:var(--shu);transform-origin:0;pointer-events:none;mix-blend-mode:multiply;height:4px;margin-top:-2px;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}.soto-film-clock{color:var(--ink-mute);font-variant-numeric:tabular-nums}@media (max-width:560px){.soto-film-stage{aspect-ratio:4/5}.soto-film-controls{gap:10px}}.soto-inside-start{justify-content:flex-start;padding-top:clamp(56px,14%,120px)}@media (max-width:560px){.soto-inside-start{justify-content:center;padding-top:0}}.soto-inside-stage{--player-ink:#f4f1ea;font-family:var(--font-tight), sans-serif}.soto-inside-stage.is-chrome-asleep{cursor:none}.soto-inside-play,.soto-inside-pill{font:500 15px/1 var(--font-tight), sans-serif;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;transition:transform .2s,background-color .2s;display:inline-flex}.soto-inside-play{color:#0b0a09;background:var(--player-ink);padding:12px 20px 12px 16px}.soto-inside-play:hover{transform:scale(1.04)}.soto-inside-play svg,.soto-inside-pill svg{width:18px;height:18px}.soto-inside-play-time{font-variant-numeric:tabular-nums;opacity:.55}.soto-inside-end{gap:10px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.soto-inside-pill{color:var(--player-ink);-webkit-backdrop-filter:blur(12px);background:#f4f1ea24;padding:11px 18px 11px 14px}.soto-inside-pill:hover{background:#f4f1ea42}.soto-player{color:var(--player-ink);background:linear-gradient(#0000,#00000047 45%,#000000b3);padding:48px clamp(10px,2vw,20px) clamp(4px,1vw,10px);transition:opacity .35s,translate .35s;position:absolute;bottom:0;left:0;right:0}.soto-player[hidden]{display:none}.is-chrome-asleep .soto-player{opacity:0;pointer-events:none;translate:0 8px}.soto-player-track{gap:2px;height:16px;margin:0 6px;display:flex;position:relative}.soto-player-segment{cursor:pointer;background:linear-gradient(#f4f1ea4d,#f4f1ea4d) 50%/100% 3px no-repeat;border:0;flex-basis:0;min-width:2px;height:100%;padding:0;transition:background-size .15s;position:relative}.soto-player-track:hover .soto-player-segment{background-size:100% 5px}.soto-player-segment:hover{background-image:linear-gradient(#f4f1ea8c,#f4f1ea8c)}.soto-player-segment:after{content:attr(data-label);white-space:nowrap;color:#0b0a09;background:var(--player-ink);opacity:0;pointer-events:none;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:500;transition:opacity .15s,translate .15s;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50% 4px}.soto-player-segment:hover:after{opacity:1;translate:-50%}.soto-player-segment:first-child:after{left:0;translate:0 4px}.soto-player-segment:first-child:hover:after{translate:0}.soto-player-segment:last-child:after{left:auto;right:0;translate:0 4px}.soto-player-segment:last-child:hover:after{translate:0}.soto-player-fill{background:var(--player-ink);transform-origin:0;pointer-events:none;height:3px;margin-top:-1.5px;transition:height .15s,margin-top .15s;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}.soto-player-track:hover .soto-player-fill{height:5px;margin-top:-2.5px}.soto-player-row{align-items:center;gap:2px;margin-top:4px;display:flex}.soto-player-button{width:40px;height:40px;color:inherit;cursor:pointer;opacity:.88;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .15s,opacity .15s;display:grid;position:relative}.soto-player-button:hover{opacity:1;background:#f4f1ea24}.soto-player-button:focus-visible,.soto-inside-play:focus-visible,.soto-inside-pill:focus-visible,.soto-player-segment:focus-visible{outline:2px solid var(--player-ink);outline-offset:2px}.soto-player-button svg{width:22px;height:22px}.soto-player-button[aria-pressed=false]{opacity:.55}.soto-player-button[aria-pressed=true]:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:5px}.soto-player-clock{font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.9;margin-left:6px;font-size:13px}.soto-player-toast{white-space:nowrap;color:#0b0a09;background:var(--player-ink);pointer-events:none;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:500;position:absolute;bottom:calc(100% + 6px);right:0}.soto-player-spacer{flex:1}.soto-credits{color:var(--ink-mute);margin-top:18px;font-size:14px;line-height:1.55}.soto-credits summary{cursor:pointer;font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);font-size:13px}.soto-credits ul{margin:10px 0;padding-left:18px}.soto-piece .soto-credits p{margin:10px 0;font-size:14px}
