/* ==========================================================================
   1K1 Capital LLC
   ========================================================================== */

/* === Reset & base === */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  /* Surfaces. Translucent panels use rgba() of these same values. */
  --navy-800: #1e2940;   /* page            */
  --navy-600: #2a3757;   /* raised surfaces */

  /* Accent */
  --gold:       #c9a84c;
  --gold-light: #e0c06e;
  --gold-dim:   #b0934a;

  /* Ink */
  --cream-light: #f5efe4;
  --text:   #e8dcc8;
  --text-2: #a9b1bf;
  --text-3: #a2abba;

  /* Hairlines */
  --line:      rgba(201, 168, 76, 0.16);
  --line-soft: rgba(232, 220, 200, 0.07);

  /* Market signal */
  --up:   #5fd39a;
  --down: #f08a8a;

  /* Metrics */
  --header-h: 68px;
  --container: 1120px;
  --gutter: clamp(1.25rem, 5vw, 3.5rem);
  --rail: 168px;           /* width of the numbered section gutter */
  --measure: 60ch;

  /* Type */
  --serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono:  'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header-h) + 1.5rem);
  background-color: var(--navy-800);
  color-scheme: dark;
}

body {
  font-family: var(--sans);
  font-weight: 400;
  background-color: var(--navy-800);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

.wrap {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.visually-hidden {
  position: absolute; width: 1px; height: 1px;
  margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}

.skip-link {
  position: absolute; top: -100px; left: 1rem; z-index: 200;
  background: var(--navy-600); color: var(--cream-light);
  padding: 0.65rem 1rem; border: 1px solid var(--line);
  border-radius: 4px; font-size: 0.8rem; text-decoration: none;
}
.skip-link:focus { top: 1rem; }

:focus-visible {
  outline: 1px solid var(--gold);
  outline-offset: 3px;
  border-radius: 2px;
}

/* === Ambient backdrop === */
.backdrop {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20900%22%3E%3Cg%3E%3Crect%20x=%228%22%20y=%22830%22%20width=%227%22%20height=%2270%22%20fill=%22%23f08a8a%22%20opacity=%220.164%22/%3E%3Crect%20x=%2223%22%20y=%22841%22%20width=%227%22%20height=%2259%22%20fill=%22%235fd39a%22%20opacity=%220.258%22/%3E%3Crect%20x=%2238%22%20y=%22800%22%20width=%227%22%20height=%22100%22%20fill=%22%235fd39a%22%20opacity=%220.190%22/%3E%3Crect%20x=%2253%22%20y=%22759%22%20width=%227%22%20height=%22141%22%20fill=%22%23f08a8a%22%20opacity=%220.285%22/%3E%3Crect%20x=%2268%22%20y=%22850%22%20width=%227%22%20height=%2250%22%20fill=%22%235fd39a%22%20opacity=%220.216%22/%3E%3Crect%20x=%2283%22%20y=%22809%22%20width=%227%22%20height=%2291%22%20fill=%22%235fd39a%22%20opacity=%220.311%22/%3E%3Crect%20x=%2298%22%20y=%22768%22%20width=%227%22%20height=%22132%22%20fill=%22%23f08a8a%22%20opacity=%220.242%22/%3E%3Crect%20x=%22113%22%20y=%22859%22%20width=%227%22%20height=%2241%22%20fill=%22%235fd39a%22%20opacity=%220.173%22/%3E%3Crect%20x=%22128%22%20y=%22818%22%20width=%227%22%20height=%2282%22%20fill=%22%235fd39a%22%20opacity=%220.268%22/%3E%3Crect%20x=%22143%22%20y=%22725%22%20width=%227%22%20height=%22175%22%20fill=%22%23f08a8a%22%20opacity=%220.200%22/%3E%3Crect%20x=%22158%22%20y=%22868%22%20width=%227%22%20height=%2232%22%20fill=%22%235fd39a%22%20opacity=%220.294%22/%3E%3Crect%20x=%22173%22%20y=%22827%22%20width=%227%22%20height=%2273%22%20fill=%22%235fd39a%22%20opacity=%220.226%22/%3E%3Crect%20x=%22188%22%20y=%22786%22%20width=%227%22%20height=%22114%22%20fill=%22%23f08a8a%22%20opacity=%220.321%22/%3E%3Crect%20x=%22203%22%20y=%22877%22%20width=%227%22%20height=%2223%22%20fill=%22%235fd39a%22%20opacity=%220.252%22/%3E%3Crect%20x=%22218%22%20y=%22836%22%20width=%227%22%20height=%2264%22%20fill=%22%235fd39a%22%20opacity=%220.183%22/%3E%3Crect%20x=%22233%22%20y=%22795%22%20width=%227%22%20height=%22105%22%20fill=%22%23f08a8a%22%20opacity=%220.278%22/%3E%3Crect%20x=%22248%22%20y=%22754%22%20width=%227%22%20height=%22146%22%20fill=%22%235fd39a%22%20opacity=%220.209%22/%3E%3Crect%20x=%22263%22%20y=%22845%22%20width=%227%22%20height=%2255%22%20fill=%22%235fd39a%22%20opacity=%220.304%22/%3E%3Crect%20x=%22278%22%20y=%22752%22%20width=%227%22%20height=%22148%22%20fill=%22%23f08a8a%22%20opacity=%220.236%22/%3E%3Crect%20x=%22293%22%20y=%22763%22%20width=%227%22%20height=%22137%22%20fill=%22%235fd39a%22%20opacity=%220.167%22/%3E%3Crect%20x=%22308%22%20y=%22854%22%20width=%227%22%20height=%2246%22%20fill=%22%235fd39a%22%20opacity=%220.262%22/%3E%3Crect%20x=%22323%22%20y=%22813%22%20width=%227%22%20height=%2287%22%20fill=%22%23f08a8a%22%20opacity=%220.193%22/%3E%3Crect%20x=%22338%22%20y=%22772%22%20width=%227%22%20height=%22128%22%20fill=%22%235fd39a%22%20opacity=%220.288%22/%3E%3Crect%20x=%22353%22%20y=%22863%22%20width=%227%22%20height=%2237%22%20fill=%22%235fd39a%22%20opacity=%220.219%22/%3E%3Crect%20x=%22368%22%20y=%22822%22%20width=%227%22%20height=%2278%22%20fill=%22%23f08a8a%22%20opacity=%220.314%22/%3E%3Crect%20x=%22383%22%20y=%22781%22%20width=%227%22%20height=%22119%22%20fill=%22%235fd39a%22%20opacity=%220.245%22/%3E%3Crect%20x=%22398%22%20y=%22872%22%20width=%227%22%20height=%2228%22%20fill=%22%235fd39a%22%20opacity=%220.177%22/%3E%3Crect%20x=%22413%22%20y=%22779%22%20width=%227%22%20height=%22121%22%20fill=%22%23f08a8a%22%20opacity=%220.271%22/%3E%3Crect%20x=%22428%22%20y=%22790%22%20width=%227%22%20height=%22110%22%20fill=%22%235fd39a%22%20opacity=%220.203%22/%3E%3Crect%20x=%22443%22%20y=%22881%22%20width=%227%22%20height=%2219%22%20fill=%22%235fd39a%22%20opacity=%220.298%22/%3E%3Crect%20x=%22458%22%20y=%22840%22%20width=%227%22%20height=%2260%22%20fill=%22%23f08a8a%22%20opacity=%220.229%22/%3E%3Crect%20x=%22473%22%20y=%22799%22%20width=%227%22%20height=%22101%22%20fill=%22%235fd39a%22%20opacity=%220.324%22/%3E%3Crect%20x=%22488%22%20y=%22758%22%20width=%227%22%20height=%22142%22%20fill=%22%235fd39a%22%20opacity=%220.255%22/%3E%3Crect%20x=%22503%22%20y=%22849%22%20width=%227%22%20height=%2251%22%20fill=%22%23f08a8a%22%20opacity=%220.186%22/%3E%3Crect%20x=%22518%22%20y=%22808%22%20width=%227%22%20height=%2292%22%20fill=%22%235fd39a%22%20opacity=%220.281%22/%3E%3Crect%20x=%22533%22%20y=%22767%22%20width=%227%22%20height=%22133%22%20fill=%22%235fd39a%22%20opacity=%220.213%22/%3E%3Crect%20x=%22548%22%20y=%22806%22%20width=%227%22%20height=%2294%22%20fill=%22%23f08a8a%22%20opacity=%220.307%22/%3E%3Crect%20x=%22563%22%20y=%22817%22%20width=%227%22%20height=%2283%22%20fill=%22%235fd39a%22%20opacity=%220.239%22/%3E%3Crect%20x=%22578%22%20y=%22776%22%20width=%227%22%20height=%22124%22%20fill=%22%235fd39a%22%20opacity=%220.170%22/%3E%3Crect%20x=%22593%22%20y=%22867%22%20width=%227%22%20height=%2233%22%20fill=%22%23f08a8a%22%20opacity=%220.265%22/%3E%3Crect%20x=%22608%22%20y=%22826%22%20width=%227%22%20height=%2274%22%20fill=%22%235fd39a%22%20opacity=%220.196%22/%3E%3Crect%20x=%22623%22%20y=%22785%22%20width=%227%22%20height=%22115%22%20fill=%22%235fd39a%22%20opacity=%220.291%22/%3E%3Crect%20x=%22638%22%20y=%22876%22%20width=%227%22%20height=%2224%22%20fill=%22%23f08a8a%22%20opacity=%220.222%22/%3E%3Crect%20x=%22653%22%20y=%22835%22%20width=%227%22%20height=%2265%22%20fill=%22%235fd39a%22%20opacity=%220.317%22/%3E%3Crect%20x=%22668%22%20y=%22794%22%20width=%227%22%20height=%22106%22%20fill=%22%235fd39a%22%20opacity=%220.249%22/%3E%3Crect%20x=%22683%22%20y=%22701%22%20width=%227%22%20height=%22199%22%20fill=%22%23f08a8a%22%20opacity=%220.180%22/%3E%3Crect%20x=%22698%22%20y=%22844%22%20width=%227%22%20height=%2256%22%20fill=%22%235fd39a%22%20opacity=%220.275%22/%3E%3Crect%20x=%22713%22%20y=%22803%22%20width=%227%22%20height=%2297%22%20fill=%22%235fd39a%22%20opacity=%220.206%22/%3E%3Crect%20x=%22728%22%20y=%22762%22%20width=%227%22%20height=%22138%22%20fill=%22%23f08a8a%22%20opacity=%220.301%22/%3E%3Crect%20x=%22743%22%20y=%22853%22%20width=%227%22%20height=%2247%22%20fill=%22%235fd39a%22%20opacity=%220.232%22/%3E%3Crect%20x=%22758%22%20y=%22812%22%20width=%227%22%20height=%2288%22%20fill=%22%235fd39a%22%20opacity=%220.164%22/%3E%3Crect%20x=%22773%22%20y=%22771%22%20width=%227%22%20height=%22129%22%20fill=%22%23f08a8a%22%20opacity=%220.258%22/%3E%3Crect%20x=%22788%22%20y=%22862%22%20width=%227%22%20height=%2238%22%20fill=%22%235fd39a%22%20opacity=%220.190%22/%3E%3Crect%20x=%22803%22%20y=%22821%22%20width=%227%22%20height=%2279%22%20fill=%22%235fd39a%22%20opacity=%220.285%22/%3E%3Crect%20x=%22818%22%20y=%22728%22%20width=%227%22%20height=%22172%22%20fill=%22%23f08a8a%22%20opacity=%220.216%22/%3E%3Crect%20x=%22833%22%20y=%22871%22%20width=%227%22%20height=%2229%22%20fill=%22%235fd39a%22%20opacity=%220.311%22/%3E%3Crect%20x=%22848%22%20y=%22830%22%20width=%227%22%20height=%2270%22%20fill=%22%235fd39a%22%20opacity=%220.242%22/%3E%3Crect%20x=%22863%22%20y=%22789%22%20width=%227%22%20height=%22111%22%20fill=%22%23f08a8a%22%20opacity=%220.173%22/%3E%3Crect%20x=%22878%22%20y=%22880%22%20width=%227%22%20height=%2220%22%20fill=%22%235fd39a%22%20opacity=%220.268%22/%3E%3Crect%20x=%22893%22%20y=%22839%22%20width=%227%22%20height=%2261%22%20fill=%22%235fd39a%22%20opacity=%220.200%22/%3E%3Crect%20x=%22908%22%20y=%22798%22%20width=%227%22%20height=%22102%22%20fill=%22%23f08a8a%22%20opacity=%220.294%22/%3E%3Crect%20x=%22923%22%20y=%22757%22%20width=%227%22%20height=%22143%22%20fill=%22%235fd39a%22%20opacity=%220.226%22/%3E%3Crect%20x=%22938%22%20y=%22848%22%20width=%227%22%20height=%2252%22%20fill=%22%235fd39a%22%20opacity=%220.321%22/%3E%3Crect%20x=%22953%22%20y=%22755%22%20width=%227%22%20height=%22145%22%20fill=%22%23f08a8a%22%20opacity=%220.252%22/%3E%3Crect%20x=%22968%22%20y=%22766%22%20width=%227%22%20height=%22134%22%20fill=%22%235fd39a%22%20opacity=%220.183%22/%3E%3Crect%20x=%22983%22%20y=%22857%22%20width=%227%22%20height=%2243%22%20fill=%22%235fd39a%22%20opacity=%220.278%22/%3E%3Crect%20x=%22998%22%20y=%22816%22%20width=%227%22%20height=%2284%22%20fill=%22%23f08a8a%22%20opacity=%220.209%22/%3E%3Crect%20x=%221013%22%20y=%22775%22%20width=%227%22%20height=%22125%22%20fill=%22%235fd39a%22%20opacity=%220.304%22/%3E%3Crect%20x=%221028%22%20y=%22866%22%20width=%227%22%20height=%2234%22%20fill=%22%235fd39a%22%20opacity=%220.236%22/%3E%3Crect%20x=%221043%22%20y=%22825%22%20width=%227%22%20height=%2275%22%20fill=%22%23f08a8a%22%20opacity=%220.167%22/%3E%3Crect%20x=%221058%22%20y=%22784%22%20width=%227%22%20height=%22116%22%20fill=%22%235fd39a%22%20opacity=%220.262%22/%3E%3Crect%20x=%221073%22%20y=%22875%22%20width=%227%22%20height=%2225%22%20fill=%22%235fd39a%22%20opacity=%220.193%22/%3E%3Crect%20x=%221088%22%20y=%22782%22%20width=%227%22%20height=%22118%22%20fill=%22%23f08a8a%22%20opacity=%220.288%22/%3E%3Crect%20x=%221103%22%20y=%22793%22%20width=%227%22%20height=%22107%22%20fill=%22%235fd39a%22%20opacity=%220.219%22/%3E%3Crect%20x=%221118%22%20y=%22752%22%20width=%227%22%20height=%22148%22%20fill=%22%235fd39a%22%20opacity=%220.314%22/%3E%3Crect%20x=%221133%22%20y=%22843%22%20width=%227%22%20height=%2257%22%20fill=%22%23f08a8a%22%20opacity=%220.245%22/%3E%3Crect%20x=%221148%22%20y=%22802%22%20width=%227%22%20height=%2298%22%20fill=%22%235fd39a%22%20opacity=%220.177%22/%3E%3Crect%20x=%221163%22%20y=%22761%22%20width=%227%22%20height=%22139%22%20fill=%22%235fd39a%22%20opacity=%220.271%22/%3E%3Crect%20x=%221178%22%20y=%22852%22%20width=%227%22%20height=%2248%22%20fill=%22%23f08a8a%22%20opacity=%220.203%22/%3E%3Crect%20x=%221193%22%20y=%22811%22%20width=%227%22%20height=%2289%22%20fill=%22%235fd39a%22%20opacity=%220.298%22/%3E%3Crect%20x=%221208%22%20y=%22770%22%20width=%227%22%20height=%22130%22%20fill=%22%235fd39a%22%20opacity=%220.229%22/%3E%3Crect%20x=%221223%22%20y=%22809%22%20width=%227%22%20height=%2291%22%20fill=%22%23f08a8a%22%20opacity=%220.324%22/%3E%3Crect%20x=%221238%22%20y=%22820%22%20width=%227%22%20height=%2280%22%20fill=%22%235fd39a%22%20opacity=%220.255%22/%3E%3Crect%20x=%221253%22%20y=%22779%22%20width=%227%22%20height=%22121%22%20fill=%22%235fd39a%22%20opacity=%220.186%22/%3E%3Crect%20x=%221268%22%20y=%22870%22%20width=%227%22%20height=%2230%22%20fill=%22%23f08a8a%22%20opacity=%220.281%22/%3E%3Crect%20x=%221283%22%20y=%22829%22%20width=%227%22%20height=%2271%22%20fill=%22%235fd39a%22%20opacity=%220.213%22/%3E%3Crect%20x=%221298%22%20y=%22788%22%20width=%227%22%20height=%22112%22%20fill=%22%235fd39a%22%20opacity=%220.307%22/%3E%3Crect%20x=%221313%22%20y=%22879%22%20width=%227%22%20height=%2221%22%20fill=%22%23f08a8a%22%20opacity=%220.239%22/%3E%3Crect%20x=%221328%22%20y=%22838%22%20width=%227%22%20height=%2262%22%20fill=%22%235fd39a%22%20opacity=%220.170%22/%3E%3Crect%20x=%221343%22%20y=%22797%22%20width=%227%22%20height=%22103%22%20fill=%22%235fd39a%22%20opacity=%220.265%22/%3E%3Crect%20x=%221358%22%20y=%22704%22%20width=%227%22%20height=%22196%22%20fill=%22%23f08a8a%22%20opacity=%220.196%22/%3E%3Crect%20x=%221373%22%20y=%22847%22%20width=%227%22%20height=%2253%22%20fill=%22%235fd39a%22%20opacity=%220.291%22/%3E%3Crect%20x=%221388%22%20y=%22806%22%20width=%227%22%20height=%2294%22%20fill=%22%235fd39a%22%20opacity=%220.222%22/%3E%3Crect%20x=%221403%22%20y=%22765%22%20width=%227%22%20height=%22135%22%20fill=%22%23f08a8a%22%20opacity=%220.317%22/%3E%3Crect%20x=%221418%22%20y=%22856%22%20width=%227%22%20height=%2244%22%20fill=%22%235fd39a%22%20opacity=%220.249%22/%3E%3Crect%20x=%221433%22%20y=%22815%22%20width=%227%22%20height=%2285%22%20fill=%22%235fd39a%22%20opacity=%220.180%22/%3E%3C/g%3E%3Cg%20font-family=%22monospace%22%20font-size=%2212.5%22%20letter-spacing=%221.4%22%3E%3Ctext%20x=%2218%22%20y=%2238%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ECLH6%2076.18%20+0.18%3C/text%3E%3Ctext%20x=%22184%22%20y=%2238%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3EHOH6%2058.84%20+0.64%3C/text%3E%3Ctext%20x=%22350%22%20y=%2238%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ERBH6%2086.50%20+1.10%3C/text%3E%3Ctext%20x=%22516%22%20y=%2238%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ECLG6%2068.16%20+0.36%3C/text%3E%3Ctext%20x=%22682%22%20y=%2238%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3EHOG6%2096.82%20+0.82%3C/text%3E%3Ctext%20x=%22848%22%20y=%2238%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ERBG6%2078.48%20+0.08%3C/text%3E%3Ctext%20x=%221014%22%20y=%2238%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ECLF6%2060.14%20+0.54%3C/text%3E%3Ctext%20x=%221180%22%20y=%2238%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3EHOF6%2088.80%20+1.00%3C/text%3E%3Ctext%20x=%221346%22%20y=%2238%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ERBF6%2070.46%20+0.26%3C/text%3E%3Ctext%20x=%2218%22%20y=%2284%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3EHOQ6%2087.41%20−0.31%3C/text%3E%3Ctext%20x=%22184%22%20y=%2284%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ERBQ6%2069.07%20−0.77%3C/text%3E%3Ctext%20x=%22350%22%20y=%2284%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ECLQ6%2097.73%20−0.03%3C/text%3E%3Ctext%20x=%22516%22%20y=%2284%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3EHON6%2079.39%20−0.49%3C/text%3E%3Ctext%20x=%22682%22%20y=%2284%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ERBN6%2061.05%20−0.95%3C/text%3E%3Ctext%20x=%22848%22%20y=%2284%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ECLN6%2089.71%20−0.21%3C/text%3E%3Ctext%20x=%221014%22%20y=%2284%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3EHOM6%2071.37%20−0.67%3C/text%3E%3Ctext%20x=%221180%22%20y=%2284%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ERBM6%2099.03%20−1.13%3C/text%3E%3Ctext%20x=%221346%22%20y=%2284%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ECLM6%2081.69%20−0.39%3C/text%3E%3Ctext%20x=%2218%22%20y=%22130%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ERBF6%2098.64%20+0.44%3C/text%3E%3Ctext%20x=%22184%22%20y=%22130%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ECLF6%2080.30%20+0.90%3C/text%3E%3Ctext%20x=%22350%22%20y=%22130%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3EHOF6%2062.96%20+0.16%3C/text%3E%3Ctext%20x=%22516%22%20y=%22130%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ERBZ6%2090.62%20+0.62%3C/text%3E%3Ctext%20x=%22682%22%20y=%22130%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ECLZ6%2072.28%20+1.08%3C/text%3E%3Ctext%20x=%22848%22%20y=%22130%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3EHOZ6%20100.94%20+0.34%3C/text%3E%3Ctext%20x=%221014%22%20y=%22130%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ERBX6%2082.60%20+0.80%3C/text%3E%3Ctext%20x=%221180%22%20y=%22130%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ECLX6%2064.26%20+0.06%3C/text%3E%3Ctext%20x=%221346%22%20y=%22130%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3EHOX6%2092.92%20+0.52%3C/text%3E%3Ctext%20x=%2218%22%20y=%22176%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3ECLM6%2063.87%20−0.57%3C/text%3E%3Ctext%20x=%22184%22%20y=%22176%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3EHOM6%2091.53%20−1.03%3C/text%3E%3Ctext%20x=%22350%22%20y=%22176%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3ERBM6%2073.19%20−0.29%3C/text%3E%3Ctext%20x=%22516%22%20y=%22176%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3ECLK6%20101.85%20−0.75%3C/text%3E%3Ctext%20x=%22682%22%20y=%22176%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3EHOK6%2083.51%20−0.01%3C/text%3E%3Ctext%20x=%22848%22%20y=%22176%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3ERBK6%2065.17%20−0.47%3C/text%3E%3Ctext%20x=%221014%22%20y=%22176%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3ECLJ6%2093.83%20−0.93%3C/text%3E%3Ctext%20x=%221180%22%20y=%22176%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3EHOJ6%2075.49%20−0.19%3C/text%3E%3Ctext%20x=%221346%22%20y=%22176%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3ERBJ6%20103.15%20−0.65%3C/text%3E%3Ctext%20x=%2218%22%20y=%22222%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3EHOX6%2074.10%20+0.70%3C/text%3E%3Ctext%20x=%22184%22%20y=%22222%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3ERBX6%20102.76%20+1.16%3C/text%3E%3Ctext%20x=%22350%22%20y=%22222%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3ECLX6%2084.42%20+0.42%3C/text%3E%3Ctext%20x=%22516%22%20y=%22222%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3EHOV6%2066.08%20+0.88%3C/text%3E%3Ctext%20x=%22682%22%20y=%22222%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3ERBV6%2094.74%20+0.14%3C/text%3E%3Ctext%20x=%22848%22%20y=%22222%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3ECLV6%2076.40%20+0.60%3C/text%3E%3Ctext%20x=%221014%22%20y=%22222%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3EHOU6%2058.06%20+1.06%3C/text%3E%3Ctext%20x=%221180%22%20y=%22222%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3ERBU6%2086.72%20+0.32%3C/text%3E%3Ctext%20x=%221346%22%20y=%22222%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3ECLU6%2068.38%20+0.78%3C/text%3E%3Ctext%20x=%2218%22%20y=%22268%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3ERBJ6%2085.33%20−0.83%3C/text%3E%3Ctext%20x=%22184%22%20y=%22268%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3ECLJ6%2067.99%20−0.09%3C/text%3E%3Ctext%20x=%22350%22%20y=%22268%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3EHOJ6%2095.65%20−0.55%3C/text%3E%3Ctext%20x=%22516%22%20y=%22268%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3ERBH6%2077.31%20−1.01%3C/text%3E%3Ctext%20x=%22682%22%20y=%22268%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3ECLH6%2059.97%20−0.27%3C/text%3E%3Ctext%20x=%22848%22%20y=%22268%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3EHOH6%2087.63%20−0.73%3C/text%3E%3Ctext%20x=%221014%22%20y=%22268%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3ERBG6%2069.29%20−1.19%3C/text%3E%3Ctext%20x=%221180%22%20y=%22268%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3ECLG6%2097.95%20−0.45%3C/text%3E%3Ctext%20x=%221346%22%20y=%22268%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3EHOG6%2079.61%20−0.91%3C/text%3E%3Ctext%20x=%2218%22%20y=%22314%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ECLU6%2096.56%20+0.96%3C/text%3E%3Ctext%20x=%22184%22%20y=%22314%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3EHOU6%2078.22%20+0.22%3C/text%3E%3Ctext%20x=%22350%22%20y=%22314%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ERBU6%2060.88%20+0.68%3C/text%3E%3Ctext%20x=%22516%22%20y=%22314%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ECLQ6%2088.54%20+1.14%3C/text%3E%3Ctext%20x=%22682%22%20y=%22314%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3EHOQ6%2070.20%20+0.40%3C/text%3E%3Ctext%20x=%22848%22%20y=%22314%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ERBQ6%2098.86%20+0.86%3C/text%3E%3Ctext%20x=%221014%22%20y=%22314%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ECLN6%2080.52%20+0.12%3C/text%3E%3Ctext%20x=%221180%22%20y=%22314%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3EHON6%2062.18%20+0.58%3C/text%3E%3Ctext%20x=%221346%22%20y=%22314%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ERBN6%2090.84%20+1.04%3C/text%3E%3Ctext%20x=%2218%22%20y=%22360%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3EHOG6%2061.79%20−1.09%3C/text%3E%3Ctext%20x=%22184%22%20y=%22360%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ERBG6%2089.45%20−0.35%3C/text%3E%3Ctext%20x=%22350%22%20y=%22360%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ECLG6%2071.11%20−0.81%3C/text%3E%3Ctext%20x=%22516%22%20y=%22360%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3EHOF6%2099.77%20−0.07%3C/text%3E%3Ctext%20x=%22682%22%20y=%22360%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ERBF6%2081.43%20−0.53%3C/text%3E%3Ctext%20x=%22848%22%20y=%22360%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ECLF6%2063.09%20−0.99%3C/text%3E%3Ctext%20x=%221014%22%20y=%22360%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3EHOZ6%2091.75%20−0.25%3C/text%3E%3Ctext%20x=%221180%22%20y=%22360%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ERBZ6%2073.41%20−0.71%3C/text%3E%3Ctext%20x=%221346%22%20y=%22360%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ECLZ6%20101.07%20−1.17%3C/text%3E%3Ctext%20x=%2218%22%20y=%22406%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ERBN6%2072.02%20+0.02%3C/text%3E%3Ctext%20x=%22184%22%20y=%22406%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ECLN6%20100.68%20+0.48%3C/text%3E%3Ctext%20x=%22350%22%20y=%22406%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3EHON6%2082.34%20+0.94%3C/text%3E%3Ctext%20x=%22516%22%20y=%22406%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ERBM6%2064.00%20+0.20%3C/text%3E%3Ctext%20x=%22682%22%20y=%22406%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ECLM6%2092.66%20+0.66%3C/text%3E%3Ctext%20x=%22848%22%20y=%22406%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3EHOM6%2074.32%20+1.12%3C/text%3E%3Ctext%20x=%221014%22%20y=%22406%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ERBK6%20102.98%20+0.38%3C/text%3E%3Ctext%20x=%221180%22%20y=%22406%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ECLK6%2084.64%20+0.84%3C/text%3E%3Ctext%20x=%221346%22%20y=%22406%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3EHOK6%2066.30%20+0.10%3C/text%3E%3Ctext%20x=%2218%22%20y=%22452%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3ECLZ6%2083.25%20−0.15%3C/text%3E%3Ctext%20x=%22184%22%20y=%22452%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3EHOZ6%2065.91%20−0.61%3C/text%3E%3Ctext%20x=%22350%22%20y=%22452%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3ERBZ6%2093.57%20−1.07%3C/text%3E%3Ctext%20x=%22516%22%20y=%22452%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3ECLX6%2075.23%20−0.33%3C/text%3E%3Ctext%20x=%22682%22%20y=%22452%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3EHOX6%20103.89%20−0.79%3C/text%3E%3Ctext%20x=%22848%22%20y=%22452%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3ERBX6%2085.55%20−0.05%3C/text%3E%3Ctext%20x=%221014%22%20y=%22452%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3ECLV6%2067.21%20−0.51%3C/text%3E%3Ctext%20x=%221180%22%20y=%22452%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3EHOV6%2095.87%20−0.97%3C/text%3E%3Ctext%20x=%221346%22%20y=%22452%22%20fill=%22%23f08a8a%22%20opacity=%220.124%22%3ERBV6%2077.53%20−0.23%3C/text%3E%3Ctext%20x=%2218%22%20y=%22498%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3EHOK6%2094.48%20+0.28%3C/text%3E%3Ctext%20x=%22184%22%20y=%22498%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3ERBK6%2076.14%20+0.74%3C/text%3E%3Ctext%20x=%22350%22%20y=%22498%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3ECLK6%2058.80%20+0.00%3C/text%3E%3Ctext%20x=%22516%22%20y=%22498%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3EHOJ6%2086.46%20+0.46%3C/text%3E%3Ctext%20x=%22682%22%20y=%22498%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3ERBJ6%2068.12%20+0.92%3C/text%3E%3Ctext%20x=%22848%22%20y=%22498%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3ECLJ6%2096.78%20+0.18%3C/text%3E%3Ctext%20x=%221014%22%20y=%22498%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3EHOH6%2078.44%20+0.64%3C/text%3E%3Ctext%20x=%221180%22%20y=%22498%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3ERBH6%2060.10%20+1.10%3C/text%3E%3Ctext%20x=%221346%22%20y=%22498%22%20fill=%22%235fd39a%22%20opacity=%220.085%22%3ECLH6%2088.76%20+0.36%3C/text%3E%3Ctext%20x=%2218%22%20y=%22544%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3ERBV6%2059.71%20−0.41%3C/text%3E%3Ctext%20x=%22184%22%20y=%22544%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3ECLV6%2087.37%20−0.87%3C/text%3E%3Ctext%20x=%22350%22%20y=%22544%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3EHOV6%2069.03%20−0.13%3C/text%3E%3Ctext%20x=%22516%22%20y=%22544%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3ERBU6%2097.69%20−0.59%3C/text%3E%3Ctext%20x=%22682%22%20y=%22544%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3ECLU6%2079.35%20−1.05%3C/text%3E%3Ctext%20x=%22848%22%20y=%22544%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3EHOU6%2061.01%20−0.31%3C/text%3E%3Ctext%20x=%221014%22%20y=%22544%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3ERBQ6%2089.67%20−0.77%3C/text%3E%3Ctext%20x=%221180%22%20y=%22544%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3ECLQ6%2071.33%20−0.03%3C/text%3E%3Ctext%20x=%221346%22%20y=%22544%22%20fill=%22%23f08a8a%22%20opacity=%220.057%22%3EHOQ6%2099.99%20−0.49%3C/text%3E%3Ctext%20x=%2218%22%20y=%22590%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ECLH6%2070.94%20+0.54%3C/text%3E%3Ctext%20x=%22184%22%20y=%22590%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3EHOH6%2098.60%20+1.00%3C/text%3E%3Ctext%20x=%22350%22%20y=%22590%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ERBH6%2080.26%20+0.26%3C/text%3E%3Ctext%20x=%22516%22%20y=%22590%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ECLG6%2062.92%20+0.72%3C/text%3E%3Ctext%20x=%22682%22%20y=%22590%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3EHOG6%2090.58%20+1.18%3C/text%3E%3Ctext%20x=%22848%22%20y=%22590%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ERBG6%2072.24%20+0.44%3C/text%3E%3Ctext%20x=%221014%22%20y=%22590%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ECLF6%20100.90%20+0.90%3C/text%3E%3Ctext%20x=%221180%22%20y=%22590%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3EHOF6%2082.56%20+0.16%3C/text%3E%3Ctext%20x=%221346%22%20y=%22590%22%20fill=%22%235fd39a%22%20opacity=%220.124%22%3ERBF6%2064.22%20+0.62%3C/text%3E%3Ctext%20x=%2218%22%20y=%22636%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3EHOQ6%2081.17%20−0.67%3C/text%3E%3Ctext%20x=%22184%22%20y=%22636%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ERBQ6%2063.83%20−1.13%3C/text%3E%3Ctext%20x=%22350%22%20y=%22636%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ECLQ6%2091.49%20−0.39%3C/text%3E%3Ctext%20x=%22516%22%20y=%22636%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3EHON6%2073.15%20−0.85%3C/text%3E%3Ctext%20x=%22682%22%20y=%22636%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ERBN6%20101.81%20−0.11%3C/text%3E%3Ctext%20x=%22848%22%20y=%22636%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ECLN6%2083.47%20−0.57%3C/text%3E%3Ctext%20x=%221014%22%20y=%22636%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3EHOM6%2065.13%20−1.03%3C/text%3E%3Ctext%20x=%221180%22%20y=%22636%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ERBM6%2093.79%20−0.29%3C/text%3E%3Ctext%20x=%221346%22%20y=%22636%22%20fill=%22%23f08a8a%22%20opacity=%220.085%22%3ECLM6%2075.45%20−0.75%3C/text%3E%3Ctext%20x=%2218%22%20y=%22682%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ERBF6%2092.40%20+0.80%3C/text%3E%3Ctext%20x=%22184%22%20y=%22682%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ECLF6%2074.06%20+0.06%3C/text%3E%3Ctext%20x=%22350%22%20y=%22682%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3EHOF6%20102.72%20+0.52%3C/text%3E%3Ctext%20x=%22516%22%20y=%22682%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ERBZ6%2084.38%20+0.98%3C/text%3E%3Ctext%20x=%22682%22%20y=%22682%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ECLZ6%2066.04%20+0.24%3C/text%3E%3Ctext%20x=%22848%22%20y=%22682%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3EHOZ6%2094.70%20+0.70%3C/text%3E%3Ctext%20x=%221014%22%20y=%22682%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ERBX6%2076.36%20+1.16%3C/text%3E%3Ctext%20x=%221180%22%20y=%22682%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3ECLX6%2058.02%20+0.42%3C/text%3E%3Ctext%20x=%221346%22%20y=%22682%22%20fill=%22%235fd39a%22%20opacity=%220.057%22%3EHOX6%2086.68%20+0.88%3C/text%3E%3C/g%3E%3Cg%20stroke=%22%23e8dcc8%22%20stroke-width=%221%22%20opacity=%220.046%22%3E%3Cpath%20d=%22M240%200%20V%20900%20M540%200%20V%20900%20M840%200%20V%20900%20M1140%200%20V%20900%22/%3E%3C/g%3E%3Cg%20fill=%22none%22%20stroke=%22%23c9a84c%22%3E%3Cpath%20d=%22M0%20600%20C%20270%20572%20470%20500%20720%20452%20C%20970%20404%201200%20384%201440%20376%22%20stroke-width=%221.6%22%20opacity=%220.288%22/%3E%3Cpath%20d=%22M0%20660%20C%20280%20642%20480%20584%20740%20536%20C%201000%20488%201220%20468%201440%20462%22%20stroke-width=%221.3%22%20opacity=%220.158%22/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(ellipse 120% 70% at 50% -10%,  rgba(48, 64, 102, 0.85) 0%, transparent 62%),
    radial-gradient(ellipse 80%  60% at 85% 108%, rgba(160, 133, 53, 0.07) 0%, transparent 55%);
  background-size: cover, auto, auto;
  background-position: center, center, center;
  background-repeat: no-repeat;
  /* Three masks intersected. A fixed layer cannot know where text is, so the
     zones that always carry copy are held back structurally:
       1. clear the sticky-header band; ghost the volume bars at the foot
       2. hold back the left/centre, where the prose column always sits
       3. soften a well behind the middle of the viewport                  */
  -webkit-mask-image:
    linear-gradient(to bottom, transparent 0%, #000 11%, #000 62%, rgba(0,0,0,.30) 88%, rgba(0,0,0,.12) 100%),
    linear-gradient(to right, rgba(0,0,0,.30) 0%, rgba(0,0,0,.26) 46%, rgba(0,0,0,.38) 78%, rgba(0,0,0,.62) 88%, #000 100%),
    radial-gradient(ellipse 54% 42% at 34% 50%, rgba(0,0,0,.22) 0%, #000 78%);
  mask-image:
    linear-gradient(to bottom, transparent 0%, #000 11%, #000 62%, rgba(0,0,0,.30) 88%, rgba(0,0,0,.12) 100%),
    linear-gradient(to right, rgba(0,0,0,.30) 0%, rgba(0,0,0,.26) 46%, rgba(0,0,0,.38) 78%, rgba(0,0,0,.62) 88%, #000 100%),
    radial-gradient(ellipse 54% 42% at 34% 50%, rgba(0,0,0,.22) 0%, #000 78%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

/* Phones crop the artwork to a narrow slice, so ease it back further. */
@media (max-width: 760px) {
  .backdrop {
    background-size: 1180px auto, auto, auto;
    background-position: 62% 30%, center, center;
    -webkit-mask-image:
      linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.30) 13%, rgba(0,0,0,.30) 62%, rgba(0,0,0,.16) 90%, rgba(0,0,0,.06) 100%);
    mask-image:
      linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.30) 13%, rgba(0,0,0,.30) 62%, rgba(0,0,0,.16) 90%, rgba(0,0,0,.06) 100%);
  }
}

/* Glow that trails the pointer (injected by effects.js) */
.mouse-glow {
  position: fixed; z-index: 0; pointer-events: none;
  width: 620px; height: 620px; border-radius: 50%;
  background: radial-gradient(circle, rgba(201, 168, 76, 0.055) 0%, transparent 68%);
  transform: translate(-50%, -50%);
  transition: left 0.45s cubic-bezier(.2,.7,.3,1), top 0.45s cubic-bezier(.2,.7,.3,1);
  opacity: 0;
}
.mouse-glow.on { opacity: 1; }

/* Click ripple (injected by effects.js) */
.ripple {
  position: fixed; z-index: 90; pointer-events: none;
  border-radius: 50%; border: 1px solid var(--gold);
  animation: ripple-expand 0.75s cubic-bezier(.2,.7,.3,1) forwards;
}
@keyframes ripple-expand {
  0%   { width: 0;    height: 0;    opacity: 0.45; transform: translate(-50%, -50%); }
  100% { width: 90px; height: 90px; opacity: 0;    transform: translate(-50%, -50%); }
}

/* ==========================================================================
   Typography primitives
   ========================================================================== */

.eyebrow {
  font-size: 0.74rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--gold);
}
.eyebrow .num {
  font-family: var(--mono);
  font-weight: 400;
  color: var(--gold-dim);
  margin-right: 0.5rem;
}

.display {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(2.3rem, 5.6vw, 4.1rem);
  line-height: 1.08;
  letter-spacing: -0.025em;
  color: var(--cream-light);
  max-width: 19ch;
  text-wrap: balance;
}
.display em {
  font-style: italic;
  font-weight: 400;
  color: var(--gold-light);
}

.section-title {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  line-height: 1.22;
  letter-spacing: -0.015em;
  color: var(--cream-light);
  max-width: 26ch;
  text-wrap: balance;
}

.lede {
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.7;
  color: var(--text-2);
  max-width: 52ch;
  font-weight: 300;
}

.prose {
  font-size: 1rem;
  line-height: 1.75;
  color: var(--text-2);
  max-width: var(--measure);
  font-weight: 300;
}

/* ==========================================================================
   Header
   ========================================================================== */

.site-header {
  position: sticky; top: 0; z-index: 100;
  height: var(--header-h);
  display: flex; align-items: center;
  border-bottom: 1px solid transparent;
  transition: background 0.35s ease, border-color 0.35s ease, backdrop-filter 0.35s ease;
}
.site-header.scrolled {
  background: rgba(30, 41, 64, 0.78);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  border-bottom-color: var(--line-soft);
}

.site-header-inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 2rem;
}

.brand {
  display: inline-flex; align-items: center; gap: 0.7rem;
  text-decoration: none; color: inherit;
}
.brand-mark { color: var(--gold); flex-shrink: 0; }
.brand-text {
  font-family: var(--serif);
  font-size: 1.08rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--cream-light);
  white-space: nowrap;
}
.brand-suffix { color: var(--text-3); font-size: 0.82em; }

.site-nav { display: flex; align-items: center; gap: 1.9rem; }
@media (max-width: 1040px) { .site-nav { gap: 1.35rem; } }
.site-nav a {
  position: relative;
  white-space: nowrap;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: var(--text-3);
  text-decoration: none;
  padding-block: 0.4rem;
  transition: color 0.25s ease;
}
.site-nav a::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0;
  height: 1px; background: var(--gold);
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.3s cubic-bezier(.2,.7,.3,1);
}
.site-nav a:hover,
.site-nav a.active { color: var(--cream-light); }
.site-nav a.active::after,
.site-nav a:hover::after { transform: scaleX(1); }

/* ==========================================================================
   Hero
   ========================================================================== */

.hero {
  position: relative; z-index: 2;
  min-height: calc(100svh - var(--header-h));
  display: flex;
}
.hero-grid {
  display: flex;
  align-items: center;
  padding-block: clamp(3rem, 9vh, 6rem);
  width: 100%;
}
.hero-lead { max-width: 46rem; }
.hero-lead .eyebrow { margin-bottom: 1.6rem; }
.hero-lead .display { margin-bottom: 1.9rem; }

.hero-actions {
  display: flex; align-items: center; gap: 2rem;
  margin-top: 2.6rem; flex-wrap: wrap;
}

.link-gold, .link-quiet {
  font-size: 0.9rem; font-weight: 500; letter-spacing: 0.04em;
  text-decoration: none;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid;
  transition: color 0.25s ease, border-color 0.25s ease;
}
.link-gold  { color: var(--gold-light); border-bottom-color: rgba(201,168,76,0.35); }
.link-gold:hover  { color: var(--gold); border-bottom-color: var(--gold); }
.link-quiet { color: var(--text-3); border-bottom-color: transparent; }
.link-quiet:hover { color: var(--cream-light); border-bottom-color: var(--line-soft); }

/* ==========================================================================
   Sections
   ========================================================================== */

.section {
  position: relative; z-index: 2;
  padding-block: clamp(4rem, 9vw, 7rem);
  border-top: 1px solid var(--line-soft);
}

.section-grid {
  display: grid;
  grid-template-columns: var(--rail) minmax(0, 1fr);
  gap: 0 2rem;
  align-items: start;
}
.section-head { padding-top: 0.55rem; }
.section-body > * + * { margin-top: 1.4rem; }
.section-body .section-title + .prose { margin-top: 1.8rem; }

/* === Focus pillars === */
.pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}
.pillar {
  padding: 1.6rem 1.75rem 0.5rem 0;
  border-top: 1px solid var(--line);
  position: relative;
  transition: border-color 0.35s ease;
}
.pillar + .pillar { padding-left: 1.75rem; }
.pillar + .pillar::before {
  content: ''; position: absolute; left: 0; top: 1.6rem; bottom: 0.5rem;
  width: 1px; background: var(--line-soft);
}
.pillar:hover { border-top-color: var(--gold); }

.pillar-label {
  font-size: 0.74rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.2em;
  color: var(--gold);
  margin-bottom: 1.1rem;
}
.pillar-list { list-style: none; }
.pillar-list li {
  font-size: 0.97rem;
  line-height: 1.55;
  color: var(--text-2);
  padding-block: 0.36rem;
  font-weight: 300;
}

/* ==========================================================================
   Strategy spec table
   ========================================================================== */

.asof {
  font-family: var(--mono); font-size: 0.72rem;
  letter-spacing: 0.1em; color: var(--gold);
}
.section-body .section-title + .asof { margin-top: 1rem; }
.section-body .asof + .prose { margin-top: 1.6rem; }

.spec { border-top: 1px solid var(--line); }
.section-body > .spec { margin-top: 2.2rem; }

.spec-row {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 0.35rem 1.5rem;
  align-items: baseline;
  padding: 1.05rem 0;
  border-bottom: 1px solid var(--line-soft);
}

.spec-key {
  font-size: 0.74rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.2em;
  color: var(--gold);
}
.spec-val {
  font-size: 1rem; font-weight: 300; line-height: 1.55;
  color: var(--text-2);
}
.spec-val--ticks { display: flex; flex-wrap: wrap; gap: 0.5rem 2rem; }

.tick { display: inline-flex; align-items: baseline; gap: 0.55rem; }
.tick-name { color: var(--cream-light); font-weight: 400; }
.tick-code {
  font-family: var(--mono); font-size: 0.74rem;
  letter-spacing: 0.12em; color: var(--gold-dim);
}

/* ==========================================================================
   The Tape
   ========================================================================== */

.section-body > .tape { margin-top: 2.6rem; }

.tape {
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  background: rgba(32, 43, 68, 0.94);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.tape-head {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 1.5rem;
  padding: 1.15rem 1.4rem 1rem;
  border-bottom: 1px solid var(--line-soft);
  background: rgba(40, 53, 84, 0.70);
}

.tape-index {
  font-family: var(--mono); font-size: 0.7rem; letter-spacing: 0.16em;
  color: var(--gold-dim); margin-bottom: 0.5rem;
}
.tape-name {
  font-family: var(--serif); font-size: 1.15rem; font-weight: 500;
  color: var(--cream-light); line-height: 1.25; letter-spacing: -0.01em;
}
.tape-date {
  font-family: var(--mono); font-size: 0.72rem; letter-spacing: 0.1em;
  color: var(--gold); margin-top: 0.35rem;
}

.tape-nav { display: flex; gap: 0.5rem; flex-shrink: 0; }
.tape-btn {
  background: none; border: 1px solid var(--line);
  color: var(--gold); width: 34px; height: 34px; border-radius: 50%;
  cursor: pointer; font-size: 0.85rem; line-height: 1;
  display: flex; align-items: center; justify-content: center;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.tape-btn:hover { background: rgba(201, 168, 76, 0.1); border-color: var(--gold); color: var(--gold-light); }

.tape-desc {
  padding: 0.9rem 1.4rem;
  font-size: 0.87rem; line-height: 1.6;
  color: var(--text-2); font-weight: 300;
  border-bottom: 1px solid var(--line-soft);
  max-width: 78ch;
}

.tape-table-wrap { overflow-x: auto; }

.tape-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--mono);
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
}
.tape-table thead th {
  padding: 0.65rem 0.9rem;
  text-align: right;
  font-family: var(--sans);
  font-size: 0.67rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.13em;
  color: var(--text-3);
  border-bottom: 1px solid var(--line-soft);
  white-space: nowrap; user-select: none;
}
.tape-table th.col-contract, .tape-table td.col-contract { text-align: left; }
.tape-table td.col-contract {
  font-family: var(--sans); font-size: 0.87rem; font-weight: 500;
  color: var(--cream-light);
}
.tape-table tbody tr { transition: background 0.15s ease; }
.tape-table tbody tr:hover { background: rgba(201, 168, 76, 0.035); }
.tape-table tbody tr:last-child td { border-bottom: none; }
.tape-table tbody td {
  padding: 0.6rem 0.9rem;
  text-align: right;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  white-space: nowrap;
  color: var(--text-2);
}
.tape-table td.col-settle { color: var(--cream-light); font-weight: 500; }
.tape-table td.col-pct { font-size: 0.77rem; }
.tape-table td.col-volume { color: var(--text-3); }
.tape-table .positive { color: var(--up); }
.tape-table .negative { color: var(--down); }

@keyframes flash-up   { 0% { background: rgba(95, 211, 154, 0.18); } 100% { background: transparent; } }
@keyframes flash-down { 0% { background: rgba(240, 138, 138, 0.18); } 100% { background: transparent; } }
.flash-up   { animation: flash-up   0.55s ease-out; }
.flash-down { animation: flash-down 0.55s ease-out; }

.tape-foot {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1.4rem;
  border-top: 1px solid var(--line-soft);
}
.tape-dots { display: flex; gap: 0.45rem; }
.tape-dot {
  width: 22px; height: 3px; border-radius: 2px;
  background: rgba(232, 220, 200, 0.14);
  border: none; padding: 0; cursor: pointer;
  transition: background 0.3s ease;
}
.tape-dot:hover { background: rgba(201, 168, 76, 0.45); }
.tape-dot[aria-selected="true"] { background: var(--gold); }

.tape-note {
  font-family: var(--mono); font-size: 0.67rem;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--text-3);
}

/* ==========================================================================
   Pipeline diagram
   ========================================================================== */

/* Spans the numbered gutter as well as the text column, so the SVG renders
   at roughly 1:1 instead of being squeezed into the prose measure. */
.section-grid > .diagram { grid-column: 1 / -1; margin: 2.8rem 0 0; }

.diagram-scroll {
  overflow-x: auto;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(32, 43, 68, 0.94);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.dg {
  display: block;
  width: 100%;
  height: auto;
  min-width: 840px;   /* scrolls below this rather than shrinking the type */
}

/* Nodes: three tiers of emphasis, gold reserved for the decision path. */
.dg-box        { fill: rgba(42, 55, 87, 0.55); stroke: var(--line-soft); stroke-width: 1; }
.dg-box--proc  { fill: rgba(42, 55, 87, 0.85); stroke: var(--line); }
.dg-box--lead  { fill: rgba(201, 168, 76, 0.055); stroke: rgba(201, 168, 76, 0.38); }
.dg-box--qc    { stroke: var(--line); stroke-dasharray: 5 4; }
.dg-box--out   { fill: rgba(201, 168, 76, 0.085); stroke: rgba(201, 168, 76, 0.30); }

.dg-title {
  font-family: var(--sans); font-size: 14px; font-weight: 600;
  fill: var(--cream-light);
}
.dg-title--mono {
  font-family: var(--mono); font-size: 14.5px; font-weight: 500;
  fill: var(--gold-light);
}
.dg-item {
  font-family: var(--sans); font-size: 11.5px; font-weight: 300;
  fill: var(--text-2);
}
.dg-note {
  font-family: var(--mono); font-size: 9.5px;
  fill: var(--text-3); letter-spacing: 0.09em;
}
.dg-kicker {
  font-family: var(--mono); font-size: 9.5px;
  fill: var(--gold-dim); letter-spacing: 0.16em;
}
/* Halo so an edge label stays readable where it crosses its own wire. */
.dg-label {
  font-family: var(--mono); font-size: 9.5px;
  fill: var(--gold-dim); letter-spacing: 0.12em;
  paint-order: stroke fill;
  stroke: #212d46; stroke-width: 3px; stroke-linejoin: round;
}
.dg-label--loop { fill: var(--text-3); }

.dg-bus  { fill: none; stroke: rgba(201, 168, 76, 0.18); stroke-width: 1; }
.dg-edge { fill: none; stroke: rgba(201, 168, 76, 0.28); stroke-width: 1; }
.dg-edge--loop { stroke: rgba(232, 220, 200, 0.16); stroke-dasharray: 4 4; }
.dg-head { fill: rgba(201, 168, 76, 0.45); }
.dg-head--loop { fill: rgba(232, 220, 200, 0.22); }

.diagram-note {
  margin-top: 0.75rem;
  font-family: var(--mono); font-size: 0.67rem;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--text-3);
}
@media (min-width: 981px) { .diagram-note { display: none; } }

/* ==========================================================================
   Contact
   ========================================================================== */

.section-contact .section-body { padding-bottom: 1rem; }

.email {
  display: inline-block;
  font-family: var(--serif);
  font-size: clamp(1.3rem, 3vw, 1.9rem);
  font-weight: 400;
  color: var(--gold-light);
  text-decoration: none;
  letter-spacing: -0.01em;
  border-bottom: 1px solid rgba(201, 168, 76, 0.28);
  padding-bottom: 0.2rem;
  transition: color 0.25s ease, border-color 0.25s ease;
}
.email:hover { color: var(--gold); border-bottom-color: var(--gold); }

.contact-address {
  font-style: normal;              /* browsers italicise <address> by default */
  font-size: 0.88rem; line-height: 1.7;
  color: var(--text-3); letter-spacing: 0.02em;
}
.contact-name {
  display: block;
  color: var(--text-2); font-weight: 500;
  margin-bottom: 0.15rem;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.site-footer {
  position: relative; z-index: 2;
  border-top: 1px solid var(--line-soft);
  padding-block: 2.75rem 2.5rem;
  background: linear-gradient(180deg, transparent, rgba(27, 37, 57, 0.85));
}
.footer-inner { display: flex; flex-direction: column; gap: 1.5rem; }
.footer-top {
  display: flex; align-items: center; gap: 1.25rem;
  flex-wrap: wrap;
}
.footer-mark { color: var(--gold-dim); opacity: 0.65; flex-shrink: 0; }

.footer-links {
  display: flex; align-items: center; gap: 0.7rem;
  font-size: 0.8rem; color: var(--text-3);
  flex-wrap: wrap;
}
.footer-links .sep { color: var(--gold-dim); opacity: 0.45; }
.social { color: var(--text-3); display: inline-flex; transition: color 0.2s ease; }
.social:hover { color: var(--gold); }

.footer-disclaimer {
  font-size: 0.74rem;
  line-height: 1.65;
  color: var(--text-3);
  opacity: 0.75;
  max-width: 82ch;
}

/* ==========================================================================
   Reveal on scroll (only when JS is running, so no-JS still shows content)
   ========================================================================== */

.js .reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.75s cubic-bezier(.2,.7,.3,1), transform 0.75s cubic-bezier(.2,.7,.3,1);
}
.js .reveal.visible { opacity: 1; transform: none; }

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 900px) {
  :root { --rail: 0px; }

  .section-grid { grid-template-columns: minmax(0, 1fr); gap: 1.6rem; }
  .section-head { padding-top: 0; }

  .spec-row { grid-template-columns: minmax(0, 1fr); }

  .pillars { grid-template-columns: 1fr; }
  .pillar { padding: 1.4rem 0 1.1rem; }
  .pillar + .pillar { padding-left: 0; }
  .pillar + .pillar::before { display: none; }
  .pillar-list { display: flex; flex-wrap: wrap; gap: 0 1.5rem; }
}

@media (max-width: 680px) {

  .site-nav a { font-size: 0.72rem; letter-spacing: 0.03em; }

  .brand-text { font-size: 0.98rem; }

  .hero-grid { gap: 2.25rem; }
  .hero-actions { gap: 1.25rem; margin-top: 2rem; }

  .tape-head { gap: 1rem; padding: 1rem 1.1rem 0.9rem; }
  .tape-name { font-size: 1.02rem; }
  .tape-btn { width: 30px; height: 30px; font-size: 0.78rem; }
  .tape-desc { padding: 0.8rem 1.1rem; font-size: 0.78rem; }
  /* Eight dots and the label do not fit side by side at this width. */
  .tape-foot {
    flex-direction: column; align-items: flex-start;
    gap: 0.7rem; padding: 0.8rem 1.1rem;
  }
  .tape-dot { width: 18px; }
  .tape-table thead th, .tape-table tbody td { padding-inline: 0.7rem; }
}

/* Below 820px the header stacks: brand on top, then a horizontally
   scrollable tab strip. Nothing is hidden — every section stays reachable
   on a phone, which is the point of having them. */
@media (max-width: 820px) {
  :root { --header-h: 76px; }   /* measured, not guessed */

  .site-header { height: auto; }
  .site-header-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
    padding-block: 0.7rem 0;
  }

  /* Wrap onto as many rows as it takes rather than scrolling sideways —
     six tabs need 463px of a 375px screen, so one row was never going to fit. */
  .site-nav {
    flex-wrap: wrap;
    gap: 0.5rem 1.15rem;
    padding-bottom: 0.55rem;
  }
  .site-nav a { font-size: 0.8rem; padding-block: 0.15rem; }
  .site-nav a::after { bottom: -0.05rem; }
}

/* Below ~470px the six tabs wrap onto a second row, making the sticky header
   taller. Must come after the 820px block to win the cascade. Both measured. */
@media (max-width: 470px) {
  :root { --header-h: 102px; }
}

/* ==========================================================================
   Motion preferences
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
  .js .reveal { opacity: 1; transform: none; }
  .mouse-glow, .ripple { display: none !important; }
}