*{box-sizing:border-box}html{background:#21272a;color:#f0e5cf}body{margin:0;min-height:100dvh;font-family:Georgia,serif;background:radial-gradient(ellipse at top,#3e413b 0%,#21272a 65%);display:grid;place-items:center;padding:24px}main{width:min(100%,680px);border:1px solid #a78a48;border-radius:12px;padding:clamp(24px,5vw,56px);text-align:center;background:rgba(0,0,0,.27);box-shadow:0 10px 36px #0004}h1{font-size:clamp(26px,5vw,42px);font-weight:normal;line-height:1.15;margin:12px 0}p{line-height:1.6;letter-spacing:.025em}nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:30px}a{color:#fff0c8;border:1px solid #ac915c;border-radius:30px;text-decoration:none;padding:12px 18px;display:inline-block}a:hover,a:focus-visible{background:#67552d;outline:2px solid #f2d59a;outline-offset:2px}.eyebrow{color:#cdb783;text-transform:uppercase;letter-spacing:.22em;font-size:.78rem}.draft{font-family:system-ui,sans-serif;font-size:.72rem;opacity:.8;letter-spacing:.04em;margin-top:30px}