:root {
  --coral: #E85D5D;
  --coral-deep: #D44A4A;
  --paper: #F5F0E8;
  --paper-deep: #E8E0D4;
  --ink: #1A1A1A;
  --grey: #6B6B6B;
  --body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --display: "Avenir Next Condensed", "Arial Narrow", -apple-system, sans-serif;
  --mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}
* { box-sizing: border-box; }
html { background: var(--ink); scroll-padding-top: 24px; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--body); font-size: 16px; line-height: 1.6; }
button, select, input { font: inherit; border-radius: 0; }
a { color: inherit; text-underline-offset: .24em; text-decoration-thickness: 1.5px; text-decoration-color: var(--coral-deep); }
a:hover { text-decoration-thickness: 3px; }
a, button, select { transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease; }
:focus-visible { outline: 3px solid var(--coral-deep); outline-offset: 5px; }
h1, h2, h3, p, ul { margin: 0; }
h1, h2, h3 { font-family: var(--display); font-weight: 500; line-height: 1.02; letter-spacing: .05em; text-transform: uppercase; overflow-wrap: break-word; }
h1 { font-size: clamp(3rem, 5vw, 4rem); }
h2 { font-size: clamp(3rem, 4vw, 3.5rem); }
h3 { font-size: 1.75rem; }
p, li { max-width: 72ch; }
ul { padding-left: 1.25rem; }
li + li { margin-top: 16px; }
::selection { color: var(--ink); background: var(--coral); }
.skip-link { position: fixed; left: 24px; top: -100px; z-index: 10; padding: 12px 24px; min-height: 48px; color: var(--ink); background: var(--paper); }
.skip-link:focus { top: 16px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}