/* ==========================================================================
   HERO / ON-IMAGE OVERLINE CONTRAST FIX  (optional, removable layer)
   --------------------------------------------------------------------------
   Problem: the gold eyebrow (.overline, --c-brass-soft) sitting over bright
   hero / full-bleed image regions had almost no contrast — light gold on a
   light warm photo, with only a soft 18px glow (no hard edge).

   Fix (two parts, both scoped to on-image overlines only — text on paper/solid
   backgrounds is untouched):
     #1  a tight DARK edge-shadow so the gold reads on any background;
     #2  a small darkening of the hero scrim's upper-middle band (where the
         eyebrow lands), incl. the mobile scrim so it doesn't regress.

   This whole file is an OVERRIDE layer pulled in by a single @import at the top
   of site.css. To REVERT: delete this file and remove that one @import line.
   Uses !important because @import loads before site.css's own rules.
   ========================================================================== */

/* ---- #1  Dark edge-shadow on on-image overlines ------------------------- */
.hero .overline,
.chapter__cap .overline,
.holding .overline {
  text-shadow:
    0 0 1px  rgba(0, 0, 0, 0.90),
    0 1px 2px rgba(0, 0, 0, 0.90),
    0 2px 14px rgba(0, 0, 0, 0.55) !important;
}
/* the little gold hairline before/after the eyebrow gets a matching lift */
.hero .overline::before,
.hero .overline::after,
.chapter__cap .overline::before,
.chapter__cap .overline::after,
.holding .overline::before,
.holding .overline::after {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.65));
}

/* ---- #2  Deepen the hero scrim's upper-middle band ---------------------- */
.hero::after {
  background: linear-gradient(180deg,
    rgba(15, 12, 8, 0.55) 0%,
    rgba(15, 12, 8, 0.34) 30%,
    rgba(15, 12, 8, 0.42) 58%,
    rgba(15, 12, 8, 0.80) 100%) !important;
}
@media (max-width: 540px) {
  .hero::after {
    background: linear-gradient(180deg,
      rgba(15, 12, 8, 0.62) 0%,
      rgba(15, 12, 8, 0.44) 38%,
      rgba(15, 12, 8, 0.50) 66%,
      rgba(15, 12, 8, 0.84) 100%) !important;
  }
}
