:root{color-scheme:light;--bg:#f6f8fb;--ink:#122536;--card:white;--line:#cdd7df;--accent:#006f79}html[data-theme=dark]{color-scheme:dark;--bg:#12202d;--ink:#edf6fb;--card:#1b2c3a;--line:#455c6d;--accent:#76dcdf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.6 system-ui}header,main,footer{max-width:1040px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}a{color:var(--accent)}button,select{font:inherit;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}button{cursor:pointer}h1{font-size:clamp(44px,8vw,90px);line-height:1.03;letter-spacing:-.05em;margin:24px 0}main>p{max-width:640px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:14px;color:var(--accent);margin-top:70px}section{margin-top:70px}#projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin:24px 0}article{border:1px solid var(--line);background:var(--card);padding:24px;border-radius:12px}article span{font-size:14px;color:var(--accent)}article h3{margin:16px 0}article p{font-size:16px}footer{border-top:1px solid var(--line);font-size:14px}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}