@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { color-scheme: dark; --bg:#080909; --text:#f2f3ef; --muted:#9da29d; --line:#2b302e; --blue:#5f9ee8; font-family:Manrope,system-ui,sans-serif; color:var(--text); background:var(--bg); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:var(--bg); }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--blue); }
a:focus-visible { outline:2px solid var(--blue); outline-offset:5px; }
.page-shell { width:min(1120px,calc(100% - 48px)); min-height:100vh; margin:0 auto; display:flex; flex-direction:column; }
.site-header { min-height:92px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.logo { font-family:Helvetica,Arial,sans-serif; font-size:1rem; font-weight:600; letter-spacing:normal; }
nav, .footer-links { display:flex; gap:24px; color:var(--muted); font:500 .68rem 'DM Mono',monospace; }
.intro { padding:clamp(100px,18vh,180px) 0 clamp(110px,17vh,170px); }
.eyebrow { margin:0; color:var(--muted); font:500 .68rem 'DM Mono',monospace; letter-spacing:.05em; text-transform:uppercase; }
h1 { margin:28px 0 22px; max-width:800px; font-size:clamp(3.5rem,10vw,7rem); letter-spacing:normal; line-height:.9; font-weight:800; }
em { color:var(--blue); font-style:normal; }
.title { margin:0; color:var(--muted); font-size:clamp(1.1rem,2vw,1.4rem); font-weight:600; }
.projects { padding-bottom:clamp(100px,16vh,170px); }
.section-heading { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); padding-top:18px; margin-bottom:28px; }
.count { color:var(--muted); font:500 .68rem 'DM Mono',monospace; }
.project { display:flex; justify-content:space-between; gap:24px; padding:22px 0; border-bottom:1px solid var(--line); font-size:clamp(1rem,2vw,1.35rem); letter-spacing:normal; }
.project span:last-child { color:var(--muted); font:500 .68rem 'DM Mono',monospace; letter-spacing:0; text-align:right; }
.site-footer { min-height:100px; margin-top:auto; display:flex; justify-content:space-between; align-items:center; gap:24px; color:var(--muted); font:500 .68rem 'DM Mono',monospace; }
@media (max-width:600px) { .page-shell { width:min(100% - 32px,1120px); } .site-header { min-height:76px; } nav { gap:14px; } .intro { padding-top:100px; } .project { display:block; } .project span { display:block; } .project span:last-child { margin-top:10px; text-align:left; } .site-footer { align-items:flex-start; flex-direction:column; justify-content:center; gap:16px; padding:28px 0; } }