/* ============ 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:
    radial-gradient(ellipse 90% 65% at 50% -10%, rgba(232,220,195,.16), transparent 60%),
    radial-gradient(ellipse 55% 90% at 50% 0%, rgba(232,220,195,.10), transparent 55%),
    linear-gradient(180deg,#0d0d10 0%, #08080a 55%, #060607 100%);
  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:
    conic-gradient(from 180deg at 50% -20%, transparent 42%, rgba(232,220,195,.075) 47%, rgba(232,220,195,.14) 50%, rgba(232,220,195,.075) 53%, transparent 58%);
  filter:blur(6px);
}
/* film grain */
.pvn-header::after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.5;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.34'/%3E%3C/svg%3E");
}
.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(232,220,195,.55));display:block}
.pvn-rules::after{background:linear-gradient(90deg,rgba(232,220,195,.55),transparent)}
.pvn-rules span{font-size:10px;letter-spacing:.5em;color:rgba(232,220,195,.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:#f5efe2;text-indent:.14em;line-height:1;
  text-shadow:0 2px 30px rgba(232,220,195,.18)}
.pvn-sub{margin-top:16px;font-size:11px;letter-spacing:.44em;color:rgba(232,220,195,.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:-58px;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:#f5efe2;line-height:1.02;
  margin:0;overflow-wrap:break-word;
  text-shadow:0 1px 0 rgba(0,0,0,.6), 0 12px 44px rgba(0,0,0,.75), 0 0 90px rgba(232,220,195,.10)}
.pvn-page-title em{font-style:italic;font-weight:500;color:#e8dcc3}
.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(232,220,195,.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;flex:none;border-radius:8px;display:block;
  box-shadow:0 18px 50px rgba(0,0,0,.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(232,220,195,.55);margin:0 0 12px;font-weight:400;
}
.pvn-identity .pvn-id-desc{
  font-size:16px;line-height:1.75;color:#cfc8b8;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:#f5efe2}
.pvn-identity .pvn-id-stat span{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#8b8578}
/* meta line (title-cinema pages) */
.pvn-identity .pvn-id-meta{font-size:13px;letter-spacing:.14em;color:#a49d8d;margin:0 0 14px;font-weight:300}
.pvn-identity .pvn-id-meta .tc-sep{color:#5d574c;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:#e8dcc3;background:transparent;border:1px solid rgba(232,220,195,.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(232,220,195,.8);color:#f5efe2}
/* legacy overview paragraph */
.pvn-identity .pvn-id-overview{font-size:15px;line-height:1.75;color:#b9b2a4;font-weight:300;margin:0 0 14px;max-width:64ch}
.pvn-identity .pvn-id-note{font-size:12px;letter-spacing:.08em;color:#8b8578;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:#f5efe2}
.pvn-identity .pv-feature__stat span{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#8b8578}
.pvn-identity .tc-metainline{font-size:13px;letter-spacing:.14em;color:#a49d8d;margin:0 0 14px;font-weight:300}
.pvn-identity .tc-metainline .tc-sep{color:#5d574c;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:#e8dcc3;background:transparent;border:1px solid rgba(232,220,195,.35);
  padding:12px 26px;cursor:pointer;border-radius:2px;
}
.pvn-identity .tc-btn-ghost:hover{border-color:rgba(232,220,195,.8);color:#f5efe2}

/* ---- 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:-40px}
  .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}
}