:root{color-scheme:light;--ink:#18332b;--muted:#52675e;--accent:#226b50;--line:#cedbd1;--paper:#f4f7ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,sans-serif;line-height:1.6}main{max-width:1060px;margin:auto;padding:26px}header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:26px;border-bottom:1px solid var(--line);font-size:.85rem}a{color:var(--accent);text-underline-offset:4px}.brand{font-weight:800;letter-spacing:.1em;text-decoration:none}.hero{padding:72px 0 48px;max-width:830px}.eyebrow{font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}h1{font-size:clamp(2.6rem,6vw,4.7rem);line-height:1.08;letter-spacing:-.055em;margin:20px 0 26px}h2{font-size:1.7rem;line-height:1.2;letter-spacing:-.03em}.lead{font-size:1.18rem;max-width:710px;color:var(--muted)}nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.button,button{display:inline-block;border:0;border-radius:8px;background:var(--accent);color:white;padding:13px 20px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c79127;outline-offset:4px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:30px;margin-bottom:24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin:24px 0}label{font-size:.9rem;font-weight:600}input{display:block;width:100%;font:inherit;margin-top:7px;border:1px solid #a9beb1;border-radius:6px;padding:12px;color:var(--ink);background:#fbfcf8}output{display:block;white-space:pre-line;background:#eaf2e6;border-radius:8px;padding:22px;margin:24px 0;font-variant-numeric:tabular-nums;font-weight:650}.small{font-size:.85rem;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid .card{margin:0}footer{padding:32px 0;color:var(--muted);font-size:.85rem}@media(max-width:640px){main{padding:18px}header{align-items:flex-start;flex-direction:column;gap:4px}.hero{padding-top:42px}.fields,.grid{grid-template-columns:1fr}.card{padding:22px}.secondary{font-size:.95rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
fieldset{border:0;margin:0;padding:0;min-width:0}

#work-samples{margin-top:24px}.work-list{padding-left:1.3rem}.work-list li+li{margin-top:14px}