:root{--ink:#142433;--muted:#5e7180;--line:#cbd8df;--paper:#edf2f5;--blue:#b9d9e8;--sand:#e8dcc8;--dark:#1c2c35;--accent:#d56c43;--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}.site-shell{width:min(100% - 44px,1120px);margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:800;letter-spacing:-.04em;text-decoration:none}.wordmark-id{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ink);font-size:.72rem;letter-spacing:.02em}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{color:var(--muted);font-size:.88rem;text-decoration:none}nav a:hover,nav a:focus-visible,nav a.active{color:var(--accent)}.hero{padding:clamp(78px,13vw,150px) 0 120px;max-width:900px}.eyebrow{margin:0;color:var(--accent);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hero h1,.page h1{margin:18px 0 24px;font-size:clamp(3.1rem,8.5vw,7.6rem);line-height:.96;letter-spacing:-.085em}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}.intro{max-width:640px;color:var(--muted);font-size:clamp(1.04rem,2vw,1.28rem);line-height:1.7}.arrow-link{display:inline-flex;gap:9px;align-items:center;margin-top:28px;color:var(--ink);font-weight:800;font-size:.9rem;text-decoration:none}.arrow-link:hover,.arrow-link:focus-visible{color:var(--accent)}.project-preview{padding:35px 0 94px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.section-index{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.project-card{position:relative;min-height:260px;padding:22px;color:var(--ink);text-decoration:none;transition:transform .2s ease}.project-card:hover,.project-card:focus-visible{transform:translateY(-4px)}.project-card--blue{background:var(--blue)}.project-card--sand{background:var(--sand)}.project-card--ink{background:var(--dark);color:#f2f6f7}.card-number,.row-number{font:800 .72rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.project-card h2{margin:76px 0 10px;font-size:2rem;letter-spacing:-.06em}.project-card p{max-width:230px;margin:0;color:inherit;opacity:.75;font-size:.92rem}.card-arrow{position:absolute;right:22px;bottom:20px;font-size:1.25rem}.page{padding:clamp(70px,11vw,120px) 0 100px}.page h1{max-width:900px;font-size:clamp(2.8rem,7vw,6.3rem)}.page--narrow{max-width:720px}.prose{max-width:640px;color:var(--muted);font-size:1.08rem}.prose p{margin:0 0 1.25em}.project-list{margin:45px 0 50px;border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:50px 1fr auto;gap:20px;align-items:start;padding:23px 0;border-bottom:1px solid var(--line)}.project-row h2{margin:0 0 6px;font-size:1.55rem;letter-spacing:-.04em}.project-row p{max-width:550px;margin:0;color:var(--muted)}.row-tag{color:var(--accent);font:700 .7rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.button{display:inline-flex;padding:11px 17px;background:var(--ink);color:#fff;text-decoration:none;font-size:.9rem;font-weight:800}.button:hover,.button:focus-visible{background:var(--accent)}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0 34px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}.error-page{width:min(100% - 44px,760px);min-height:100vh;margin:auto;display:grid;align-content:center;padding:40px}.error-page h1{margin:18px 0;font-size:clamp(2.7rem,8vw,6rem);line-height:.95;letter-spacing:-.08em}.skip-link{position:absolute;left:-999px;top:10px}.skip-link:focus{left:10px;z-index:3;padding:8px 12px;background:#fff;color:var(--ink)}@media(max-width:700px){.site-shell{width:min(100% - 28px,1120px)}.site-header{align-items:flex-start;flex-direction:column;padding:20px 0}.hero{padding:68px 0 88px}.project-grid{grid-template-columns:1fr}.project-card{min-height:210px}.project-card h2{margin-top:42px}.project-row{grid-template-columns:34px 1fr}.row-tag{grid-column:2}.site-footer{flex-direction:column;gap:5px}.error-page{width:min(100% - 28px,760px);padding:28px}}