/* Radix Colors official Sand and Jade scales. Background 1/2, border 6/8, text 11/12. */
:root { --sand-1:#fdfdfc; --sand-2:#f9f9f8; --sand-6:#dad9d6; --sand-8:#bcbbb5; --sand-11:#63635e; --sand-12:#21201c; --jade-11:#208368; }
* { box-sizing:border-box; }
body { margin:0; background:var(--sand-1); color:var(--sand-12); font:17px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--jade-11); text-underline-offset:4px; overflow-wrap:anywhere; }
a:focus-visible { outline:0.5px solid var(--sand-8); outline-offset:5px; }
header,main,footer { width:min(100% - 48px,760px); margin-inline:auto; }
header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding-block:28px; border-bottom:0.5px solid var(--sand-6); font-size:14px; }
header nav { display:flex; gap:24px; }
header a { text-decoration:none; }
main { padding-block:48px; }
h1 { margin:0 0 12px; font-size:32px; line-height:1.35; font-weight:650; letter-spacing:-.02em; }
h2 { font-size:24px; line-height:1.45; margin:0 0 16px; font-weight:600; }
p { margin:0 0 16px; }
.meta { font-size:14px; color:var(--sand-11); }
section { padding-block:28px; border-bottom:0.5px solid var(--sand-6); }
section:last-child { border-bottom:0; }
.contact { background:var(--sand-2); padding:24px; margin-top:32px; }
.contact p:last-child { margin-bottom:0; }
footer { padding-block:24px 40px; border-top:0.5px solid var(--sand-6); font-size:14px; color:var(--sand-11); }
footer nav { display:flex; flex-wrap:wrap; gap:24px; margin-bottom:12px; }
@media (max-width:480px) { main { padding-block:32px; } header nav { gap:16px; } }