:root{--bg:#efe7da;--paper:#f8f2e8;--text:#1b1510;--muted:#6f6257;--soft:#9c8d7f;--line:#d8c9b8;--line-dark:#bda98f;--accent:#9b5a1f;--accent-dark:#623713;--max-width:1040px;--radius:18px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg, #1b15100a 1px, transparent 1px), linear-gradient(#1b15100a 1px, transparent 1px), var(--bg);transform:translate3d(var(--grid-x,0px), var(--grid-y,0px), 0);background-size:42px 42px;transition:transform .12s linear;position:fixed;inset:-40px}a{color:inherit;text-decoration:none}.site-header{width:min(var(--max-width), calc(100% - 32px));border-bottom:1px solid var(--line-dark);justify-content:space-between;align-items:center;margin:24px auto 0;padding:18px 0;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:720;display:inline-flex}.brand img{object-fit:contain;width:32px;height:32px}.nav-links{color:var(--muted);gap:24px;font-size:.96rem;display:flex}.nav-links a{position:relative}.nav-links a:after{content:"";background:var(--text);width:0;height:1px;transition:width .18s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}main{width:min(var(--max-width), calc(100% - 32px));margin:0 auto}.hero{border-bottom:1px solid var(--line-dark);flex-direction:column;justify-content:center;min-height:72vh;padding:72px 0 84px;display:flex}.kicker,.section-number{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.82rem}h1,h2,h3{letter-spacing:-.06em;line-height:1}h1{max-width:860px;margin-top:18px;font-size:clamp(4rem,11vw,8.8rem);font-weight:780}h2{font-size:clamp(2.2rem,5vw,4.4rem);font-weight:760}h3{font-size:clamp(1.35rem,2vw,1.75rem);font-weight:720}.intro{max-width:680px;color:var(--text);margin-top:28px;font-size:clamp(1.18rem,2vw,1.45rem)}.intro.muted{color:var(--muted);margin-top:12px}.hero-links{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.hero-links a,.text-link{border:1px solid var(--line-dark);width:fit-content;min-height:42px;color:var(--accent-dark);background:#f8f2e89e;border-radius:999px;align-items:center;padding:0 15px;font-weight:720;transition:transform .18s,color .18s,border-color .18s,background .18s;display:inline-flex;position:relative;overflow:hidden}.hero-links a:before,.text-link:before{content:"";background:var(--text);z-index:-1;transition:transform .22s;position:absolute;inset:0;transform:translateY(100%)}.hero-links a:hover,.text-link:hover{color:var(--paper);border-color:var(--text);transform:translateY(-2px)}.hero-links a:hover:before,.text-link:hover:before{transform:translateY(0)}.section{border-bottom:1px solid var(--line-dark);padding:84px 0}.split-section{grid-template-columns:280px 1fr;gap:56px;display:grid}.section-heading{margin-bottom:34px}.section-number{margin-bottom:14px}.section-body{max-width:720px}.section-body p{color:var(--muted);font-size:1.12rem}.section-body p+p{margin-top:18px}.work-list{border-top:1px solid var(--line-dark)}.work-item{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr;gap:24px;padding:30px 0;display:grid}.work-index{color:var(--soft);padding-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92rem}.work-content p{max-width:730px;color:var(--muted);margin-top:12px;font-size:1.04rem}.meta-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.meta-list span,.stack-grid span{border:1px solid var(--line-dark);color:var(--accent-dark);background:#f8f2e89e;border-radius:999px;transition:transform .16s,background .16s,color .16s,border-color .16s,box-shadow .16s}.meta-list span:hover{background:var(--text);color:var(--paper);border-color:var(--text);transform:translateY(-2px)}.stack-grid span:hover{background:var(--hover-bg);color:var(--hover-text);border-color:var(--hover-bg);transform:translateY(-2px);box-shadow:0 8px 20px #1b15101f}.meta-list span{padding:6px 10px;font-size:.84rem}.stack-grid{flex-wrap:wrap;align-content:flex-start;gap:10px;display:flex}.stack-grid span{padding:10px 14px;font-weight:650}.contact-preview .section-body p{margin-bottom:22px}.site-footer{width:min(var(--max-width), calc(100% - 32px));color:var(--muted);justify-content:space-between;gap:20px;margin:0 auto;padding:30px 0 42px;font-size:.95rem;display:flex}.footer-links{gap:18px;display:flex}.footer-links a{border-bottom:1px solid #0000}.footer-links a:hover{color:var(--text);border-color:currentColor}@media (width<=820px){.site-header{align-items:flex-start}.nav-links{display:none}.hero{min-height:auto;padding:72px 0}.split-section{grid-template-columns:1fr;gap:24px}.work-item{grid-template-columns:1fr;gap:8px}.work-index{padding-top:0}.site-footer{flex-direction:column}}@media (width<=520px){.site-header,main,.site-footer{width:min(100% - 24px, var(--max-width))}h1{font-size:clamp(3.5rem,18vw,5.4rem)}.intro{font-size:1.08rem}.section{padding:68px 0}.hero-links{flex-direction:column;align-items:flex-start}}