/* ── hero-fix.css ──────────────────────────────────────────────
   Fix 1 — Remove double nav offset on Eco and Article heroes.
   Fix 2 — Let article heroes grow to fit long titles on mobile.

   Upload to your css/ folder (same location as style.css).
   Every eco-*.html and article-*.html already references it.
────────────────────────────────────────────────────────────── */

/* Fix 1: both hero types had margin-top: var(--nav-h) in style.css,
   doubling the 72px body padding-top and creating a 144px black gap. */
.eco-hero          { margin-top: 0; }
.article-hero-wrap { margin-top: 0; }

/* Fix 2: article heroes use a fixed height with overflow:hidden and
   align-items:flex-end, which clips the top of long titles and the
   intro paragraph. Switching to height:auto + min-height lets the
   container grow to fit all content while keeping the image behind it. */
@media (max-width: 700px) {
  .article-hero-wrap {
    height: auto !important;
    min-height: 560px;
  }
}