/* ERG: return to homepage-style transparent masthead on all interior pages.
   Keep this file AFTER other header CSS. No sticky/fixed header, no stripe. */
@media (max-width: 950px) {
  html body header.erg-unified-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    opacity: 1 !important;
  }
  html body header.erg-unified-header::before,
  html body header.erg-unified-header::after {
    display: none !important;
    content: none !important;
  }
  /* Let the first hero run behind the masthead; don't move the hero itself. */
  html body:has(> header.erg-unified-header) main { margin-top: 0 !important; }
  html body:has(> header.erg-unified-header) main > section:first-child { margin-top: 0 !important; }
  /* Non-image About hero: move TEXT below header while preserving dark canvas. */
  html body .ae-main { padding-top: 0 !important; }
  html body .ae-main .ae-hero-copy { padding-top: 115px !important; }
}
@media (max-width: 700px) {
  /* Override earlier mobile About patch's 20px top padding without changing its layout. */
  html body .ae-main .ae-hero-copy { padding-top: 115px !important; }
}