/* Greenekka V10.9: restrained page hero headings.
   Affects only About, Contact, Editorial Standards, Opportunities and Advertise.
   Add AFTER existing styles on these five pages. */

/* Moderate typography without replacing each page's chosen font or color. */
.gk-about-hero h1,
.gk84-contact-hero h1,
.gk84-opp-hero h1,
.ge-hero h1,
.gk85-ad-hero h1 {
  font-size: clamp(2.125rem, 3.3vw, 2.875rem);
  line-height: 1.13;
  letter-spacing: -0.035em;
  max-width: 22ch;
  text-wrap: balance;
  overflow-wrap: normal;
}

/* Slightly tighter introductory copy without changing the approved content. */
.gk-about-hero p,
.gk84-contact-hero p,
.gk84-opp-hero p,
.ge-hero p,
.gk85-ad-hero p:not(.gk85-overline) {
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem);
  line-height: 1.6;
}

/* Reduce oversized hero padding, keep room for the existing illustrations. */
.gk84-contact-hero,
.gk84-opp-hero {
  padding-top: clamp(42px, 5vw, 64px);
  padding-bottom: clamp(42px, 5vw, 64px);
}
.ge-hero .ge-hero-grid {
  padding-top: clamp(44px, 5vw, 66px);
  padding-bottom: clamp(44px, 5vw, 66px);
}
.gk85-ad-hero > .wrap {
  padding-top: clamp(44px, 5vw, 66px);
  padding-bottom: clamp(44px, 5vw, 66px);
}
.gk-about-hero {
  padding-top: clamp(40px, 5vw, 64px);
  padding-bottom: clamp(40px, 5vw, 64px);
}

@media (max-width: 700px) {
  .gk-about-hero h1,
  .gk84-contact-hero h1,
  .gk84-opp-hero h1,
  .ge-hero h1,
  .gk85-ad-hero h1 {
    font-size: clamp(1.875rem, 7.8vw, 2.25rem);
    line-height: 1.15;
    letter-spacing: -0.03em;
    max-width: 24ch;
  }
  .gk84-contact-hero,
  .gk84-opp-hero,
  .gk-about-hero {
    padding-top: 36px;
    padding-bottom: 38px;
  }
  .ge-hero .ge-hero-grid,
  .gk85-ad-hero > .wrap {
    padding-top: 36px;
    padding-bottom: 38px;
  }
}

/* V10.9 mobile correction: compact the five informational page heroes.
   The !important flags here override legacy page-specific mobile rules. */
@media (max-width: 700px) {
  :is(.gk-about-hero, .gk84-contact-hero, .gk84-opp-hero, .ge-hero, .gk85-ad-hero) h1 {
    font-size: clamp(1.65rem, 7vw, 1.875rem) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.025em !important;
    max-width: 100% !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    text-wrap: balance;
  }
  :is(.gk-about-hero, .gk84-contact-hero, .gk84-opp-hero, .ge-hero, .gk85-ad-hero) p {
    font-size: 0.9375rem !important;
    line-height: 1.55 !important;
    margin-bottom: 16px;
  }
  .gk-about-hero,
  .gk84-contact-hero,
  .gk84-opp-hero {
    padding-block: 22px 26px !important;
  }
  .ge-hero .ge-hero-grid,
  .gk85-ad-hero > .wrap {
    padding-block: 22px 26px !important;
  }
  :is(.gk-about-hero-grid, .gk84-hero-grid, .ge-hero-grid) {
    gap: 14px !important;
  }
  .gk84-overline,
  .ge-kicker,
  .gk85-overline {
    margin-bottom: 8px !important;
  }
  .gk84-hero-art,
  .gk84-opp-art {
    width: min(145px, 42vw) !important;
    margin: 0 auto !important;
  }
  .ge-graphic {
    min-height: 168px !important;
    max-width: 100%;
  }
  .ge-centre {
    width: 126px !important;
    height: 126px !important;
    font-size: 16px !important;
  }
  .ge-graphic-label { font-size: 8px; }
}

@media (max-width: 390px) {
  :is(.gk-about-hero, .gk84-contact-hero, .gk84-opp-hero, .ge-hero, .gk85-ad-hero) h1 {
    font-size: 1.625rem !important;
  }
}