/* P&P brand surfaces only (E1), navy/cream/gold, serif headlines, humanist body.
   Player pages NEVER use this file (E2). */
:root {
  --navy: #16345B; --cream: #F5EFE6; --gold: #C9A24B;
  --emerald: #14532D; --emerald-deep: #0C3B1F;
  --ink: #16345B; --paper: #F5EFE6;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--paper); color: var(--ink);
  font-family: 'Manrope', 'Segoe UI', 'Helvetica Neue', sans-serif;
  line-height: 1.6; font-size: 17px; }
h1, h2, h3, .serif { font-family: 'Fraunces', Georgia, serif; font-weight: 600; line-height: 1.12; }
h1 { font-size: 3.1rem; } h2 { font-size: 1.9rem; margin-bottom: 14px; }
em.gold { color: var(--gold); font-style: italic; }
.wrap { max-width: 1020px; margin: 0 auto; padding: 0 28px; }
section { padding: 72px 0; }
nav { padding: 22px 0; }
nav .wrap { display: flex; align-items: center; gap: 34px; }
nav img { height: 44px; }
nav a { color: var(--navy); text-decoration: none; font-size: .95rem; }
nav .links { margin-left: auto; display: flex; gap: 26px; }
.btn { display: inline-block; background: var(--gold); color: var(--navy);
  padding: 13px 26px; border-radius: 4px; text-decoration: none; font-weight: 600; }
.btn.ghost { background: transparent; border: 1.5px solid var(--gold); color: inherit; }
.band-navy { background: var(--navy); color: var(--cream); }
.band-emerald { background: linear-gradient(160deg, var(--emerald), var(--emerald-deep)); color: #EFF6EF; }
.muted { opacity: .72; }
.grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.card { background: #FFFDF8; border: 1px solid #E7DECE; border-radius: 8px; padding: 26px; }
.band-navy .card, .band-emerald .card { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); }
.kicker { font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }
.port { outline: 2px dashed #C9A24B; outline-offset: 4px; position: relative; }
.port::before { content: "COPY TO PORT WITH GERALD, placeholder"; position: absolute; top: -26px; left: 0;
  font: 700 11px/1 'Manrope', sans-serif; letter-spacing: .08em; color: #B4540A; }
footer { padding: 40px 0 60px; font-size: .9rem; }
@media (max-width: 760px) { .grid3 { grid-template-columns: 1fr; } h1 { font-size: 2.2rem; } }