*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--ink-1:#1A1D1B;--ink-2:#3D443F;--ink-3:#6B7269;--ink-4:#9AA097;
--paper-0:#fff;--paper-1:#FAF9F7;--paper-2:#F2F0EC;--hairline:#EDEBE6;--border:#E8E5DF;
--forest-100:#EEF4F0;--forest-200:#CFE0D6;--forest-500:#2D6A4F;--forest-600:#245741;--forest-700:#1C4331;
--serif:"Lora",Georgia,"Times New Roman",serif;--sans:"Source Sans 3","Helvetica Neue",Helvetica,sans-serif;
--page:1120px;--prose:660px}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--paper-0);color:var(--ink-2);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{color:var(--ink-1);font-family:var(--serif);font-weight:500;line-height:1.15;letter-spacing:-.015em}
a{color:var(--forest-500);text-decoration:underline;text-underline-offset:2px;transition:color 120ms cubic-bezier(.2,.6,.25,1)}
a:hover{color:var(--forest-700)}
.wrap{max-width:var(--page);margin:0 auto;padding:0 24px}
.eyebrow{font:600 11px/1.2 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);display:block}
header.site{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.93);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--hairline)}
header.site .wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mark{font-family:var(--serif);font-size:22px;line-height:1;letter-spacing:-.015em;white-space:nowrap;text-decoration:none}
.mark .a{font-weight:400;color:var(--ink-2)}.mark .b{font-weight:600;color:var(--forest-500)}
.pill{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--forest-100);color:var(--forest-600);font:600 12px/1 var(--sans);letter-spacing:.04em}
footer.site{border-top:1px solid var(--hairline);background:var(--paper-1);padding:40px 0 32px;margin-top:0}
footer.site .row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
footer.site .links{display:flex;flex-wrap:wrap;gap:24px}
footer.site a{font-size:15px;color:var(--ink-2);text-decoration:none}
footer.site a:hover{color:var(--ink-1);text-decoration:underline}
.fine{font-size:13px;color:var(--ink-4);margin-top:20px;padding-top:18px;border-top:1px solid var(--border);line-height:1.6}
@media(max-width:640px){.wrap{padding:0 20px}header.site .wrap{height:64px}}