@import url("/brand-tokens.css?v=20261005t");
/* ============ PREVIOUSLY UNIFIED BRAND HEADER — "MIDNIGHT MARQUEE" ============
   One luxury header for every non-sports page. Champagne spotlight through
   noir black; Previously wordmark as theater marquee;the page title towers
   over the header's edge. Concept 1, approved by James 2026-09-30.
   Sports pages (/sports/) are OUT OF SCOPE and never load this file.
   Fonts are self-hosted (no third-party requests), matching site convention.
   ========================================================================== */

/* Self-hosted variable fonts (latin) */
@font-face{
  font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;
  src:url('/css/fonts/cormorant-garamond-var-latin.woff2') format('woff2');
}@font-face{
  font-family:'Cormorant Garamond';font-style:italic;font-weight:300 700;font-display:swap;
  src:url('/css/fonts/cormorant-garamond-var-latin-italic.woff2') format('woff2');
}@font-face{
  font-family:'Jost';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('/css/fonts/jost-var-latin.woff2') format('woff2');
}@font-face{
  font-family:'Jost';font-style:italic;font-weight:100 900;font-display:swap;
  src:url('/css/fonts/jost-var-latin-italic.woff2') format('woff2');
}.pvn-header{
  position:relative;overflow:hidden;height:380px;
  background:transparent; /* 2026-10-02 James: text-only transparent header */
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  isolation:isolate;
}/* spotlight beam */
.pvn-header::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:transparent;
}/* film grain */
.pvn-header::after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:transparent;
}.pvn-lockup{position:relative;z-index:2;text-align:center;padding:0 24px}.pvn-rules{display:flex;align-items:center;gap:22px;justify-content:center;margin-bottom:26px}.pvn-rules::before,.pvn-rules::after{content:"";height:1px;width:min(180px,22vw);background:linear-gradient(90deg,transparent,rgba(var(--desert-pressed-rgb), .55));display:block}.pvn-rules::after{background:linear-gradient(90deg,rgba(var(--desert-pressed-rgb), .55),transparent)}.pvn-rules span{font-size:10px;letter-spacing:.5em;color:rgba(var(--desert-pressed-rgb), .55);text-transform:uppercase;padding-left:.5em;font-family:'Jost',sans-serif;font-weight:300}.pvn-wordmark{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(44px,6vw,76px);letter-spacing:.14em;color:var(--desert-ink);text-indent:.14em;line-height:1;
  text-shadow:0 2px 30px rgba(var(--desert-pressed-rgb), .18)}.pvn-sub{margin-top:16px;font-size:11px;letter-spacing:.44em;color:rgba(var(--desert-pressed-rgb), .55);text-transform:uppercase;padding-left:.44em;font-weight:300;font-family:'Jost',sans-serif}/* The page title — the single h1 — overlapping the header's edge */
.pvn-title-zone{position:relative;z-index:4;margin-top:24px;text-align:center;pointer-events:none;padding:0 20px}.pvn-page-title{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:clamp(52px,7.5vw,104px);letter-spacing:.06em;color:var(--desert-ink);line-height:1.02;
  margin:0;overflow-wrap:break-word;
  text-shadow:0 1px 0 rgba(var(--desert-shadow-rgb), .6), 0 12px 44px rgba(var(--desert-shadow-rgb), .75), 0 0 90px rgba(var(--desert-pressed-rgb), .10)}.pvn-page-title em{font-style:italic;font-weight:500;color:var(--desert-ink)}.pvn-page-sub{margin:14px auto 0;max-width:640px;font-family:'Jost',sans-serif;font-weight:300;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--desert-pressed-rgb), .55)}/* ---- Identity block: entity content preserved below the header, calm ---- */
.pvn-identity{
  position:relative;z-index:4;max-width:1120px;margin:0 auto;padding:34px 40px 8px;
  display:flex;gap:34px;align-items:flex-start;
  font-family:'Jost',sans-serif;
}.pvn-identity .pvn-id-poster{
  width:150px;height:auto;flex:none;border-radius:8px;display:block;
  box-shadow:0 18px 50px rgba(var(--desert-shadow-rgb), .55);
}.pvn-identity .pvn-id-copy{min-width:0;flex:1}.pvn-identity .pvn-id-kicker{
  font-size:11px;letter-spacing:.34em;text-transform:uppercase;
  color:rgba(var(--desert-pressed-rgb), .55);margin:0 0 12px;font-weight:400;
}.pvn-identity .pvn-id-desc{
  font-size:16px;line-height:1.75;color:var(--desert-ink-dim);font-weight:300;margin:0 0 16px;max-width:60ch;
}/* stats row: baked into typography, never pills */
.pvn-identity .pvn-id-stats{display:flex;flex-wrap:wrap;gap:8px 34px;margin:0}.pvn-identity .pvn-id-stat{display:flex;flex-direction:column;gap:2px}.pvn-identity .pvn-id-stat b{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:var(--desert-ink)}.pvn-identity .pvn-id-stat span{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-on-light-muted)}/* meta line (title-cinema pages) */
.pvn-identity .pvn-id-meta{font-size:13px;letter-spacing:.14em;color:var(--desert-ink-dim);margin:0 0 14px;font-weight:300}.pvn-identity .pvn-id-meta .tc-sep{color:var(--desert-ink-dim);margin:0 8px}/* actions row */
.pvn-identity .pvn-id-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}.pvn-identity .pvn-id-actions button,
.pvn-identity .pvn-id-actions a{
  font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--desert-ink);background:transparent;border:1px solid rgba(var(--desert-pressed-rgb), .35);
  padding:12px 26px;cursor:pointer;text-decoration:none;border-radius:2px;
}.pvn-identity .pvn-id-actions button:hover,
.pvn-identity .pvn-id-actions a:hover{border-color:rgba(var(--desert-pressed-rgb), .8);color:var(--desert-ink)}/* legacy overview paragraph */
.pvn-identity .pvn-id-overview{font-size:15px;line-height:1.75;color:var(--desert-ink-dim);font-weight:300;margin:0 0 14px;max-width:64ch}.pvn-identity .pvn-id-note{font-size:12px;letter-spacing:.08em;color:var(--text-on-light-muted);margin:0}/* ---- Scoped calm-downs for content classes reused inside the identity block ---- */
.pvn-identity .pv-feature__stats{display:flex;flex-wrap:wrap;gap:8px 34px;margin:0}.pvn-identity .pv-feature__stat{display:flex;flex-direction:column;gap:2px}.pvn-identity .pv-feature__stat b{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:var(--desert-ink)}.pvn-identity .pv-feature__stat span{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-on-light-muted)}.pvn-identity .tc-metainline{font-size:13px;letter-spacing:.14em;color:var(--desert-ink-dim);margin:0 0 14px;font-weight:300}.pvn-identity .tc-metainline .tc-sep{color:var(--desert-ink-dim);margin:0 8px}.pvn-identity .tc-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}.pvn-identity .tc-btn-ghost{
  font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--desert-ink);background:transparent;border:1px solid rgba(var(--desert-pressed-rgb), .35);
  padding:12px 26px;cursor:pointer;border-radius:2px;
}.pvn-identity .tc-btn-ghost:hover{border-color:rgba(var(--desert-pressed-rgb), .8);color:var(--desert-ink)}/* ---- Phone ---- */
@media (max-width:700px){
  .pvn-header{height:300px}
  .pvn-wordmark{font-size:34px}
  .pvn-rules{margin-bottom:18px}
  .pvn-rules::before,.pvn-rules::after{width:64px}
  .pvn-sub{font-size:9px}
  .pvn-title-zone{margin-top:16px}
  .pvn-page-title{font-size:clamp(38px,11vw,52px)}
  .pvn-identity{flex-direction:column;padding:28px 22px 4px;gap:20px}
  .pvn-identity .pvn-id-poster{width:110px;height:auto}
}

/* LIGHT THEME — follows the device (James, 2026-10-02).
   The Midnight Marquee header is champagne-on-noir;in daylight the
   champagne becomes deep warm bronze so the wordmark stays readable
   on paper. Layout, type, and spacing are untouched. */
@media (prefers-color-scheme:light){
  .pvn-rules::before { background:linear-gradient(90deg, transparent, rgba(var(--color-warn-rgb), .55)); }
  .pvn-rules::after { background:linear-gradient(90deg, rgba(var(--color-warn-rgb), .55), transparent); }
  .pvn-rules span { color:rgba(var(--color-warn-rgb), .75); }
  .pvn-wordmark {
    color:var(--desert-ink);
    text-shadow:0 2px 24px rgba(var(--color-warn-rgb), .14);
  }
  .pvn-sub { color:rgba(var(--color-warn-rgb), .75); }
  .pvn-page-title {
    color:var(--desert-ink);
    text-shadow:0 1px 0 rgba(var(--desert-card-rgb), .6), 0 12px 40px rgba(var(--color-warn-rgb), .16);
  }
  .pvn-page-title em { color:var(--color-warn); }
  .pvn-page-sub { color:rgba(var(--color-warn-rgb), .75); }
  .pvn-identity .pvn-id-poster { box-shadow:0 18px 50px rgba(var(--desert-ink-rgb), .20); }
  .pvn-identity .pvn-id-kicker { color:rgba(var(--color-warn-rgb), .8); }
  .pvn-identity .pvn-id-desc { color:rgba(var(--desert-ink-rgb), .78); }
  .pvn-identity .pvn-id-stat b { color:var(--desert-ink); }
  .pvn-identity .pvn-id-stat span { color:rgba(var(--desert-ink-rgb), .68); }
  .pvn-identity .pvn-id-meta { color:rgba(var(--desert-ink-rgb), .68); }
  .pvn-identity .pvn-id-meta .tc-sep { color:rgba(var(--desert-ink-rgb), .35); }
  .pvn-identity .pvn-id-actions button,
  .pvn-identity .pvn-id-actions a {
    color:var(--desert-ink);
    border-color:rgba(var(--color-warn-rgb), .4);
  }
  .pvn-identity .pvn-id-actions button:hover,
  .pvn-identity .pvn-id-actions a:hover {
    border-color:rgba(var(--color-warn-rgb), .85);
    color:var(--desert-ink);
  }
  .pvn-identity .pvn-id-overview { color:rgba(var(--desert-ink-rgb), .72); }
  .pvn-identity .pvn-id-note { color:rgba(var(--desert-ink-rgb), .68); }
  .pvn-identity .pv-feature__stat b { color:var(--desert-ink); }
  .pvn-identity .pv-feature__stat span { color:rgba(var(--desert-ink-rgb), .68); }
  .pvn-identity .tc-metainline { color:rgba(var(--desert-ink-rgb), .68); }
  .pvn-identity .tc-metainline .tc-sep { color:rgba(var(--desert-ink-rgb), .35); }
  .pvn-identity .tc-btn-ghost {
    color:var(--desert-ink);
    border-color:rgba(var(--color-warn-rgb), .4);
  }
  .pvn-identity .tc-btn-ghost:hover {
    border-color:rgba(var(--color-warn-rgb), .85);
    color:var(--desert-ink);
  }
}

/* ALL-RED WORDMARK STRAGGLER FIX 2 (James, 2026-10-16 06:22 PT): the
   big centered brand lockup renders entirely in signal red #E10600. */
.pvn-wordmark{color:#E10600}
.pvn-wordmark em{color:#E10600}
