:root{--background:#141716;--text:#e7e9e5;--muted:#a9b0aa;--accent:#9bc6a7;--border:#343b36}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--background);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.site-header,.intro,.project,footer{width:min(960px,100% - 64px);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:24px;min-height:100px;display:flex}.brand{align-items:center;gap:10px;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.brand img{width:40px;height:auto;display:block}nav{gap:28px;display:flex}nav a{color:var(--muted);font-size:.9rem;text-decoration:none}.intro{padding-block:76px 66px}h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:600;line-height:1.15}.intro-text{max-width:510px;color:var(--muted);margin:22px 0 0;font-size:1.125rem}.intro-text a{color:var(--text)}.project{padding-bottom:72px}.project-image{aspect-ratio:16/9;background:#202b22;position:relative;overflow:hidden}.project-image img{object-fit:cover}.project-content{max-width:720px;padding-top:30px}.project-heading{flex-wrap:wrap;align-items:baseline;gap:8px 20px;display:flex}h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;line-height:1.2}.project-status{color:var(--muted);font-size:.8rem}.project-summary{color:var(--muted);max-width:650px;margin:18px 0 24px}.buttons{flex-wrap:wrap;align-items:center;gap:18px 26px;display:flex}.button{border:1px solid var(--accent);color:#16231a;background:var(--accent);border-radius:3px;justify-content:center;align-items:center;min-height:44px;padding:9px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{color:#16231a;background:#b6d8bf;border-color:#b6d8bf}.community-link{font-size:.9rem}footer{border-top:1px solid var(--border);min-height:100px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;display:flex}@media (max-width:600px){.site-header,.intro,.project,footer{width:calc(100% - 36px)}.site-header{gap:16px;min-height:80px}nav{gap:18px}nav a{font-size:.85rem}.intro{padding-block:48px}.intro-text{font-size:1rem}.project{padding-bottom:48px}.project-content{padding-top:24px}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding-block:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}