/* Theme B — Editorial magazine. Warm paper, deep sea-blue accent (NOT the
   default terracotta), mustard highlight, Playfair display. Travel-magazine
   register: split hero, collections-first, generous whitespace, hairline rules. */
.t-editorial {
  --bg: #f4f1ea;
  --surface: #fbf9f4;
  --fg: #1c1e24;
  --muted: #5c5f68;
  --line: rgba(28,30,36,.14);
  --line-strong: rgba(28,30,36,.32);
  --accent: #1c5a7a;
  --accent-2: #123f57;
  --accent-fg: #ffffff;
  --chip-bg: #ece5d6;
  --header-bg: rgba(244,241,234,.82);
  --trust-bg: #1c1e24;
  --trust-fg: #f4f1ea;
  --sub-bg: #1c5a7a;
  --sub-fg: #ffffff;
  --shadow: 0 14px 42px rgba(28,30,36,.15);
  --display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --body: 'Inter', system-ui, sans-serif;
  --mono: 'Space Mono', ui-monospace, monospace;
  --h1: clamp(2.6rem, 6vw, 4.6rem);
}
.t-editorial h1, .t-editorial .sec-head h2 { letter-spacing: -0.01em; }
.t-editorial .eyebrow { color: var(--accent); }

/* Split hero */
.t-editorial .hero { max-width: var(--maxw); margin: 0 auto; padding: clamp(2.5rem, 6vw, 5rem) var(--pad);
  display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; }
.t-editorial .hero-figure { position: relative; }
.t-editorial .hero-figure img { border-radius: var(--radius); aspect-ratio: 4 / 5; object-fit: cover; box-shadow: var(--shadow); }
.t-editorial .figcredit { position: absolute; left: .6rem; bottom: .6rem; font-size: .66rem; color: #fff; background: rgba(0,0,0,.45); padding: .15rem .5rem; border-radius: 6px; }
.t-editorial .hero .seal { margin-top: 2rem; }

/* Editorial section rhythm */
.t-editorial .sec-head { border-top: 1.5px solid var(--fg); padding-top: 1rem; display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.t-editorial .sec-head h2 { font-size: clamp(1.9rem, 4.5vw, 3rem); }
.t-editorial .col-body h3 { font-size: 1.5rem; }
.t-editorial .pcard-name { font-size: 1.4rem; }

@media (max-width: 760px) {
  .t-editorial .hero { grid-template-columns: 1fr; }
  .t-editorial .hero-figure { order: -1; }
  .t-editorial .hero-figure img { aspect-ratio: 3 / 2; }
}