:root{--bg:#f7f7f5;--text:#151515;--muted:#777;--line:#deded9;--soft:#ededeb;--rail:92px;--pad:clamp(28px,5vw,76px)}html[data-theme="dark"]{--bg:#141414;--text:#ededeb;--muted:#999;--line:#353535;--soft:#222}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-left:var(--rail);background:var(--bg);color:var(--text);font-family:"Helvetica Neue","Pretendard",Arial,sans-serif;font-size:15px;line-height:1.45;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}.skip-link{position:fixed;z-index:999;top:8px;left:8px;padding:8px 12px;background:var(--text);color:var(--bg);transform:translateY(-150%)}.skip-link:focus{transform:none}.brand-mark{width:16px;height:16px;display:inline-block;border:1px solid currentColor;border-radius:50%}.side-rail{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--rail);padding:26px 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-right:1px solid var(--line);background:var(--bg);font-size:9px;letter-spacing:.12em}.side-rail span:first-child{font-weight:700}.side-rail span:last-child{writing-mode:vertical-rl;transform:rotate(180deg)}.site-header{position:fixed;z-index:20;top:0;right:0;left:var(--rail);height:72px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:700;letter-spacing:.14em}.site-nav{display:flex;align-items:center;gap:28px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.site-nav a{color:var(--muted)}.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--text)}.theme-toggle{padding:0;border:0;background:none;cursor:pointer}.menu-toggle{display:none}main{padding-top:72px}.home-intro{min-height:650px;padding:clamp(70px, 10vw, 140px) var(--pad) 56px;display:grid;grid-template-columns:minmax(420px, 1.35fr) minmax(260px, 0.65fr);gap:8vw;border-bottom:1px solid var(--line)}.kicker,small{font-size:9px;letter-spacing:.13em;text-transform:uppercase}.kicker{margin:0 0 38px}.intro-copy h1{margin:0;max-width:760px;font-size:clamp(48px, 6.3vw, 92px);line-height:.98;letter-spacing:-.055em;font-weight:500}.intro-deck{max-width:610px;margin:70px 0 0;color:var(--muted);font-size:14px}.intro-facts{align-self:end;border-top:1px solid var(--line)}.intro-facts div{padding:19px 0;display:grid;grid-template-columns:95px 1fr;border-bottom:1px solid var(--line)}.intro-facts small{color:var(--muted)}.intro-facts p{margin:0}.index-section{padding:70px var(--pad) 100px;border-bottom:1px solid var(--line)}.index-heading{margin-bottom:70px;display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:end}.index-heading>div{display:grid;grid-template-columns:46px 1fr;align-items:baseline}.index-heading span{color:var(--muted);font-size:10px}.index-heading h2{margin:0;font-size:clamp(31px, 4vw, 58px);font-weight:500;letter-spacing:-.045em}.index-heading>p{max-width:360px;margin:0;color:var(--muted);font-size:13px}.compact-list{border-top:1px solid var(--line)}.compact-row,.note-row{min-height:104px;padding:22px 0;display:grid;grid-template-columns:46px 1.2fr 1fr 24px;gap:20px;align-items:center;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}.compact-row:hover,.note-row:hover{padding-inline:12px;background:var(--soft)}.compact-row>span,.note-row time{color:var(--muted);font-size:10px}.compact-row h3,.note-row h3{margin:0 0 4px;font-size:20px;font-weight:500;letter-spacing:-.025em}.compact-row p,.note-row p{margin:0;color:var(--muted);font-size:12px}.compact-row small{color:var(--muted);line-height:1.5}.compact-row b{font-weight:400}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.plain-item{padding:22px 0 34px;border-top:1px solid var(--line)}.plain-item time{color:var(--muted);font-size:10px}.plain-item h3{margin:22px 0 3px;font-size:20px;font-weight:500}.plain-item p{margin:0 0 12px}.plain-item small{max-width:500px;display:block;color:var(--muted);text-transform:none;letter-spacing:0;font-size:12px}.empty-state{padding:48px 0}.empty-state p{margin:0 0 6px;font-size:20px}.empty-state span{color:var(--muted);font-size:12px}.page-intro{min-height:520px;padding:110px var(--pad) 70px;border-bottom:1px solid var(--line)}.page-intro .eyebrow{font-size:9px;letter-spacing:.13em;text-transform:uppercase}.page-intro h1{margin:60px 0 0;font-size:clamp(44px, 6vw, 82px);line-height:1;letter-spacing:-.055em;font-weight:500}.page-intro>p:last-child{max-width:420px;margin:55px 0 0 auto;color:var(--muted)}.project-list,.notes-index{margin:0;padding:0 var(--pad) 100px;border-top:0}.project-row{padding:30px 0;display:grid;grid-template-columns:46px 1.3fr 1fr;gap:24px;border-bottom:1px solid var(--line)}.project-number{color:var(--muted);font-size:10px}.project-row h3{margin:0;font-size:28px;font-weight:500;letter-spacing:-.035em}.project-subtitle{margin:5px 0 18px}.project-description,.project-side{color:var(--muted);font-size:12px}.tags{margin-top:15px;display:flex;flex-wrap:wrap;gap:8px}.tags span{padding:4px 7px;border:1px solid var(--line)}.project-link{display:inline-block;margin-top:20px;font-size:18px}.section.credentials{padding:70px var(--pad) 100px;border-top:1px solid var(--line)}.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 6vw}.credential-grid p{margin:0;padding:18px 0;display:flex;gap:20px;border-bottom:1px solid var(--line)}.credential-grid span{color:var(--muted)}.notes-index{margin-bottom:0}.note-row{grid-template-columns:100px 1fr 24px}.post{max-width:900px;margin:0 auto;padding:100px var(--pad)}.back-link{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.post-header{margin:90px 0 65px;padding-bottom:45px;border-bottom:1px solid var(--line)}.post-header h1{margin:0;font-size:clamp(42px, 6vw, 76px);line-height:1;letter-spacing:-.05em;font-weight:500}.post-meta{margin-top:30px;display:flex;gap:25px;color:var(--muted);font-size:10px}.prose{max-width:680px;font-size:16px;line-height:1.75}.prose h2{margin-top:2.5em;font-size:28px;font-weight:500}.prose a{border-bottom:1px solid}.site-footer{padding:70px var(--pad) 50px;display:grid;grid-template-columns:1fr 1.5fr;gap:8vw;border-top:1px solid var(--line)}.footer-intro{display:flex;gap:20px;align-items:flex-start}.footer-intro p{max-width:280px;margin:0}.footer-links{display:grid;grid-template-columns:.7fr 1.4fr .7fr;gap:30px}.footer-links div{display:flex;flex-direction:column;gap:7px}.footer-links small{margin-bottom:10px;color:var(--muted)}.footer-links a,.footer-links span{font-size:12px}.footer-links a:hover{text-decoration:underline;text-underline-offset:3px}.social-directory{display:grid !important;grid-template-columns:1fr 1fr}.social-directory small{grid-column:1 / -1}.icon-link{display:inline-flex;align-items:center;gap:8px}.icon-link>i{width:12px;flex:0 0 12px;text-align:center;font-size:11px;font-style:normal}.letter-icon{height:12px;display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:7px !important;font-weight:700;line-height:1}.reveal{opacity:1;transform:none}@media (max-width: 760px){:root{--rail:0px;--pad:22px}body{padding-left:0}.side-rail{display:none}.site-header{left:0;height:62px}main{padding-top:62px}.menu-toggle{width:34px;height:34px;padding:7px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:0;background:none}.menu-toggle span:not(.sr-only){height:1px;display:block;background:currentColor}.site-nav{position:fixed;inset:62px 0 auto;padding:26px 22px;display:none;flex-direction:column;align-items:flex-start;gap:20px;background:var(--bg);border-bottom:1px solid var(--line);font-size:13px}.site-nav.is-open{display:flex}.home-intro{min-height:auto;padding-top:70px;grid-template-columns:1fr;gap:70px}.intro-copy h1{font-size:clamp(43px, 13vw, 68px)}.intro-deck{margin-top:48px}.index-heading{grid-template-columns:1fr;gap:22px;margin-bottom:45px}.compact-row{grid-template-columns:32px 1fr 20px}.compact-row>small{grid-column:2}.split-grid{grid-template-columns:1fr;gap:60px}.page-intro{min-height:450px;padding-top:80px}.project-row{grid-template-columns:32px 1fr}.project-side{grid-column:2}.credential-grid,.site-footer{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.social-directory{grid-column:1 / -1;grid-row:1}.note-row{grid-template-columns:1fr 20px}.note-row time{grid-column:1 / -1}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none !important}}