:root { --bg: #0a0e19; --fg: #e6eaf4; --muted: #8f97ad; --sodium: #ffb547; color-scheme: dark; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.6 "Barlow", "Segoe UI", Roboto, sans-serif; }
main {
  max-width: 66ch; margin: 0 auto;
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px));
  padding-block: 32px 48px;
}
.eyebrow { margin: 0; font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--sodium); }
h1 { margin: 6px 0 16px; font: 800 44px/1 "Saira Extra Condensed", "Arial Narrow", sans-serif; text-transform: uppercase; text-wrap: balance; }
h2 { margin: 28px 0 6px; font: 800 24px/1.1 "Saira Extra Condensed", "Arial Narrow", sans-serif; }
p { margin: 0 0 12px; }
.fine { color: var(--muted); font-size: 14px; }
.contact { font-weight: 600; }
a { color: var(--sodium); }
a:focus-visible { outline: 2px solid var(--fg); outline-offset: 2px; }