/*! @license MyFonts Webfont Build ID 3867246. The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). Webfont: Univers Pro 39 Thin Ultra Condensed by Linotype. Webfont: Univers Pro 49 Light Ultra Condensed by Linotype. URL: https://www.myfonts.com/collections/linotype-foundry © 2026 MyFonts Inc. */

/* The pages off the footer (press, discussion guide): the homepage's tokens and type, nothing new.
   Display in Univers 49, labels in caps, long reading in Helvetica (as the FAQ), black page. */
@font-face { font-family: "Univers 39"; src: url("/fonts/univers-39-thin-ultra-condensed.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Univers 49"; src: url("/fonts/univers-49-light-ultra-condensed.woff2") format("woff2"); font-display: swap; }
:root {
  --paper: #f3e9d8; --paper-dim: rgba(243, 233, 216, .72); --accent: #fff; --rule: rgba(243, 233, 216, .16);
  --light: "Univers 49", "Arial Narrow", sans-serif; --thin: "Univers 39", "Arial Narrow", sans-serif;
  --read: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --gutter: max(clamp(16px, 4.2vw, 80px), env(safe-area-inset-left), env(safe-area-inset-right));
  --max: 1180px;
}
html { background: #000; color: var(--paper); -webkit-text-size-adjust: 100%; overflow-x: clip; }
body { margin: 0; font: 400 clamp(17px, 1.15vw, 19px)/1.6 var(--read); -webkit-font-smoothing: antialiased; overflow-x: clip; }
a { color: var(--paper); text-decoration-thickness: 1px; text-underline-offset: 4px; }
a:hover { color: var(--accent); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.wrap { width: min(100% - 2 * var(--gutter), var(--max)); margin: 0 auto; }
.narrow { max-width: 760px; }

/* top: the title home, and where you are */
.top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: max(18px, env(safe-area-inset-top)) 0 18px; border-bottom: 1px solid var(--rule); }
.top .home { display: block; line-height: 0; }
.top .home img { height: 34px; width: auto; }
.top nav { display: flex; gap: clamp(16px, 2.4vw, 32px); font: 400 clamp(14px, 1vw, 17px)/1 var(--light); letter-spacing: .16em; text-transform: uppercase; }
.top nav a { color: var(--paper-dim); text-decoration: none; }
.top nav a:hover, .top nav a[aria-current] { color: var(--accent); }

/* type */
.eyebrow { margin: 0 0 18px; font: 400 clamp(14px, 1.05vw, 18px)/1 var(--light); letter-spacing: .18em; text-transform: uppercase; color: var(--paper-dim); }
h1, .display { margin: 0; font: 400 clamp(46px, 7vw, 112px)/.96 var(--light); color: var(--paper-dim); text-wrap: balance; }
h1 span, .display span { color: var(--accent); }
h2 { margin: 0 0 22px; font: 400 clamp(32px, 3.6vw, 56px)/1 var(--light); color: var(--paper-dim); }
h2 span { color: var(--accent); }
h3 { margin: 0 0 10px; font: 400 clamp(15px, 1.1vw, 18px)/1.2 var(--light); letter-spacing: .16em; text-transform: uppercase; color: var(--accent); }
.lead { margin: 26px 0 0; max-width: 38em; font-size: clamp(19px, 1.5vw, 23px); line-height: 1.5; color: var(--paper-dim); }
p { margin: 0 0 1em; }
.dim { color: var(--paper-dim); }
section { padding: clamp(56px, 8vw, 120px) 0 0; }
header.intro { padding: clamp(48px, 9vw, 140px) 0 0; }

/* buttons, as on the homepage */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .6em; padding: .82em 1.2em .76em; cursor: pointer;
  font: 400 clamp(14px, 1vw, 17px)/1 var(--light); letter-spacing: .18em; text-transform: uppercase; text-decoration: none;
  background: transparent; color: var(--paper); border: 1px solid rgba(243, 233, 216, .75); border-radius: 2px; transition: background .25s, color .25s; }
.btn:hover { background: var(--paper); color: #111; }
.btn-solid { background: var(--paper); color: #111; border-color: var(--paper); }
.btn-solid:hover { background: #fff; }
.btn small { font-size: .8em; letter-spacing: .12em; opacity: .7; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

/* facts: label / value rows */
.facts { margin: 0; border-top: 1px solid var(--rule); }
.facts div { display: grid; grid-template-columns: minmax(120px, 30%) 1fr; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--rule); }
.facts dt { font: 400 clamp(14px, 1vw, 16px)/1.5 var(--light); letter-spacing: .16em; text-transform: uppercase; color: var(--paper-dim); }
.facts dd { margin: 0; }

/* footer */
.foot { margin-top: clamp(80px, 10vw, 160px); padding: 36px 0 max(40px, env(safe-area-inset-bottom)); border-top: 1px solid var(--rule); font-size: 15px; color: var(--paper-dim); }
.foot p { margin: 0 0 10px; }
.foot b { font-weight: 400; color: var(--paper); }
.foot nav { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 18px; font: 400 15px/1 var(--light); letter-spacing: .16em; text-transform: uppercase; }
.foot nav a { color: var(--paper-dim); text-decoration: none; }
.foot nav a:hover { color: var(--accent); }

@media (max-width: 600px) {
  .top .home img { height: 28px; }
  .facts div { grid-template-columns: 1fr; gap: 2px; }
}
.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; }
.foot .social { margin-top: 14px; font: 400 15px/1.6 var(--light); letter-spacing: .16em; text-transform: uppercase; }
.foot .social a { display: inline-block; min-width: 44px; padding: 10px 2px; text-align: center; color: var(--paper-dim); text-decoration: none; }
.foot .social a:hover { color: var(--accent); }