:root { color-scheme: dark; --paper: #eee9df; --dim: rgba(238,233,223,.75); --red: #d00000; }
* { box-sizing: border-box; }
html { background: #030303; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 50% 0, #310707, #030303 42%); color: var(--paper); font: 16px/1.65 Arial, Helvetica, sans-serif; }
a { color: var(--paper); text-underline-offset: 3px; }
a:hover, a:focus-visible { color: #ff6b6b; }
.site-header, .site-footer { max-width: 900px; margin: auto; padding: 24px clamp(20px, 5vw, 44px); }
.site-header a { font-weight: 800; text-decoration: none; text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; }
.document { max-width: 900px; margin: auto; padding: 24px clamp(20px, 5vw, 44px) 64px; }
.eyebrow { color: #f45a5a; text-transform: uppercase; font-weight: 800; letter-spacing: .18em; font-size: .75rem; }
h1, h2 { font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; text-transform: uppercase; letter-spacing: .045em; line-height: 1.1; }
h1 { margin: 8px 0; font-size: clamp(2.8rem, 7vw, 5rem); }
h2 { margin: 36px 0 10px; padding-top: 18px; border-top: 1px solid rgba(238,233,223,.18); font-size: 1.55rem; }
p { margin: 0 0 16px; max-width: 72ch; }
.effective { color: var(--dim); font-size: .9rem; margin-bottom: 32px; }
.site-footer { display: flex; flex-wrap: wrap; gap: 12px 24px; border-top: 1px solid rgba(238,233,223,.18); font-size: .85rem; }