:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#170f0d;--text:#f9e8d4;--muted:#d4bda8;--gold:#efb582;--line:#684535}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 73% 8%,#412619,var(--ink) 62%);color:var(--text);min-height:100vh;margin:0;font:1rem/1.6 system-ui,sans-serif}header,main,footer{max-width:69rem;margin:auto;padding-inline:clamp(1.2rem,5vw,3.5rem)}header,footer{align-items:center;gap:1.3rem;padding-block:1.25rem;display:flex}header{border-bottom:1px solid var(--line);justify-content:space-between}nav{gap:1.15rem;display:flex}a{color:var(--gold);text-underline-offset:.22em}header a,footer a{text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.brand,h1,h2,.lead{font-family:Georgia,serif;font-weight:400}.brand{color:var(--text);font-size:1.35rem}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(2rem,7vw,6rem);padding-block:clamp(2.4rem,7vw,5rem);display:grid}.eyebrow{letter-spacing:.19em;color:var(--gold);font-size:.75rem;font-weight:700}h1{letter-spacing:-.05em;margin:.3em 0;font-size:clamp(2.8rem,7vw,6rem);line-height:1}.lead{color:var(--gold);margin:.3em 0;font-size:clamp(1.55rem,3.5vw,2.35rem)}p{max-width:56ch;color:var(--muted)}.button{background:var(--gold);color:#24140e;font:inherit;cursor:pointer;border:0;border-radius:.35rem;align-items:center;gap:1rem;padding:.75rem 1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.button:disabled{opacity:.7;cursor:wait}figure{justify-self:center;max-width:23rem;margin:0}img{border:1px solid var(--line);border-radius:1.25rem;width:100%;height:auto;display:block;box-shadow:0 1.4rem 4rem #0007}figcaption,.small{color:var(--muted);margin-top:.75rem;font-size:.85rem}.explain,.article{padding-block:2.5rem 4rem}.explain,footer{border-top:1px solid var(--line)}.article{max-width:49rem}.article h1{font-size:clamp(2.8rem,7vw,4.5rem)}h2{font-size:clamp(1.55rem,4vw,2.3rem);line-height:1.2}form{margin-top:1.6rem}label{margin:.9rem 0 .3rem;font-weight:600;display:block}input,textarea{width:100%;color:var(--text);border:1px solid var(--line);font:inherit;background:#241815;border-radius:.35rem;padding:.65rem}textarea{resize:vertical}@media (max-width:650px){.hero{grid-template-columns:1fr}figure{max-width:18rem}}.brand{align-items:center;gap:.6rem;display:inline-flex}.brand img{width:36px;height:36px;box-shadow:none;border:0;border-radius:8px}