:root {
  color-scheme: dark;
  --paper: #090d0c; --panel: #121816; --ink: #f4efe4; --muted: #9ea9a3;
  --accent: #ff7058; --accent-wash: #331e1a; --green: #86d2ae; --line: #303a36;
  --serif: 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: ui-monospace, 'Cascadia Code', Consolas, monospace;
}
* { box-sizing: border-box; }
html { background: var(--paper); color: var(--ink); font-family: var(--sans); }
body { margin: 0; }
[hidden] { display: none !important; }
a { color: inherit; text-underline-offset: .2em; }
button, input, select { font: inherit; }
button { color: inherit; cursor: pointer; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
button:disabled { cursor: default; opacity: .3; }
.wordmark { display: inline-flex; align-items: baseline; font: 600 27px var(--serif); text-decoration: none; white-space: nowrap; }
.wordmark span { color: var(--accent); }
.wordmark i { font: 400 23px var(--sans); color: var(--line); padding: 0 18px; }
.wordmark small { font: 600 10px var(--sans); letter-spacing: .18em; }
.eyebrow { font: 600 11px var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 32px; padding: 14px 20px; border: 1px solid var(--line); border-radius: 4px; text-decoration: none; font-size: 14px; font-weight: 600; background: transparent; }
.button-primary { color: var(--panel); background: var(--ink); border-color: var(--ink); }
.button:hover { border-color: var(--accent); }
.button-small { padding: 9px 14px; gap: 24px; font-size: 12px; }
.text-link { font-size: 14px; font-weight: 500; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 16px; top: -100px; z-index: 100; padding: 12px 20px; background: var(--ink); color: white; }
.skip-link:focus { top: 12px; }
.slide-scene { container-type: inline-size; background: var(--panel); color: var(--ink); position: relative; }
.scene-body { padding: 4.2cqw 5.4cqw; min-height: 100%; }
.scene-eyebrow { font: 600 1cqw var(--sans); letter-spacing: .16em; color: var(--accent); text-transform: uppercase; margin: 0 0 2.6cqw; }
.scene-title { font: 400 6.5cqw/1.02 var(--serif); letter-spacing: -.055em; margin: 0 0 2cqw; }
.scene-title em { color: var(--accent); font-weight: 400; }
.scene-copy { font-size: 1.65cqw; line-height: 1.65; color: var(--muted); max-width: 43cqw; }
.scene-footer { display: flex; justify-content: space-between; gap: 20px; padding-top: 2.5cqw; margin-top: 3cqw; border-top: 1px solid var(--line); font: 500 1cqw var(--sans); letter-spacing: .04em; color: var(--muted); }
.reader-only { display: none; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }