:root{color-scheme:light;--ink:#191512;--paper:#f3ecdf;--red:#a33424}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,sans-serif}header,main,footer{max-width:1050px;margin:auto;padding:20px clamp(20px,5vw,64px)}header,footer,nav{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}header{border-bottom:1px solid #b2a799}a{color:var(--red);text-underline-offset:4px}header a,footer a{color:inherit}.brand{font:bold 23px Georgia,serif;text-decoration:none}.kicker,small{font:600 12px/1.5 monospace;text-transform:uppercase;letter-spacing:.12em}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:8%;padding-block:clamp(40px,9vw,100px)}h1,h2,blockquote{font-family:Georgia,serif;font-weight:normal;line-height:1.03}h1{font-size:clamp(46px,7vw,83px);letter-spacing:-.055em;margin:18px 0}h1 i{color:var(--red)}.card{background:#51313a;color:#fff5df;border-radius:4px;padding:clamp(24px,4vw,46px);border-top:9px solid #f0b93a;box-shadow:6px 7px 0 #d9cdb8}.card small{color:#ffda76}.card blockquote{font-size:clamp(34px,5vw,52px);margin:42px 0 16px}.card p{margin:0}.card hr{border:0;border-top:1px solid #aa8991;margin:30px 0 15px}.doc{max-width:760px;padding-block:56px}.doc h1{font-size:clamp(44px,7vw,64px)}h2{font-size:30px;margin:34px 0 8px}.doc p{margin:10px 0}footer{border-top:1px solid #b2a799;font-size:14px;padding-block:24px}a:focus-visible{outline:3px solid currentColor;outline-offset:4px}@media(max-width:680px){.hero{grid-template-columns:auto;gap:30px}.card blockquote{margin-top:26px}}