:root{--paper: #f1eee8;--paper-2: #e9e5dd;--paper-3: #e2ddd2;--card: #c8c3b6;--ink: #111110;--ink-2: #4a473f;--ink-3: #6e6a62;--rule: rgba(17, 17, 16, .13);--rule-strong: rgba(17, 17, 16, .34);--accent: #1b4de4;--ff-display: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--ff: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--fs-label: 10.5px;--fs-meta: 11.5px;--fs-sm: 13.5px;--fs-base: 15.5px;--fs-lg: 17px;--fs-xl: 20px;--lh-body: 1.55;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--s9: 96px;--r-card: 18px;--r-sm: 10px;--maxw: 1080px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ff);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}p{margin:0}h1,h2,h3,h4{margin:0;font-weight:500}ul{margin:0;padding:0;list-style:none}cite{font-style:normal}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,5vw,40px)}.label{font-family:var(--ff);font-size:var(--fs-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);line-height:1.2}.meta{font-size:var(--fs-meta);color:var(--ink-3);line-height:1.4}.display{font-family:var(--ff-display);font-weight:500;letter-spacing:-.02em}.sec{padding-block:clamp(48px,7vw,76px)}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s5);padding-bottom:var(--s3);border-bottom:1px solid var(--rule-strong);margin-bottom:clamp(24px,4vw,40px)}.sec-idx{font-size:var(--fs-label);letter-spacing:.14em;color:var(--ink-3);font-variant-numeric:tabular-nums}.bar{position:sticky;top:0;z-index:50;background:#f1eee8e0;-webkit-backdrop-filter:saturate(1.2) blur(14px);backdrop-filter:saturate(1.2) blur(14px);border-bottom:1px solid var(--rule)}.bar-inner{display:flex;align-items:center;gap:var(--s5);min-height:56px;padding-block:10px}.bar-brand{font-size:var(--fs-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.bar-nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,28px);margin-left:auto;font-size:var(--fs-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase}.bar-nav a{color:var(--ink-3);padding-bottom:3px;border-bottom:1px solid transparent;transition:color .18s ease,border-color .18s ease}.bar-nav a:hover{color:var(--ink);border-bottom-color:var(--ink)}.bar-idx{font-size:var(--fs-label);letter-spacing:.14em;color:var(--ink-3);font-variant-numeric:tabular-nums}.profile{padding-block:clamp(24px,4vw,40px) clamp(32px,5vw,56px)}.profile-top{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:end}.portrait{margin:0;aspect-ratio:1 / 1;overflow:hidden;background:var(--paper-3);border-radius:var(--r-sm)}.portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04)}.counter{padding-bottom:var(--s2)}.counter-num{font-family:var(--ff-display);font-weight:500;font-size:clamp(84px,19vw,168px);line-height:.82;letter-spacing:-.055em;font-variant-numeric:lining-nums;margin-bottom:clamp(20px,3vw,34px)}.counter-status,.counter-note{display:flex;align-items:center;gap:10px;font-size:var(--fs-base);line-height:1.5}.counter-label{margin-bottom:12px}.counter-status{letter-spacing:.005em}.counter-status strong,.counter-note strong{font-weight:600}.counter-note{color:var(--ink-2)}.dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--accent)}.identity{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s5) clamp(32px,6vw,80px);margin-top:clamp(28px,4vw,48px)}.identity h1{font-family:var(--ff-display);font-weight:500;font-size:clamp(42px,8.6vw,72px);line-height:1;letter-spacing:-.035em}.identity-role{margin-top:clamp(16px,2vw,24px)}.identity-link{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:var(--fs-lg);border-bottom:1px solid transparent;padding-bottom:1px;transition:border-color .18s ease}.identity-link:hover{border-bottom-color:var(--ink)}.identity-meta{display:flex;flex-wrap:wrap;gap:var(--s5) clamp(24px,3.4vw,44px);margin:0}.identity-meta dt{margin-bottom:7px}.identity-meta dd{margin:0;font-size:var(--fs-sm);color:var(--ink)}.identity-meta dd a{border-bottom:1px solid var(--rule-strong)}.identity-meta dd a:hover{border-bottom-color:var(--ink)}.about-copy{max-width:52ch}.about-copy p{font-size:clamp(17px,1.1vw + 14px,21px);line-height:1.5;letter-spacing:-.006em}.about-copy p+p{margin-top:1em}.about-copy a{border-bottom:1px solid var(--rule-strong)}.about-copy a:hover{border-bottom-color:var(--accent);color:var(--accent)}.desk{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:clamp(24px,4vw,48px);align-items:center;margin-top:clamp(40px,6vw,64px);padding:clamp(22px,3.4vw,36px);background:var(--card);border-radius:var(--r-card);transition:transform .25s ease}.desk:hover{transform:translateY(-2px)}.desk-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4)}.desk .label{color:var(--ink-2)}.desk-title{margin-top:clamp(20px,3vw,32px);font-family:var(--ff-display);font-weight:500;font-size:clamp(22px,2.6vw,30px);line-height:1.12;letter-spacing:-.025em;max-width:24ch}.desk-foot{display:flex;align-items:center;gap:8px;margin-top:clamp(24px,3.4vw,40px);font-size:var(--fs-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.desk:hover .desk-foot{color:var(--ink)}.dotgrid{height:190px;color:var(--ink);opacity:.85;background-image:radial-gradient(currentColor 1.7px,transparent 1.8px);background-size:13px 13px}.focus{margin-top:clamp(32px,5vw,48px)}.focus-list{display:flex;flex-wrap:wrap;gap:12px clamp(20px,4vw,48px);margin-top:var(--s4);font-size:var(--fs-lg);letter-spacing:-.01em}.focus-list li{color:var(--ink)}.project-list{border-top:1px solid var(--rule)}.project{display:grid;grid-template-columns:78px minmax(0,1fr) 200px 92px;gap:clamp(16px,2.4vw,28px);align-items:start;padding-block:clamp(20px,3vw,28px)}.project+.project{border-top:1px solid var(--rule)}.project-num{font-size:var(--fs-meta);color:var(--ink-3);font-variant-numeric:tabular-nums;padding-top:4px}.project-title{display:flex;align-items:baseline;gap:8px;font-family:var(--ff-display);font-weight:500;font-size:clamp(20px,2.4vw,26px);line-height:1.15;letter-spacing:-.022em}.project-title a{display:inline-flex;align-items:baseline;gap:8px;background-image:linear-gradient(var(--ink),var(--ink));background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .25s ease;padding-bottom:2px}.project-title a:hover{background-size:100% 1px}.project-desc{margin-top:8px;max-width:58ch;font-size:var(--fs-sm);line-height:1.55;color:var(--ink-2)}.project-desc strong{font-weight:600;color:var(--ink)}.project-shipped{margin-top:var(--s3);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.project-meta{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding-top:6px}.project-status{display:inline-flex;align-items:center;gap:7px;justify-self:end;font-size:var(--fs-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding-top:5px;white-space:nowrap}.project-status.live{color:var(--ink)}.project-status .dot{width:7px;height:7px}.statement{margin:clamp(40px,6vw,64px) 0 0}.statement p{max-width:30ch;font-family:var(--ff-display);font-weight:500;font-size:clamp(22px,3vw,32px);line-height:1.14;letter-spacing:-.025em}.statement cite{display:block;margin-top:var(--s4);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.stat-split{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(40px,6vw,64px);border-top:1px solid var(--rule)}.stat-cell{display:flex;flex-direction:column;gap:8px;padding-block:var(--s5)}.stat-cell+.stat-cell{border-left:1px solid var(--rule);padding-left:clamp(20px,3vw,36px)}.stat-value{font-family:var(--ff-display);font-weight:500;font-size:clamp(38px,6vw,58px);line-height:1;letter-spacing:-.035em;font-variant-numeric:lining-nums}.stat-note{font-size:var(--fs-sm);color:var(--ink-2);max-width:26ch}.oss-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}.oss-card{display:flex;flex-direction:column;gap:var(--s3);padding:clamp(20px,2.4vw,26px);border:1px solid var(--rule-strong);border-radius:var(--r-card);transition:background .2s ease,transform .2s ease}.oss-card:hover{background:var(--paper-2);transform:translateY(-2px)}.oss-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3)}.oss-name{display:inline-flex;align-items:baseline;gap:7px;font-family:var(--ff-display);font-weight:500;font-size:var(--fs-xl);letter-spacing:-.022em}.oss-desc{flex:1;font-size:var(--fs-sm);line-height:1.55;color:var(--ink-2)}.oss-stats{display:flex;gap:var(--s4);padding-top:var(--s3);border-top:1px solid var(--rule);font-size:var(--fs-meta);color:var(--ink-2);font-variant-numeric:tabular-nums}.oss-stat{display:inline-flex;align-items:center;gap:6px}.oss-stat svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.2;color:var(--ink-3)}.row-list{border-top:1px solid var(--rule)}.row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:baseline;padding-block:clamp(18px,2.6vw,24px)}.row+.row{border-top:1px solid var(--rule)}.row-year{font-size:var(--fs-meta);color:var(--ink-3);font-variant-numeric:tabular-nums}.row-title{font-family:var(--ff-display);font-weight:500;font-size:var(--fs-xl);letter-spacing:-.02em}.row-note{margin-top:6px;font-size:var(--fs-sm);color:var(--ink-2)}.contact-head{max-width:24ch;font-family:var(--ff-display);font-weight:500;font-size:clamp(30px,5vw,46px);line-height:1.05;letter-spacing:-.03em}.contact-list{margin-top:clamp(28px,4vw,44px);border-top:1px solid var(--rule)}.contact-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:baseline;padding-block:var(--s4)}.contact-row+.contact-row{border-top:1px solid var(--rule)}.contact-link{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-lg);letter-spacing:-.01em;overflow-wrap:anywhere;border-bottom:1px solid transparent;transition:border-color .18s ease}.contact-link:hover{border-bottom-color:var(--ink)}.ext-icon{width:9px;height:9px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;color:var(--ink-3);transition:transform .2s ease,color .2s ease}a:hover>.ext-icon{transform:translate(2px,-2px);color:var(--ink)}.colophon{margin-top:clamp(48px,7vw,80px);border-top:1px solid var(--rule-strong);padding-block:clamp(32px,4vw,48px) clamp(24px,3vw,32px)}.colophon-top{display:flex;flex-wrap:wrap;gap:var(--s5) clamp(32px,6vw,80px);align-items:flex-start}.colophon-note{max-width:34ch;font-size:var(--fs-sm);color:var(--ink-2)}.colophon-mark{font-family:var(--ff-display);font-weight:500;font-size:var(--fs-xl);letter-spacing:-.02em}.colophon-links{display:flex;flex-wrap:wrap;gap:10px clamp(20px,3vw,36px);margin-left:auto;font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase}.colophon-links a{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2)}.colophon-links a:hover{color:var(--ink)}.colophon-bottom{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);justify-content:space-between;margin-top:clamp(32px,4vw,48px);padding-top:var(--s4);border-top:1px solid var(--rule)}.tabbar{display:none}@media (max-width: 900px){.profile-top{grid-template-columns:240px minmax(0,1fr)}.desk{grid-template-columns:minmax(0,1fr)}.dotgrid{height:130px}.project{grid-template-columns:62px minmax(0,1fr)}.project-meta,.project-status{grid-column:2;justify-self:start;padding-top:0}.project-meta{margin-top:var(--s3)}.oss-grid{grid-template-columns:minmax(0,1fr)}.row,.contact-row{grid-template-columns:120px minmax(0,1fr)}}@media (max-width: 719px){.bar-nav{display:none}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset:auto 0 0;z-index:60;background:#f1eee8f0;-webkit-backdrop-filter:saturate(1.2) blur(14px);backdrop-filter:saturate(1.2) blur(14px);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom)}.tab{display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 4px 13px;font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}.tab-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ink-3)}.tab[aria-current=true]{color:var(--ink)}.tab[aria-current=true] .tab-dot{background:var(--ink);border-color:var(--ink)}body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}}@media (max-width: 560px){.profile-top{grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:var(--s4);align-items:end}.counter{padding-bottom:0}.counter-num{margin-bottom:var(--s4)}.counter-status,.counter-note{font-size:13.5px;gap:8px}.dot{width:7px;height:7px}.stat-split{grid-template-columns:minmax(0,1fr)}.stat-cell+.stat-cell{border-left:0;border-top:1px solid var(--rule);padding-left:0}.row,.contact-row{grid-template-columns:minmax(0,1fr);gap:var(--s2)}.colophon-links{margin-left:0}}