/* ==========================================================================
   The Fried Hangover 1.2 — UNIFIED PREMIUM HEADING TREATMENT  (closeout A)
   --------------------------------------------------------------------------
   Removes the legacy offset / layered 3-D text look that hurt legibility:
     • the global  h1 { text-shadow: 4px 4px 0 #E5392C }  hard orange ghost
     • the home hero's 'Rubik Scribble' display font + white text-stroke stack
     • .mission__title / .feature-split__label hard offset drops
   …and replaces them with ONE clean, high-contrast premium display style used
   consistently on every page. Depth now comes from a soft ambient halo
   (large blur, ~zero offset) — never a hard offset ghost or an outline.
   Loaded LAST in the cascade so it wins.
   ========================================================================== */

/* 1 — Neutralise every legacy offset / stroke / ghost on headings. -------- */
h1, h2, h3, h4,
.hero__content h1,
.mission__title,
.about__title,
.about__brand,
.grant__content h2,
.truck-locator__title,
.feature-split__label,
.px-hero__title, .px-head__title,
.px-hero__title span, .px-head__title span {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

/* 2 — Shared premium display base (dark-theme headings). ------------------ */
.hero__content h1,
.mission__title,
.about__title,
.grant__content h2,
.truck-locator__title,
.px-hero__title,
.px-head__title {
  font-family: 'Bungee', 'Bungee Fallback', Impact, 'Arial Narrow Bold', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: .012em;
  line-height: 1.07;
  color: #fff;
}

/* Kill only the legacy scribble glitch/distort keyframes on section titles
   (NOT the hero, whose slideUp entrance + tuned positioning we preserve). */
.mission__title,
.about__title,
.grant__content h2,
.truck-locator__title {
  animation: none !important;
}

/* 3 — Home hero: was dark charcoal + scribble font (near-invisible on the
       video). Make it white, Bungee, with a soft legibility halo that reads
       as a glow rather than a double image. --------------------------------- */
.hero__content h1 {
  color: #fff !important;
  letter-spacing: .015em;
  text-shadow: 0 2px 26px rgba(0,0,0,.62), 0 1px 3px rgba(0,0,0,.55) !important;
}
.hero__content h1 .text-brand { color: #F0453A; }

/* 4 — Section / page titles over imagery or dark sections get the same soft
       depth halo (single, blurred, centred — no offset ghost). ------------- */
.mission__title,
.about__title,
.grant__content h2,
.truck-locator__title,
.px-hero__title {
  text-shadow: 0 2px 22px rgba(0,0,0,.5) !important;
}

/* 5 — Gradient / colour accent spans keep a crisp fill; the parent's soft
       halo sits behind them for depth without any hard edge. --------------- */
.px-hero__title .grad-text,
.px-hero__title .grad-gold,
.px-head__title .grad-text,
.px-head__title .grad-gold,
.hero__content h1 .text-brand {
  -webkit-text-stroke: 0 !important;
}

/* 6 — Mobile: keep the same clean treatment (legacy re-applied a stroke at
       ≤768px — override it and keep type readable). ------------------------ */
@media (max-width: 768px) {
  .hero__content h1 {
    -webkit-text-stroke: 0 !important;
    text-shadow: 0 2px 18px rgba(0,0,0,.66), 0 1px 2px rgba(0,0,0,.55) !important;
    letter-spacing: .01em;
  }
  .hero__description { -webkit-text-stroke: 0 !important; }
}