:root{color-scheme:dark;--bg:#101212;--text:#eeefe8;--muted:#a9b0a8;--accent:#c2e998;--line:#30382f;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% 10%,#22332288,transparent 48%),var(--bg);color:var(--text);line-height:1.6}header,main,footer{width:min(1080px,calc(100% - 48px));margin-inline:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.brand{font-size:24px;font-weight:750;letter-spacing:-1px}.brand span{color:var(--accent)}header>a:last-child{font-size:14px;color:var(--muted)}.intro{padding:100px 0 90px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:12px}h1{font-size:clamp(42px,7.2vw,86px);line-height:1.08;letter-spacing:-.045em;font-weight:550;margin:30px 0}h1 span{color:var(--accent)}.lead{max-width:520px;font-size:19px;color:var(--muted)}.button{display:inline-flex;gap:32px;background:var(--accent);color:#182014;padding:13px 20px;border-radius:6px;margin-top:20px;font-weight:600}.button:hover{background:#d8f6b7}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-heading h2{font-size:19px;font-weight:500}.section-heading>span{font-size:12px;color:var(--muted)}.project{display:flex;justify-content:space-between;gap:24px;padding:36px;border:1px solid var(--line);border-radius:14px;background:#191e19;transition:border-color .2s,background .2s}.project:hover{border-color:var(--accent);background:#1f281f}.tag{font-size:12px;color:var(--accent)}h3{font-size:34px;letter-spacing:-.04em;margin:18px 0 8px}.project p{margin:0;color:var(--muted);max-width:580px}.arrow{font-size:36px;color:var(--accent)}footer{display:flex;justify-content:space-between;gap:18px;padding:28px 0;margin-top:90px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.status{max-width:700px}.status h1{font-size:clamp(40px,7vw,72px)}@media(max-width:560px){header,main,footer{width:calc(100% - 36px)}.intro{padding:68px 0 64px}.lead{font-size:17px}.project{padding:24px}.section-heading{align-items:baseline}.section-heading>span{font-size:10px}footer{margin-top:64px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project{transition:none}}
