/* Shared About, legal and press-kit foundations and rails. */
:root { --block-blue: var(--brand-orange-85); --block-yellow: var(--brand-orange); --block-pink: var(--brand-orange-65); --block-green: var(--brand-orange-65); --block-teal: #656565; --block-orange: var(--brand-orange); --block-blue-50: var(--brand-orange-85); --block-yellow-50: var(--brand-orange); --block-pink-75: var(--brand-orange-65); --ink: #000; --muted: #656565; --line: #d7d7d7; --surface: #f9f9f9; --surface-alt: #eaeaea; --font: 'Instrument Sans', sans-serif; --mono: 'Martian Mono', monospace; --arch-ivory: var(--surface); --arch-ink: var(--ink); --arch-mono: var(--mono); --header-height: 48px; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 24px); }
body { margin: 0px; background: var(--surface); color: var(--ink); font: 400 16px/24px var(--font); -webkit-font-smoothing: antialiased; }
h1, h2, h3, p { margin: 0px; }
h1, h2, h3 { font-weight: 500; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { color: inherit; cursor: pointer; }
button { border: 0px; background: none; }
img { display: block; max-width: 100%; }
[hidden] { display: none !important; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--focus-ring, #1B1B1B); outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip-link { position: fixed; top: 10px; left: 10px; padding: 12px 18px; background: white; border: 2px solid var(--ink); z-index: 100; transform: translateY(-160%); }
.skip-link:focus { transform: none; }
.rails { position: relative; border-inline: 1px solid var(--line); }
h1 { font-size: clamp(38px, 3.89vw, 56px); line-height: 1.03; letter-spacing: -0.055em; }
h2 { font-size: clamp(32px, 3.34vw, 48px); line-height: 1.04; letter-spacing: -0.05em; }
.vertex-box { position: relative; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, ::before, ::after { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
