:root{--paper:#fafaf7;--ink:#14161a;--graphite:#5c6168;--rule:#e3e4df;--tile:#ffffff;--accent:#2247c9;--font-display:"Big Shoulders Display", "Arial Narrow", "Helvetica Neue", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--measure:1040px;--gutter:24px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--ink);background:var(--paper);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.wrap{width:100%;max-width:var(--measure);margin:0 auto;padding:0 var(--gutter)}.site-header{padding:56px 0 40px;border-bottom:1px solid var(--rule)}.masthead{display:flex;justify-content:space-between;align-items:baseline;gap:24px}.site-name{font-family:var(--font-display);font-weight:700;font-size:64px;line-height:.9;letter-spacing:.005em;color:var(--ink)}.tagline{margin-top:20px;max-width:38ch;font-size:20px;line-height:1.45;color:var(--graphite);text-wrap:pretty}.social{display:flex;align-items:center;gap:18px}.social a{display:inline-flex;padding:4px;color:var(--graphite);transition:color 150ms ease}.social a:hover{color:var(--accent)}.social svg{width:18px;height:18px;fill:currentColor}main{flex:1;padding:48px 0 72px}.section{margin-bottom:64px}.section:last-child{margin-bottom:0}.section-label{display:flex;align-items:center;gap:16px;margin-bottom:24px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--graphite)}.section-label::after{content:"";flex:1;height:1px;background:var(--rule)}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.project-link{display:block}.tile{aspect-ratio:1/1;background:var(--tile);border:1px solid var(--rule);overflow:hidden;transition:border-color 150ms ease}.tile img{width:100%;height:100%;object-fit:contain}.project-name{margin-top:14px;font-size:16px;font-weight:600;line-height:1.3;color:var(--ink);transition:color 150ms ease}.project-desc{margin-top:4px;font-size:14px;line-height:1.45;color:var(--graphite);text-wrap:pretty}.project-domain{display:block;margin-top:10px;font-family:var(--font-mono);font-size:12px;color:var(--graphite)}.project-link:hover .tile{border-color:var(--ink)}.project-link:hover .project-name{color:var(--accent)}.site-footer{border-top:1px solid var(--rule);padding:28px 0;font-size:13px;color:var(--graphite)}.site-footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:760px){.site-header{padding:40px 0 32px}.site-name{font-size:48px}.tagline{font-size:18px}main{padding:40px 0 56px}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}}@media(max-width:420px){:root{--gutter:20px}.masthead{flex-direction:column;align-items:flex-start;gap:16px}.site-name{font-size:44px}.projects{gap:24px 16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important}}