/* Moe's Mobile Detailing, the flat header shared by the gallery and FAQ pages.

   Same reasoning as the commercial page: these are pages you read, not
   posters, so the header is flat navy under the same nav. The rules live in
   their own file because commercial.css belongs to the commercial page and
   the captain has signed that page off; nothing here may reach into it.
   If a third reading page ever appears, this file is the one it shares. */

/* neutralise the photo-hero geometry from homepage.css */
.subhero.hero {
  aspect-ratio: auto;
  display: block;
  background: var(--navy);
  overflow: visible;
}

.subhero__body {
  padding-top: clamp(var(--s4), 4.5vw, 72px);
  padding-bottom: clamp(var(--s5), 5.5vw, 88px);
}

.subhero__headline {
  margin: 0;
  max-width: 18em;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(30px, 2.9vw, 42px);
  line-height: 1.12;
  text-transform: uppercase;
  color: var(--white);
}

.subhero__lede {
  margin: var(--s3) 0 0;
  max-width: 38em;
  font-size: clamp(14.7px, 1.15vw, 17px);
  line-height: 1.7;
  color: var(--silver);
}