:root{--paper:#f8f5ec;--ink:#293728;--olive:#3d4b32;--muted:#59634f;--line:#cbd0b9;--cream:#fffdf5}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--paper);color:var(--ink);font:17px/1.6 Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;padding:32px 24px}
main{max-width:34rem;width:100%}
.wordmark{font:26px/1 Georgia,'Times New Roman',serif;letter-spacing:-.01em;margin:0 0 40px;padding-bottom:20px;border-bottom:1px solid var(--line)}
h1{font:400 clamp(34px,7vw,52px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.02em;margin:0 0 20px}
.lede{color:var(--muted);margin:0 0 32px;max-width:28rem}
.button{display:inline-block;background:var(--olive);color:var(--cream);text-decoration:none;font-weight:700;padding:14px 22px;border-radius:6px;min-height:44px}
.button:hover{background:var(--ink)}
.button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}