/* E5 A/B/C VARIANT LAYERS — DAG warroom-website-overhaul-abc-2026-0619
   Alpha = control (no overrides). Beta = conversion polish. Charlie = radically bold Black-First. */

/* ============ BETA — "The Funnel" (conversion-optimized, same brand DNA) ============ */
html[data-variant="beta"] {
  --e5-cta: #c9a84c;
}
/* one dominant CTA: dim secondary nav CTAs, amplify primary */
html[data-variant="beta"] .btn-primary, html[data-variant="beta"] a.cta-primary {
  box-shadow: 0 0 0 2px rgba(201,168,76,.35), 0 8px 28px rgba(201,168,76,.22);
  transform: translateZ(0);
  animation: e5beta-pulse 2.6s ease-in-out infinite;
}
@keyframes e5beta-pulse { 0%,100%{box-shadow:0 0 0 2px rgba(201,168,76,.30),0 8px 24px rgba(201,168,76,.18)} 50%{box-shadow:0 0 0 3px rgba(201,168,76,.55),0 12px 34px rgba(201,168,76,.34)} }
/* sticky bottom CTA bar (injected by variant.js) */
html[data-variant="beta"] #e5-sticky-cta {
  position: fixed; left:0; right:0; bottom:0; z-index:9000;
  background: #0b0b0d; border-top: 1px solid rgba(201,168,76,.4);
  padding: 12px 16px; display:flex; gap:12px; align-items:center; justify-content:center;
  font-family: inherit; color:#f4f1e8;
}
html[data-variant="beta"] #e5-sticky-cta a {
  background:#c9a84c; color:#0b0b0d; padding:10px 20px; border-radius:6px; font-weight:700; text-decoration:none;
}
/* live supporter counter chip */
html[data-variant="beta"] #e5-proof { color:#c9a84c; font-weight:700; }

@media (prefers-reduced-motion: reduce) {
  html[data-variant="beta"] .btn-primary{animation:none}
}

/* ============ BETA — EXIT-INTENT RECOVERY MODAL (funnel return path, SOP 13) ============ */
#e5-exit-ov {
  position:fixed; inset:0; z-index:10000; background:rgba(8,8,10,.78);
  display:flex; align-items:center; justify-content:center; padding:24px;
  animation:e5fade .25s ease;
}
@keyframes e5fade { from{opacity:0} to{opacity:1} }
#e5-exit-card {
  background:#fbf9f3; color:#161616; max-width:440px; width:100%; border-radius:14px;
  padding:36px 32px 28px; position:relative; box-shadow:0 24px 80px rgba(0,0,0,.5);
  border-top:4px solid #c9a84c; animation:e5pop .3s cubic-bezier(.2,.9,.3,1.2);
}
@keyframes e5pop { from{transform:translateY(16px) scale(.97);opacity:0} to{transform:none;opacity:1} }
#e5-exit-card .e5-exit-eyebrow { font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:#9a7b1f; margin:0 0 8px; font-weight:700; }
#e5-exit-card h3 { font-size:1.55rem; line-height:1.15; margin:0 0 12px; font-weight:700; }
#e5-exit-card .e5-exit-body { font-size:1rem; line-height:1.5; color:#3a3a3a; margin:0 0 20px; }
#e5-exit-cta {
  display:block; text-align:center; background:#c9a84c; color:#0b0b0d; font-weight:700;
  padding:14px 20px; border-radius:8px; text-decoration:none; font-size:1.05rem;
}
#e5-exit-cta:hover { background:#d8b757; }
#e5-exit-dismiss {
  display:block; width:100%; margin-top:10px; background:none; border:none; color:#777;
  font-size:.9rem; cursor:pointer; padding:8px; text-decoration:underline;
}
#e5-exit-x { position:absolute; top:12px; right:14px; background:none; border:none; font-size:1.6rem; line-height:1; color:#999; cursor:pointer; }
#e5-exit-x:hover { color:#161616; }


/* ================= E5 CANONICAL vc- EDITORIAL COMPONENTS (shared interior) — injected 2026-07-01 ================= */
/* ============================================================
     Tokens — semantic, palette-aware.
     [data-palette="editorial"]  → cream + oxblood (canonical)
     [data-palette="original"]   → parchment + forest + gold (E5)
     ============================================================ */
  :root {
    --vc-display: "Cormorant Garamond", "Playfair Display", "Times New Roman", serif;
    --vc-text: "Inter", "Helvetica Neue", sans-serif;
  }
  html[data-palette="editorial"], html:not([data-palette]) {
    --vc-bone: #f4eee2; --vc-bone-2: #ebe3d1; --vc-bone-3: #e2d8c2;
    --vc-ink: #0a0908; --vc-ink-2: #1f1c18; --vc-ink-3: #3a342c;
    --vc-oxblood: #6d1f20; --vc-oxblood-2: #4a1416;
    --vc-gold: #a8884a; --vc-gold-2: #c4a468;
    --vc-muted: #6b6457; --vc-muted-2: #8a8270;
    --vc-rule: rgba(10,9,8,0.14); --vc-rule-2: rgba(10,9,8,0.32); --vc-rule-3: rgba(10,9,8,0.62);
    --vc-bone-rgb: 244,238,226;
    --vc-ink-rgb: 10,9,8;
  }
  html[data-palette="original"] {
    /* Parchment ground, deep forest ink, gold ochre accent. */
    --vc-bone: #e2dbd3; --vc-bone-2: #d6cdc1; --vc-bone-3: #c8bdab;
    --vc-ink: #010101; --vc-ink-2: #181818; --vc-ink-3: #2a2a2a;
    /* Eyebrow/accent: forest green; secondary accent: gold ochre. */
    --vc-oxblood: #293d1b; --vc-oxblood-2: #1a2a10;
    --vc-gold: #b7954d; --vc-gold-2: #cda965;
    --vc-muted: #727272; --vc-muted-2: #555555;
    --vc-rule: rgba(1,1,1,0.16); --vc-rule-2: rgba(1,1,1,0.32); --vc-rule-3: rgba(1,1,1,0.62);
    --vc-bone-rgb: 226,219,211;
    --vc-ink-rgb: 1,1,1;
  }
  * { box-sizing: border-box; }
  html, body {
    margin: 0; padding: 0;
    background: var(--vc-bone); color: var(--vc-ink);
    font-family: var(--vc-text); font-size: 14px; line-height: 1.55;
    font-feature-settings: "kern" 1, "liga" 1; -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  img { max-width: 100%; display: block; }
  a { color: inherit; text-decoration: none; }

  /* Modern type balancing — Chrome 114+ / Firefox 121+ / Safari 17.5+ */
  .vc-cover-h, .vc-feat-h, .vc-pillars-h, .vc-r246-h, .vc-record-h, .vc-contrib-h,
  .vc-letter-body h2, .vc-foundation-mark, .vc-foundation-credo,
  .vc-pillar .name, .vc-record-card .title, .vc-value-row .name {
    text-wrap: balance;
  }

  .vc-orn-rule { display: flex; align-items: center; gap: 14px; color: var(--vc-rule-3); }
  .vc-orn-rule::before, .vc-orn-rule::after { content: ""; flex: 1; height: 1px; background: currentColor; }
  .vc-orn-rule .mk { font-family: var(--vc-display); font-style: italic; font-size: 18px; color: var(--vc-oxblood); line-height: 1; }

  /* ===== Accessibility primitives ===== */
  .vc-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; }
  .vc-skip { position: absolute; left: -9999px; top: 0;
    background: var(--vc-ink); color: var(--vc-bone);
    padding: 12px 20px; font-family: var(--vc-text); font-size: 11px;
    letter-spacing: 0.36em; text-transform: uppercase; font-weight: 600;
    z-index: 100; text-decoration: none; }
  .vc-skip:focus { left: 16px; top: 16px; }

  /* ===== JOIN ===== */
  .vc-join { padding: 96px 56px; background: var(--vc-bone); border-bottom: 1px solid var(--vc-rule-3); text-align: center; }
  .vc-join-rubric { font-size: 10px; letter-spacing: 0.5em; text-transform: uppercase; color: var(--vc-oxblood); font-weight: 600; margin-bottom: 22px; }
  .vc-join-h { font-family: var(--vc-display); font-weight: 400; font-size: clamp(44px, 5.4vw, 84px); line-height: 0.98; letter-spacing: -0.024em; margin: 0 auto 24px; max-width: 18ch; }
  .vc-join-h em { font-style: italic; color: var(--vc-oxblood); }
  .vc-join-deck { font-family: var(--vc-display); font-style: italic; font-size: 20px; color: var(--vc-ink-2); line-height: 1.5; margin: 0 auto 36px; max-width: 56ch; }
  .vc-join-cta { display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; align-items: center; }
  @media (max-width: 720px) { .vc-join { padding: 64px 24px; } }

  /* h1 styled identically to the foundation mark — visual unchanged */
  h1.vc-foundation-mark { font-family: var(--vc-display); font-weight: 500;
    font-size: clamp(56px, 10vw, 156px); letter-spacing: 0.40em;
    text-transform: uppercase; color: var(--vc-bone);
    margin: 0; padding-left: 0.40em; line-height: 1; position: relative; }

  /* ===== MASTHEAD ===== */
  .vc-masthead { padding: 56px 56px 0; text-align: center; position: relative; overflow: hidden; }

  /* Tiny rule + ornament above the wordmark unit. */
  .vc-masthead-rule {
    display: flex; align-items: center; justify-content: center; gap: 18px;
    max-width: 460px; margin: 0 auto 28px;
    color: var(--vc-rule-3);
  }
  .vc-masthead-rule::before, .vc-masthead-rule::after {
    content: ""; flex: 1; height: 1px; background: currentColor;
  }
  .vc-masthead-rule .mk {
    font-family: var(--vc-display); font-style: italic; font-size: 18px;
    color: var(--vc-oxblood); line-height: 1;
  }
  .vc-masthead-eyebrow {
    font-family: var(--vc-text); font-size: 9.5px;
    letter-spacing: 0.5em; text-transform: uppercase;
    color: var(--vc-ink); font-weight: 600; padding-left: 0.5em;
    margin-bottom: 32px;
  }

  /* ============================================================
     FOUNDATION — the unified wordmark plinth.
     E5 mark and ENCLAVE composed as one optical unit.
     ENCLAVE is the dominant form; E5 is the seal that opens it.
     ============================================================ */
  .vc-foundation {
    --gleam-x: 50%;
    background:
      radial-gradient(ellipse 55% 80% at var(--gleam-x) 50%, rgba(196, 164, 104, 0.18), transparent 70%),
      var(--vc-ink);
    color: var(--vc-bone);
    padding: 56px 56px 48px;
    margin: 0 -56px;
    text-align: center;
    position: relative;
    border-top: 2px solid var(--vc-oxblood);
    border-bottom: 1.5px solid var(--vc-ink);
    transition: --gleam-x .25s ease;
  }
  @property --gleam-x { syntax: '<percentage>'; initial-value: 50%; inherits: false; }
  .vc-foundation::before, .vc-foundation::after {
    content: ""; position: absolute; left: 0; right: 0;
    height: 1px; background: rgba(var(--vc-bone-rgb),0.18);
    pointer-events: none;
  }
  .vc-foundation::before { top: 18px; }
  .vc-foundation::after { bottom: 18px; }

  /* Wordmark unit — E5 + ENCLAVE composed tight. */
  .vc-wordmark {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 0;
    margin: 0;
    line-height: 1;
    font-family: var(--vc-display);
    font-weight: 500;
  }
  .vc-wordmark .em5 {
    font-style: italic;
    font-weight: 400;
    color: var(--vc-gold-2);
    font-size: clamp(64px, 11vw, 172px);
    letter-spacing: -0.02em;
    line-height: 0.92;
    margin-right: clamp(10px, 1.4vw, 22px);
    /* sit slightly higher so cap-height aligns with ENCLAVE x-height crown */
    transform: translateY(-0.04em);
  }
  .vc-wordmark .word {
    font-size: clamp(64px, 13.4vw, 210px);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--vc-bone);
    padding-left: 0.18em;
    line-height: 0.92;
    /* subtle highlight that catches the gleam — preserved */
    background: linear-gradient(180deg,
      rgba(var(--vc-bone-rgb),1.0) 0%,
      rgba(var(--vc-bone-rgb),0.92) 60%,
      rgba(var(--vc-bone-rgb),0.78) 100%);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
  }

  /* Tagline — co-equal to the wordmark. Distinct face, breathing color. */
  .vc-tagline {
    font-family: var(--vc-display);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(18px, 2.1vw, 30px);
    color: var(--vc-gold-2);
    letter-spacing: 0.005em;
    line-height: 1.35;
    max-width: 28ch;
    margin: 28px auto 0;
  }
  .vc-tagline .ll { color: var(--vc-bone); font-style: italic; }
  .vc-tagline .cw { color: var(--vc-bone); font-style: italic; }

  /* Three founding dates — equal weight, ruled apart. */
  .vc-dates {
    margin: 36px auto 0;
    display: inline-flex;
    gap: 0;
    align-items: stretch;
    flex-wrap: wrap; justify-content: center;
    border-top: 1px solid rgba(var(--vc-bone-rgb),0.20);
    border-bottom: 1px solid rgba(var(--vc-bone-rgb),0.20);
  }
  .vc-date {
    padding: 14px 28px;
    border-right: 1px solid rgba(var(--vc-bone-rgb),0.16);
    text-align: center;
    min-width: 0;
  }
  .vc-date:last-child { border-right: 0; }
  .vc-date .lbl {
    display: block;
    font-family: var(--vc-text);
    font-size: 8.5px;
    letter-spacing: 0.42em;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(var(--vc-bone-rgb),0.55);
    margin-bottom: 6px;
  }
  .vc-date .val {
    font-family: var(--vc-display);
    font-style: italic;
    font-size: clamp(15px, 1.3vw, 19px);
    color: var(--vc-bone);
    letter-spacing: 0.01em;
    line-height: 1.15;
  }
  .vc-date .val em { color: var(--vc-gold-2); font-style: italic; }

  /* Colophon line — oblique reverence, no explicit citation. */
  .vc-foundation-colophon {
    margin-top: 28px;
    font-family: var(--vc-display);
    font-style: italic;
    font-size: 13.5px;
    color: rgba(var(--vc-bone-rgb),0.62);
    letter-spacing: 0.015em;
    line-height: 1.55;
    max-width: 56ch;
    margin-left: auto; margin-right: auto;
  }
  .vc-foundation-colophon .center { color: var(--vc-gold-2); font-style: italic; }

  @media (max-width: 720px) {
    .vc-wordmark { flex-direction: column; gap: 4px; }
    .vc-wordmark .em5 { margin-right: 0; transform: none; }
    .vc-wordmark .word { padding-left: 0; }
    .vc-date { padding: 12px 16px; }
  }

  /* ============================================================
     COUNTER BAND — institutional accounting, beneath the hero.
     ============================================================ */
  .vc-counter {
    background: var(--vc-bone-2);
    border-bottom: 1px solid var(--vc-rule-3);
    padding: 28px 56px;
  }
  .vc-counter-grid {
    max-width: 1280px; margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 24px;
  }
  .vc-counter-cell { text-align: center; }
  .vc-counter-lbl {
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: 9px; letter-spacing: 0.32em; text-transform: uppercase;
    color: var(--vc-muted); font-weight: 500;
    margin-bottom: 6px;
  }
  .vc-counter-num {
    font-family: var(--vc-display);
    font-weight: 400;
    font-size: clamp(36px, 4.4vw, 56px);
    line-height: 0.95;
    color: var(--vc-ink);
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums lining-nums;
    transition: color .35s ease;
  }
  .vc-counter-num.tick { color: var(--vc-oxblood); }
  .vc-counter-meta {
    font-family: var(--vc-display); font-style: italic;
    font-size: 13px; color: var(--vc-muted);
    margin-top: 6px;
  }
  .vc-counter-orn {
    width: 1px; height: 56px; background: var(--vc-rule-2);
    align-self: center; justify-self: center;
  }
  @media (max-width: 720px) {
    .vc-counter-grid { grid-template-columns: 1fr; gap: 18px; }
    .vc-counter-orn { width: 56px; height: 1px; }
  }

  /* ============================================================
     PALETTE TOGGLE — discreet, top-right of nav.
     ============================================================ */
  .vc-palette-toggle {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 6px;
    border: 1px solid var(--vc-rule-2);
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
    margin-left: 8px;
  }
  .vc-palette-toggle:hover { border-color: var(--vc-ink); }
  .vc-palette-toggle .sw {
    width: 14px; height: 14px; border-radius: 50%;
    border: 1px solid rgba(var(--vc-ink-rgb),0.35);
    transition: transform .2s ease;
  }
  .vc-palette-toggle .sw-edit { background: linear-gradient(135deg, #f4eee2 0 50%, #6d1f20 50% 100%); }
  .vc-palette-toggle .sw-orig { background: linear-gradient(135deg, #e2dbd3 0 50%, #293d1b 50% 100%); }
  html[data-palette="editorial"] .vc-palette-toggle .sw-edit,
  html:not([data-palette]) .vc-palette-toggle .sw-edit { transform: scale(1.18); border-color: var(--vc-oxblood); }
  html[data-palette="original"] .vc-palette-toggle .sw-orig { transform: scale(1.18); border-color: var(--vc-oxblood); }

  /* ===== NAV ===== */
  .vc-nav { display: flex; gap: 44px; justify-content: center; padding: 18px 56px; flex-wrap: wrap;
    border-bottom: 1.5px solid var(--vc-ink); font-size: 10.5px; letter-spacing: 0.42em;
    text-transform: uppercase; font-weight: 500; background: var(--vc-bone);
    position: sticky; top: 0; z-index: 50; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
  .vc-nav a { color: var(--vc-ink); padding: 4px 0; transition: color .2s ease; }
  .vc-nav a:hover { color: var(--vc-oxblood); }
  .vc-nav .sep { width: 4px; height: 4px; border-radius: 50%; background: var(--vc-oxblood); align-self: center; opacity: 0.7; }

  /* ===== COVER ===== */
  .vc-cover { padding: 88px 56px 96px; display: grid; grid-template-columns: 260px 1fr;
    gap: 72px; border-bottom: 1px solid var(--vc-rule-3); position: relative;
    max-width: 1480px; margin: 0 auto; }
  .vc-cover-rail { display: flex; flex-direction: column; gap: 28px; }
  .vc-cover-rail .vol { font-family: var(--vc-display); font-size: 96px; font-style: italic;
    color: var(--vc-oxblood); line-height: 0.82; letter-spacing: -0.05em; margin: 0; }
  .vc-cover-rail hr { border: 0; border-top: 1px solid var(--vc-ink); margin: 0; width: 48px; }
  .vc-cover-rail .meta-block { font-size: 9.5px; letter-spacing: 0.36em; text-transform: uppercase;
    line-height: 1.8; color: var(--vc-muted); }
  .vc-cover-rail .meta-block em { font-family: var(--vc-display); font-style: italic; font-size: 19px;
    letter-spacing: 0.01em; text-transform: none; color: var(--vc-ink); display: block; margin-top: 6px; }
  .vc-cover-rail .feature-list { font-size: 9.5px; letter-spacing: 0.32em; text-transform: uppercase;
    color: var(--vc-muted); line-height: 1.4; display: flex; flex-direction: column; gap: 2px; }
  .vc-cover-rail .feature-list .head { margin-bottom: 8px; }
  .vc-cover-rail .feature-list em { color: var(--vc-ink); font-style: italic;
    font-family: var(--vc-display); font-size: 18px; text-transform: none; letter-spacing: 0.005em;
    line-height: 1.3; padding: 6px 0; border-bottom: 1px solid var(--vc-rule); display: block; }
  .vc-cover-rail .feature-list em:last-child { border-bottom: 0; }
  .vc-cover-rail .feature-list em .pg { float: right; font-family: var(--vc-text); font-style: normal;
    font-size: 10px; letter-spacing: 0.18em; color: var(--vc-muted); padding-top: 6px; }
  .vc-cover-rubric { display: inline-flex; align-items: baseline; gap: 12px; font-size: 10px;
    letter-spacing: 0.5em; text-transform: uppercase; color: var(--vc-oxblood); font-weight: 600; margin-bottom: 32px; }
  .vc-cover-rubric::before { content: ""; width: 32px; height: 1px; background: var(--vc-oxblood); align-self: center; }
  .vc-cover-h { font-family: var(--vc-display); font-weight: 400;
    font-size: clamp(54px, 7vw, 132px); line-height: 0.92; letter-spacing: -0.034em;
    margin: 0 0 36px; color: var(--vc-ink); }
  .vc-cover-h em { font-style: italic; color: var(--vc-oxblood); }
  .vc-cover-deck { font-family: var(--vc-display); font-size: clamp(20px, 1.8vw, 26px); font-style: italic;
    line-height: 1.42; color: var(--vc-ink-2); margin: 0 0 44px; max-width: 640px;
    padding-left: 28px; border-left: 1.5px solid var(--vc-oxblood); letter-spacing: 0.002em; }
  .vc-cover-byline { font-size: 9.5px; letter-spacing: 0.36em; text-transform: uppercase;
    color: var(--vc-muted); padding-top: 22px; border-top: 1px solid var(--vc-rule-2);
    display: flex; gap: 44px; flex-wrap: wrap; }
  .vc-cover-byline em { font-family: var(--vc-display); font-style: italic; font-size: 16px;
    color: var(--vc-ink); letter-spacing: 0.01em; text-transform: none; display: block; margin-top: 6px; }

  /* ===== FEATURE COLUMNS (Mission) ===== */
  .vc-feat { padding: 96px 56px 104px; border-bottom: 1px solid var(--vc-rule-3); background: var(--vc-bone); }
  .vc-feat-orn { max-width: 520px; margin: 0 auto 28px; }
  .vc-feat-rubric { font-size: 10px; letter-spacing: 0.5em; text-transform: uppercase;
    color: var(--vc-oxblood); font-weight: 600; text-align: center; margin-bottom: 28px; }
  .vc-feat-h { font-family: var(--vc-display); font-weight: 400;
    font-size: clamp(40px, 5vw, 80px); line-height: 0.98; letter-spacing: -0.022em;
    margin: 0 auto 72px; text-align: center; max-width: 18ch; color: var(--vc-ink); }
  .vc-feat-h em { font-style: italic; color: var(--vc-oxblood); }
  .vc-feat-cols { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0;
    border-top: 1px solid var(--vc-ink); max-width: 1180px; margin: 0 auto; }
  .vc-feat-col { padding: 44px 36px 8px; border-right: 1px solid var(--vc-rule-2); position: relative; }
  .vc-feat-col:last-child { border-right: 0; }
  .vc-feat-col h3 { font-size: 9.5px; letter-spacing: 0.5em; text-transform: uppercase;
    color: var(--vc-oxblood); margin: 0 0 22px; font-weight: 600; }
  .vc-feat-col h3 .roman { font-family: var(--vc-display); font-style: italic; font-size: 22px;
    letter-spacing: 0; color: var(--vc-ink); margin-right: 10px; vertical-align: -2px; }
  .vc-feat-col p { font-family: var(--vc-display); font-size: 20px; line-height: 1.48;
    color: var(--vc-ink); margin: 0 0 16px; letter-spacing: 0.002em; }
  .vc-feat-col p em { color: var(--vc-oxblood); font-style: italic; }
  .vc-feat-col p.drop::first-letter {
    font-family: var(--vc-display); font-style: italic; font-weight: 400;
    font-size: 88px; float: left; line-height: 0.78;
    padding: 8px 12px 0 0; color: var(--vc-oxblood);
  }

  /* ===== LETTER FROM THE FOUNDER ===== */
  .vc-letter { padding: 120px 56px; background: var(--vc-bone); border-bottom: 1px solid var(--vc-rule-3); }
  .vc-letter-grid { display: grid; grid-template-columns: 280px 1fr; gap: 80px; max-width: 1180px; margin: 0 auto; align-items: start; }
  .vc-letter-side { display: flex; flex-direction: column; gap: 18px; padding-top: 8px; }
  .vc-letter-rubric { font-size: 9.5px; letter-spacing: 0.5em; text-transform: uppercase; color: var(--vc-oxblood); font-weight: 600; }
  .vc-letter-side .dept { font-family: var(--vc-display); font-style: italic; font-size: 28px; color: var(--vc-ink); line-height: 1.05; letter-spacing: -0.01em; margin: 0; }
  .vc-letter-side .pg { font-size: 9.5px; letter-spacing: 0.36em; text-transform: uppercase; color: var(--vc-muted); padding-top: 14px; margin-top: auto; border-top: 1px solid var(--vc-rule-2); }
  .vc-letter-body { padding-left: 32px; border-left: 1px solid var(--vc-rule-2); }
  .vc-letter-rubric-2 { font-size: 9.5px; letter-spacing: 0.42em; text-transform: uppercase; color: var(--vc-muted); margin-bottom: 14px; }
  .vc-letter-body h2 { font-family: var(--vc-display); font-weight: 400;
    font-size: clamp(40px, 4.6vw, 64px); line-height: 1.0; letter-spacing: -0.024em;
    margin: 0 0 28px; color: var(--vc-ink); }
  .vc-letter-body h2 em { font-style: italic; color: var(--vc-oxblood); }
  .vc-letter-body p { font-family: var(--vc-display); font-size: 19px; line-height: 1.6;
    color: var(--vc-ink); margin: 0 0 18px; max-width: 60ch; }
  .vc-letter-body p.first::first-letter { font-family: var(--vc-display); font-style: italic;
    font-weight: 400; font-size: 96px; float: left; line-height: 0.78;
    padding: 10px 14px 0 0; color: var(--vc-oxblood); }
  .vc-letter-body p em { color: var(--vc-oxblood); font-style: italic; }
  .vc-letter-sign { margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--vc-rule-2);
    display: flex; flex-direction: column; gap: 6px; }
  .vc-letter-sign .signature { font-family: "Cormorant Garamond", "Brush Script MT", cursive;
    font-style: italic; font-size: 36px; color: var(--vc-oxblood); line-height: 1; letter-spacing: -0.01em; }
  .vc-letter-sign .name-block { font-size: 9.5px; letter-spacing: 0.36em; text-transform: uppercase;
    color: var(--vc-muted); margin-top: 6px; }
  .vc-letter-sign .name-block em { font-family: var(--vc-display); font-style: italic; font-size: 14px;
    color: var(--vc-ink); letter-spacing: 0.01em; text-transform: none; display: block; margin-top: 2px; }

  /* ===== VALUES ===== */
  .vc-values { padding: 96px 56px; background: var(--vc-ink); color: var(--vc-bone); border-bottom: 1px solid var(--vc-ink); }
  .vc-values-head { display: grid; grid-template-columns: 1fr 1fr; gap: 64px;
    max-width: 1180px; margin: 0 auto 64px; align-items: end; }
  .vc-values-head .lhs .rubric { font-size: 10px; letter-spacing: 0.5em; text-transform: uppercase;
    color: var(--vc-gold-2); font-weight: 600; margin-bottom: 18px; display: block; }
  .vc-values-head h2 { font-family: var(--vc-display); font-weight: 400;
    font-size: clamp(40px, 5.2vw, 88px); line-height: 0.96; letter-spacing: -0.022em;
    margin: 0; color: var(--vc-bone); }
  .vc-values-head h2 em { color: var(--vc-gold-2); font-style: italic; }
  .vc-values-head .rhs { font-family: var(--vc-display); font-style: italic; font-size: 19px;
    line-height: 1.5; color: rgba(244,238,226,0.72); padding-left: 28px;
    border-left: 1px solid rgba(244,238,226,0.22); max-width: 48ch; }
  .vc-values-list { max-width: 1180px; margin: 0 auto; border-top: 1px solid rgba(244,238,226,0.22); }
  .vc-value-row { display: grid; grid-template-columns: 70px 1fr 1.6fr; gap: 40px;
    padding: 32px 0; border-bottom: 1px solid rgba(244,238,226,0.14); align-items: baseline; }
  .vc-value-row .num { font-family: var(--vc-display); font-style: italic; font-size: 30px;
    color: var(--vc-gold-2); line-height: 1; letter-spacing: 0; }
  .vc-value-row .name { font-family: var(--vc-display); font-size: 30px; line-height: 1.05;
    color: var(--vc-bone); letter-spacing: -0.005em; }
  .vc-value-row .body { font-family: var(--vc-text); font-size: 14px; line-height: 1.65;
    color: rgba(244,238,226,0.78); max-width: 60ch; }

  /* ===== PILLARS ===== */
  .vc-pillars { padding: 104px 56px; background: var(--vc-bone-2); border-bottom: 1px solid var(--vc-rule-3); }
  .vc-pillars-orn { max-width: 520px; margin: 0 auto 24px; }
  .vc-pillars-rubric { font-size: 10px; letter-spacing: 0.5em; text-transform: uppercase;
    color: var(--vc-oxblood); margin-bottom: 18px; text-align: center; font-weight: 600; }
  .vc-pillars-h { font-family: var(--vc-display); font-weight: 400;
    font-size: clamp(48px, 6.4vw, 104px); line-height: 0.94; letter-spacing: -0.026em;
    margin: 0 auto 72px; text-align: center; color: var(--vc-ink); max-width: 17ch; }
  .vc-pillars-h em { font-style: italic; color: var(--vc-oxblood); }
  .vc-pillars-grid { display: grid; grid-template-columns: repeat(5, 1fr);
    border-top: 1.5px solid var(--vc-ink); border-bottom: 1.5px solid var(--vc-ink); background: var(--vc-bone);
    max-width: 1320px; margin: 0 auto; }
  .vc-pillar { padding: 36px 24px 32px; border-right: 1px solid var(--vc-rule-2);
    display: flex; flex-direction: column; gap: 14px; min-height: 360px; }
  .vc-pillar:last-child { border-right: 0; }
  .vc-pillar .num { font-family: var(--vc-display); font-style: italic; font-size: 44px;
    color: var(--vc-oxblood); line-height: 1; margin-bottom: 4px; letter-spacing: -0.01em; }
  .vc-pillar .name { font-family: var(--vc-display); font-size: 30px; line-height: 1.02;
    color: var(--vc-ink); letter-spacing: -0.008em; }
  .vc-pillar .body { font-size: 13px; line-height: 1.6; color: var(--vc-ink-3); }
  .vc-pillar .flag { margin-top: auto; padding-top: 18px; border-top: 1px solid var(--vc-rule-2);
    font-size: 9px; letter-spacing: 0.36em; text-transform: uppercase; color: var(--vc-muted); line-height: 1.6; }
  .vc-pillar .flag em { font-family: var(--vc-display); font-style: italic; font-size: 16px;
    color: var(--vc-oxblood); letter-spacing: 0.01em; text-transform: none; display: block; margin-top: 4px; }

  /* ===== R246 ===== */
  .vc-r246 { padding: 120px 56px; background: var(--vc-bone); border-bottom: 1px solid var(--vc-rule-3); }
  .vc-r246-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 80px;
    max-width: 1280px; margin: 0 auto; align-items: start; }
  .vc-r246-rubric { font-size: 10px; letter-spacing: 0.5em; text-transform: uppercase;
    color: var(--vc-oxblood); font-weight: 600; margin-bottom: 18px; }
  .vc-r246-h { font-family: var(--vc-display); font-weight: 400;
    font-size: clamp(56px, 8.4vw, 144px); line-height: 0.86; letter-spacing: -0.038em;
    margin: 0 0 32px; color: var(--vc-ink); }
  .vc-r246-h em { font-style: italic; color: var(--vc-oxblood); }
  .vc-r246-deck { font-family: var(--vc-display); font-size: clamp(19px, 1.8vw, 24px); font-style: italic;
    line-height: 1.45; color: var(--vc-ink-2); margin: 0 0 36px; max-width: 56ch;
    padding-left: 24px; border-left: 1.5px solid var(--vc-oxblood); }
  .vc-r246-body { font-size: 14px; line-height: 1.7; color: var(--vc-ink-3); margin: 0 0 24px; max-width: 58ch; }
  .vc-mech { background: var(--vc-ink); color: var(--vc-bone); padding: 48px 40px; position: sticky; top: 88px; }
  .vc-mech .label { font-size: 9.5px; letter-spacing: 0.5em; text-transform: uppercase;
    color: var(--vc-gold-2); font-weight: 600; margin-bottom: 14px; }
  .vc-mech .num { font-family: var(--vc-display); font-size: clamp(96px, 14vw, 168px);
    line-height: 0.84; color: var(--vc-bone); margin: 4px 0 8px; letter-spacing: -0.04em; font-weight: 400; }
  .vc-mech .num .t { color: var(--vc-gold-2); font-style: italic; }
  .vc-mech .tag { font-family: var(--vc-display); font-style: italic; font-size: 19px;
    color: var(--vc-gold-2); margin-bottom: 24px; letter-spacing: 0.01em; }
  .vc-mech .body { font-size: 13.5px; line-height: 1.65; color: rgba(244,238,226,0.78); margin: 0 0 28px; }
  .vc-mech hr { border: 0; border-top: 1px solid rgba(244,238,226,0.22); margin: 0 0 22px; }
  .vc-mech .attr { display: flex; flex-direction: column; gap: 12px; margin-bottom: 0; }
  .vc-mech .attr-row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
  .vc-mech .attr-row dt { font-size: 9px; letter-spacing: 0.36em; text-transform: uppercase;
    color: rgba(244,238,226,0.5); font-weight: 500; }
  .vc-mech .attr-row dd { font-family: var(--vc-display); font-style: italic; font-size: 16px; color: var(--vc-gold-2); margin: 0; }

  /* ===== R246 CTAs ===== */
  .vc-r246-cta { display: flex; flex-direction: column; gap: 16px; align-items: flex-start;
    padding-top: 24px; border-top: 1px solid var(--vc-rule-2); margin-top: 12px; }
  .vc-cta-primary {
    display: inline-flex; align-items: center; gap: 12px;
    background: var(--vc-ink); color: var(--vc-bone);
    padding: 14px 22px;
    font-family: var(--vc-text); font-size: 10.5px;
    letter-spacing: 0.32em; text-transform: uppercase; font-weight: 600;
    transition: background .2s ease;
  }
  .vc-cta-primary:hover { background: var(--vc-oxblood); }
  .vc-cta-primary span { transition: transform .2s ease; display: inline-block; }
  .vc-cta-primary:hover span { transform: translateX(3px); }
  .vc-cta-link {
    font-family: var(--vc-display); font-style: italic;
    font-size: 16px; color: var(--vc-muted);
    border-bottom: 1px solid var(--vc-rule-2); padding-bottom: 2px;
    transition: color .2s ease, border-color .2s ease;
  }
  .vc-cta-link em { color: var(--vc-oxblood); font-style: italic; }
  .vc-cta-link:hover { color: var(--vc-ink); border-color: var(--vc-oxblood); }

  /* ===== THE RECORD — Dispatches ===== */
  .vc-record { padding: 120px 56px; background: var(--vc-bone-2); border-bottom: 1px solid var(--vc-rule-3); }
  .vc-record-orn { max-width: 360px; margin: 0 auto 22px; }
  .vc-record-rubric { font-size: 10px; letter-spacing: 0.5em; text-transform: uppercase;
    color: var(--vc-oxblood); font-weight: 600; text-align: center; margin-bottom: 18px; }
  .vc-record-h { font-family: var(--vc-display); font-weight: 400;
    font-size: clamp(40px, 5vw, 76px); line-height: 0.96; letter-spacing: -0.022em;
    margin: 0 auto 24px; text-align: center; color: var(--vc-ink); max-width: 18ch; }
  .vc-record-h em { font-style: italic; color: var(--vc-oxblood); }
  .vc-record-intro { font-family: var(--vc-display); font-size: 19px; font-style: italic;
    line-height: 1.5; color: var(--vc-ink-2); margin: 0 auto 64px;
    max-width: 60ch; text-align: center; }
  .vc-record-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr;
    max-width: 1280px; margin: 0 auto;
    border-top: 1.5px solid var(--vc-ink); border-bottom: 1.5px solid var(--vc-ink);
    background: var(--vc-bone); }
  .vc-record-card { padding: 36px 32px 32px; border-right: 1px solid var(--vc-rule-2);
    display: flex; flex-direction: column; gap: 14px; min-height: 380px; }
  .vc-record-card:last-child { border-right: 0; }
  .vc-record-card .num { font-family: var(--vc-display); font-style: italic;
    font-size: 36px; color: var(--vc-oxblood); line-height: 1; letter-spacing: -0.01em; }
  .vc-record-card .kind { font-size: 9.5px; letter-spacing: 0.42em; text-transform: uppercase;
    color: var(--vc-muted); font-weight: 600;
    padding-bottom: 12px; border-bottom: 1px solid var(--vc-rule-2); }
  .vc-record-card .title { font-family: var(--vc-display); font-weight: 400;
    font-size: 32px; line-height: 1.05; color: var(--vc-ink);
    letter-spacing: -0.012em; margin: 0; }
  .vc-record-card.vc-record-lead .title { font-size: 44px; }
  .vc-record-card .lede { font-family: var(--vc-display); font-size: 16px;
    line-height: 1.55; color: var(--vc-ink-3); margin: 0; }
  .vc-record-card .link { margin-top: auto; padding-top: 14px;
    font-family: var(--vc-text); font-size: 10px; letter-spacing: 0.42em;
    text-transform: uppercase; color: var(--vc-oxblood); font-weight: 600;
    border-top: 1px solid var(--vc-rule-2);
    display: inline-flex; align-items: center; gap: 12px;
    transition: color .2s ease; }
  .vc-record-card .link:hover { color: var(--vc-ink); }
  .vc-record-card .link span { transition: transform .2s ease; display: inline-block; }
  .vc-record-card .link:hover span { transform: translateX(4px); }

  /* ===== PULL QUOTE ===== */
  .vc-pull { padding: 144px 56px; text-align: center; background: var(--vc-oxblood-2);
    color: var(--vc-bone); border-bottom: 1px solid var(--vc-ink); position: relative; overflow: hidden; }
  .vc-pull::before { content: ""; position: absolute; inset: 0;
    background: radial-gradient(ellipse at 30% 30%, rgba(168,136,74,0.12), transparent 55%),
      radial-gradient(ellipse at 70% 70%, rgba(109,31,32,0.55), transparent 60%); pointer-events: none; }
  .vc-pull-inner { position: relative; z-index: 1; max-width: 1080px; margin: 0 auto; }
  .vc-pull-orn { max-width: 360px; margin: 0 auto 28px; color: rgba(244,238,226,0.32); }
  .vc-pull-orn .mk { color: var(--vc-gold-2); }
  .vc-pull-rubric { font-size: 10px; letter-spacing: 0.5em; text-transform: uppercase;
    color: var(--vc-gold-2); margin-bottom: 36px; font-weight: 600; }
  .vc-pull blockquote { font-family: var(--vc-display); font-weight: 400;
    font-size: clamp(36px, 5vw, 76px); line-height: 1.12; letter-spacing: -0.018em;
    margin: 0 auto; font-style: italic; }
  .vc-pull blockquote em { color: var(--vc-gold-2); font-style: italic; }
  .vc-pull-cite { margin-top: 40px; font-size: 10px; letter-spacing: 0.5em;
    text-transform: uppercase; color: rgba(244,238,226,0.55); font-weight: 500; }

  /* ===== CONTRIBUTORS ===== */
  .vc-contrib { padding: 88px 56px; background: var(--vc-bone-2); border-bottom: 1px solid var(--vc-rule-3); }
  .vc-contrib-orn { max-width: 360px; margin: 0 auto 22px; }
  .vc-contrib-rubric { font-size: 10px; letter-spacing: 0.5em; text-transform: uppercase;
    color: var(--vc-oxblood); margin-bottom: 16px; text-align: center; font-weight: 600; }
  .vc-contrib-h { font-family: var(--vc-display); font-weight: 400;
    font-size: clamp(36px, 4vw, 56px); line-height: 1.0; letter-spacing: -0.022em;
    margin: 0 auto 56px; text-align: center; color: var(--vc-ink); max-width: 22ch; }
  .vc-contrib-h em { font-style: italic; color: var(--vc-oxblood); }
  .vc-contrib-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
    max-width: 1180px; margin: 0 auto;
    border-top: 1px solid var(--vc-ink); border-bottom: 1px solid var(--vc-ink); }
  .vc-contrib-col { padding: 28px 24px; border-right: 1px solid var(--vc-rule-2);
    display: flex; flex-direction: column; gap: 10px; }
  .vc-contrib-col:last-child { border-right: 0; }
  .vc-contrib-col h4 { font-size: 9.5px; letter-spacing: 0.42em; text-transform: uppercase;
    color: var(--vc-oxblood); margin: 0 0 10px; font-weight: 600;
    padding-bottom: 8px; border-bottom: 1px solid var(--vc-rule-2); }
  .vc-contrib-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
  .vc-contrib-col li { font-family: var(--vc-display); font-style: italic; font-size: 16px;
    color: var(--vc-ink); letter-spacing: 0.005em; line-height: 1.4; }
  .vc-contrib-col li small { display: block; font-family: var(--vc-text); font-style: normal;
    font-size: 9.5px; letter-spacing: 0.22em; text-transform: uppercase;
    color: var(--vc-muted); margin-top: 2px; font-weight: 500; }

  /* ===== FOOTER ===== */
  .vc-foot { padding: 80px 56px 40px; background: var(--vc-bone); }
  /* Footer sister mark — concentric mesh seal */
  .vc-foot-seal {
    text-align: center;
    margin: 0 auto 56px;
    max-width: 320px;
  }
  /* mesh draw-in (triggers when .reveal becomes .in via IntersectionObserver) */
  .vc-foot-seal-svg .mesh-poly {
    stroke-dasharray: 720;
    stroke-dashoffset: 720;
    transition: stroke-dashoffset 1.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  }
  .vc-foot-seal-svg .mesh-spoke {
    stroke-dasharray: 110;
    stroke-dashoffset: 110;
    transition: stroke-dashoffset 0.85s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .vc-foot-seal.in .mesh-poly { stroke-dashoffset: 0; }
  .vc-foot-seal.in .mesh-spoke { stroke-dashoffset: 0; }
  .vc-foot-seal.in .mesh-spoke:nth-of-type(1) { transition-delay: 0.45s; }
  .vc-foot-seal.in .mesh-spoke:nth-of-type(2) { transition-delay: 0.55s; }
  .vc-foot-seal.in .mesh-spoke:nth-of-type(3) { transition-delay: 0.65s; }
  .vc-foot-seal.in .mesh-spoke:nth-of-type(4) { transition-delay: 0.75s; }
  .vc-foot-seal.in .mesh-spoke:nth-of-type(5) { transition-delay: 0.85s; }
  .vc-foot-seal.in .mesh-spoke:nth-of-type(6) { transition-delay: 0.95s; }
  /* node pulse — staggered wave around the ring */
  @keyframes meshPulse {
    0%, 100% { opacity: 1; r: 3.5; }
    50%      { opacity: 0.55; r: 4.4; }
  }
  .vc-foot-seal.in .mesh-node-active {
    animation: meshPulse 3.4s ease-in-out infinite;
    animation-delay: 1.2s;
  }
  .vc-foot-seal.in .mesh-node-active:nth-of-type(1) { animation-delay: 1.20s; }
  .vc-foot-seal.in .mesh-node-active:nth-of-type(2) { animation-delay: 1.45s; }
  .vc-foot-seal.in .mesh-node-active:nth-of-type(3) { animation-delay: 1.70s; }
  .vc-foot-seal.in .mesh-node-active:nth-of-type(4) { animation-delay: 1.95s; }
  .vc-foot-seal.in .mesh-node-active:nth-of-type(5) { animation-delay: 2.20s; }
  .vc-foot-seal.in .mesh-node-active:nth-of-type(6) { animation-delay: 2.45s; }
  @media (prefers-reduced-motion: reduce) {
    .vc-foot-seal-svg .mesh-poly,
    .vc-foot-seal-svg .mesh-spoke {
      stroke-dasharray: none; stroke-dashoffset: 0; transition: none;
    }
    .vc-foot-seal.in .mesh-node-active { animation: none; }
  }
  .vc-foot-seal-svg {
    width: 100%; height: auto;
    max-width: 240px; display: block;
    margin: 0 auto 22px;
  }
  .vc-foot-seal-name {
    font-family: var(--vc-text);
    font-size: 11px;
    letter-spacing: 0.62em;
    text-transform: uppercase;
    color: var(--vc-ink);
    font-weight: 600;
    padding-left: 0.62em;
  }
  .vc-foot-seal-sub {
    font-family: var(--vc-display);
    font-style: italic;
    font-size: 13px;
    color: var(--vc-muted);
    margin-top: 8px;
    letter-spacing: 0.02em;
  }
  .vc-foot-grid { display: grid; grid-template-columns: 1.2fr repeat(4, 1fr); gap: 36px;
    padding-top: 32px; border-top: 1.5px solid var(--vc-ink); max-width: 1280px; margin: 0 auto; }
  .vc-foot-grid .colophon { font-family: var(--vc-display); font-style: italic; font-size: 16px;
    line-height: 1.55; color: var(--vc-ink-3); max-width: 28ch; }
  .vc-foot-grid .colophon strong { font-style: normal; font-family: var(--vc-text); font-size: 9.5px;
    letter-spacing: 0.42em; text-transform: uppercase; color: var(--vc-oxblood); font-weight: 600;
    display: block; margin-bottom: 12px; }
  .vc-foot-grid h4 { font-size: 9.5px; letter-spacing: 0.42em; text-transform: uppercase;
    color: var(--vc-oxblood); margin: 0 0 14px; font-weight: 600; }
  .vc-foot-grid ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
  .vc-foot-grid a { color: var(--vc-ink); font-size: 16px; font-family: var(--vc-display); font-style: italic; letter-spacing: 0.005em; transition: color .2s ease; }
  .vc-foot-grid a:hover { color: var(--vc-oxblood); }
  .vc-foot-fine { margin: 48px auto 0; max-width: 1280px; padding-top: 24px;
    border-top: 1px solid var(--vc-rule-2); display: flex; justify-content: space-between;
    flex-wrap: wrap; gap: 12px; font-size: 9px; letter-spacing: 0.36em;
    text-transform: uppercase; color: var(--vc-muted); }
  .vc-foot-fine em { font-family: var(--vc-display); font-style: italic; font-size: 13px;
    color: var(--vc-ink); letter-spacing: 0.01em; text-transform: none; }

  /* ============================================================
     COALITION COVENANT — anchor copy block.
     ============================================================ */
  .vc-covenant {
    padding: 104px 56px;
    background: var(--vc-bone);
    border-bottom: 1px solid var(--vc-rule-3);
  }
  .vc-covenant-grid {
    max-width: 1180px; margin: 0 auto;
    display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px;
    align-items: start;
  }
  .vc-covenant-side .rubric {
    font-size: 9.5px; letter-spacing: 0.5em; text-transform: uppercase;
    color: var(--vc-oxblood); font-weight: 600; display: block; margin-bottom: 16px;
  }
  .vc-covenant-side h3 {
    font-family: var(--vc-display); font-weight: 400;
    font-size: clamp(36px, 4.6vw, 64px); line-height: 1.0; letter-spacing: -0.022em;
    margin: 0 0 24px; color: var(--vc-ink);
  }
  .vc-covenant-side h3 em { font-style: italic; color: var(--vc-oxblood); }
  .vc-covenant-side .terms { display: flex; flex-direction: column; gap: 0;
    border-top: 1px solid var(--vc-rule-2); margin-top: 24px; }
  .vc-covenant-side .term {
    display: grid; grid-template-columns: 36px 1fr; gap: 16px;
    padding: 14px 0; border-bottom: 1px solid var(--vc-rule);
    align-items: baseline;
  }
  .vc-covenant-side .term .n {
    font-family: var(--vc-display); font-style: italic; font-size: 22px;
    color: var(--vc-oxblood); line-height: 1;
  }
  .vc-covenant-side .term .t {
    font-family: var(--vc-display); font-size: 17px; line-height: 1.4; color: var(--vc-ink);
  }
  .vc-covenant-body p {
    font-family: var(--vc-display); font-size: 19px; line-height: 1.6;
    color: var(--vc-ink); margin: 0 0 16px; max-width: 56ch;
  }
  .vc-covenant-body p em { color: var(--vc-oxblood); font-style: italic; }
  .vc-covenant-body p.lede { font-size: 24px; line-height: 1.4; color: var(--vc-ink); }
  .vc-covenant-body p.lede em { color: var(--vc-oxblood); font-style: italic; }
  @media (max-width: 1000px) {
    .vc-covenant-grid { grid-template-columns: 1fr; gap: 36px; }
  }

  /* ============================================================
     CONCENTRIC MESH SEAL — subtle motion.
     ============================================================ */
  @keyframes vc-ring-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
  }
  @keyframes vc-ring-counter {
    from { transform: rotate(0deg); }
    to   { transform: rotate(-360deg); }
  }
  @keyframes vc-radial-breath {
    0%, 100% { opacity: 0.40; }
    50%      { opacity: 0.78; }
  }
  .vc-foot-seal-svg .ring-slow { transform-origin: 160px 160px;
    animation: vc-ring-spin 220s linear infinite; }
  .vc-foot-seal-svg .ring-mid  { transform-origin: 160px 160px;
    animation: vc-ring-counter 140s linear infinite; }
  .vc-foot-seal-svg .ring-breath { animation: vc-radial-breath 7s ease-in-out infinite; }
  @media (prefers-reduced-motion: reduce) {
    .vc-foot-seal-svg .ring-slow,
    .vc-foot-seal-svg .ring-mid,
    .vc-foot-seal-svg .ring-breath { animation: none; }
  }

  /* ============================================================
     PRINT — funder packets, archival.
     ============================================================ */
  @media print {
    html, body { background: #fff !important; color: #000 !important; }
    .vc-nav, .vc-palette-toggle, .vc-counter, .vc-skip { display: none !important; }
    .vc-foundation { background: #fff !important; color: #000 !important; padding: 32px 0; margin: 0; border-color: #000; }
    .vc-foundation::before, .vc-foundation::after { background: #000 !important; }
    .vc-wordmark .em5 { color: #000 !important; }
    .vc-wordmark .word { -webkit-text-fill-color: #000 !important; color: #000 !important;
      background: none !important; }
    .vc-tagline, .vc-foundation-colophon, .vc-date .val, .vc-date .lbl { color: #000 !important; }
    .vc-date .val em, .vc-tagline { color: #333 !important; }
    .vc-values, .vc-pull, .vc-mech { background: #fff !important; color: #000 !important;
      border: 1px solid #000 !important; }
    .vc-values *, .vc-pull *, .vc-mech * { color: #000 !important; }
    .reveal { opacity: 1 !important; transform: none !important; }
    section { page-break-inside: avoid; }
    a { color: #000 !important; text-decoration: underline; }
  }
  html.js .reveal:not(.in) { opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }
  .reveal.in { opacity: 1; transform: none; }
  @media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; transition: none; } }

  /* ===== RESPONSIVE ===== */
  @media (max-width: 1100px) {
    .vc-cover { grid-template-columns: 1fr; gap: 40px; padding: 56px 32px 64px; }
    .vc-feat-cols { grid-template-columns: 1fr; }
    .vc-feat-col { border-right: 0; border-bottom: 1px solid var(--vc-rule-2); }
    .vc-feat-col:last-child { border-bottom: 0; }
    .vc-letter-grid { grid-template-columns: 1fr; gap: 32px; }
    .vc-letter-body { padding-left: 0; border-left: 0; padding-top: 24px; border-top: 1px solid var(--vc-rule-2); }
    .vc-values-head { grid-template-columns: 1fr; gap: 28px; }
    .vc-values-head .rhs { padding-left: 0; border-left: 0; padding-top: 18px; border-top: 1px solid rgba(244,238,226,0.22); }
    .vc-pillars-grid { grid-template-columns: 1fr 1fr; }
    .vc-pillar { border-bottom: 1px solid var(--vc-rule-2); }
    .vc-pillar:nth-child(2n) { border-right: 0; }
    .vc-r246-grid { grid-template-columns: 1fr; gap: 40px; }
    .vc-mech { position: static; }
    .vc-record-grid { grid-template-columns: 1fr 1fr; }
    .vc-record-card:nth-child(2n) { border-right: 0; }
    .vc-record-card { border-bottom: 1px solid var(--vc-rule-2); }
    .vc-contrib-grid { grid-template-columns: 1fr 1fr; }
    .vc-contrib-col { border-bottom: 1px solid var(--vc-rule-2); }
    .vc-contrib-col:nth-child(2n) { border-right: 0; }
    .vc-foot-grid { grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 720px) {
    .vc-masthead { padding: 48px 24px 0; }
    .vc-masthead-corners { position: static; flex-direction: row; justify-content: space-between; padding-bottom: 24px; }
    .vc-foundation { padding: 44px 24px 36px; margin: 0 -24px; }
    .vc-foundation-mark { letter-spacing: 0.28em; padding-left: 0.28em; }
    .vc-foundation::before { top: 14px; }
    .vc-foundation::after { bottom: 14px; }
    .vc-foundation-meta { letter-spacing: 0.32em; font-size: 9px; }
    .vc-nav { gap: 16px; padding: 14px 20px; font-size: 9.5px; letter-spacing: 0.28em; }
    .vc-nav .sep { display: none; }
    .vc-cover, .vc-feat, .vc-letter, .vc-values, .vc-pillars, .vc-r246, .vc-pull, .vc-record, .vc-contrib, .vc-foot {
      padding-left: 24px; padding-right: 24px;
    }
    .vc-record { padding-top: 64px; padding-bottom: 64px; }
    .vc-record-grid { grid-template-columns: 1fr; }
    .vc-record-card { border-right: 0; border-bottom: 1px solid var(--vc-rule-2); min-height: auto; }
    .vc-record-card:last-child { border-bottom: 0; }
    .vc-cover { padding-top: 48px; padding-bottom: 56px; }
    .vc-feat { padding-top: 64px; padding-bottom: 64px; }
    .vc-letter { padding-top: 64px; padding-bottom: 64px; }
    .vc-values { padding-top: 64px; padding-bottom: 64px; }
    .vc-pillars { padding-top: 72px; padding-bottom: 72px; }
    .vc-r246 { padding-top: 72px; padding-bottom: 72px; }
    .vc-pull { padding-top: 88px; padding-bottom: 88px; }
    .vc-contrib { padding-top: 64px; padding-bottom: 64px; }
    .vc-pillars-grid { grid-template-columns: 1fr; }
    .vc-pillar { border-right: 0; }
    .vc-value-row { grid-template-columns: 50px 1fr; gap: 18px; }
    .vc-value-row .body { grid-column: 1 / -1; padding-left: 50px; }
    .vc-contrib-grid { grid-template-columns: 1fr; }
    .vc-contrib-col { border-right: 0; }
    .vc-foot-grid { grid-template-columns: 1fr; }
    .vc-foot-fine { flex-direction: column; align-items: center; text-align: center; }
  }

/* ===== E5 INTERIOR PAGE COMPONENTS (shared, token-matched to homepage) ===== */
.vc-page-head{max-width:66ch;margin:0 auto;padding:clamp(56px,8vw,104px) 24px clamp(20px,3vw,36px);}
.vc-page-eyebrow{font-family:var(--vc-text);text-transform:uppercase;letter-spacing:.3em;font-size:12px;color:#7e6329;margin:0 0 20px;font-weight:600;}
.vc-page-h{font-family:var(--vc-display);font-weight:400;line-height:.98;letter-spacing:-.028em;color:var(--vc-ink);margin:0 0 24px;}
.vc-page-deck{font-family:var(--vc-display);font-style:italic;font-size:clamp(19px,2.1vw,26px);line-height:1.4;color:#7e6329;max-width:42ch;margin:0;}
.vc-prose{max-width:66ch;margin:0 auto;padding:4px 24px clamp(64px,8vw,104px);font-family:var(--vc-text);font-size:17px;line-height:1.75;color:var(--vc-ink-2,#1f1c18);}
.vc-prose h2{font-family:var(--vc-display);font-weight:400;font-size:clamp(28px,3.2vw,44px);color:var(--vc-ink);margin:1.9em 0 .5em;line-height:1.06;letter-spacing:-.015em;}
.vc-prose h3{font-family:var(--vc-text);font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.16em;color:#7e6329;margin:2em 0 .5em;}
.vc-prose p{margin:0 0 1.2em;}
.vc-prose em,.vc-prose i{color:#7e6329;font-style:italic;}
.vc-prose a{color:#7e6329;text-decoration:underline;text-underline-offset:3px;}