:root{color-scheme:light;--bench:#e6ddc8;--paper:#f8f2e5;--ink:#192321;--panel:#283734;--orange:#c84e2f;--teal:#164e44}*{box-sizing:border-box}body{margin:0;background:var(--bench);color:var(--ink);font:17px/1.6 Arial,Helvetica,sans-serif}header,footer,main{width:min(100% - 40px,720px);margin-inline:auto}header{padding:28px 0}main{background:var(--paper);border:2px solid var(--panel);padding:clamp(24px,7vw,64px);box-shadow:8px 8px 0 var(--panel)}h1{font-size:clamp(42px,9vw,72px);line-height:.95;margin:.2em 0 .5em}h2{font-size:22px;margin-top:2em}p{max-width:62ch}.eyebrow,.fine{font:700 13px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.lede{font-size:21px}.fine{color:#5b635d;margin-top:48px}a{color:var(--teal);font-weight:700;text-underline-offset:3px}a:focus{outline:3px solid var(--orange);outline-offset:4px}footer{padding:32px 0 48px}@media(max-width:480px){header,footer,main{width:min(100% - 24px,720px)}main{box-shadow:5px 5px 0 var(--panel)}}