/* Shared editable dark hero for the main navigation pages. */
.mara-page-hero { background:var(--mara-ink); color:var(--mara-paper); padding:clamp(4.5rem,10vw,9rem) 0; }
.mara-page-hero .mara-eyebrow { color:var(--mara-peach); margin-bottom:.55rem; }
.mara-page-hero h1 { color:var(--mara-paper); font-size:clamp(2.6rem,5.2vw,5.5rem); line-height:.98; margin:0; max-width:16ch; }
.mara-page-hero__lead { color:color-mix(in srgb,var(--mara-paper) 76%,var(--mara-ink)); font-size:1.05rem; line-height:1.75; margin:1.6rem 0 0; max-width:35rem; }
.mara-page-hero--portfolio h1 { max-width:12ch; }
.mara-page-hero--about h1 { max-width:18ch; }
.mara-page-hero--services h1,
.mara-page-hero--portfolio h1,
.mara-page-hero--blog h1,
.mara-page-hero--about h1 { font-size:clamp(2.25rem,4vw,4rem); }
.mara-page-hero--services .mara-page-hero__lead { max-width:40rem; }
.mara-page-hero--shop .mara-page-hero__lead { max-width:35rem; }

@media (max-width:700px) {
  .mara-page-hero { padding:3.75rem 0 4.5rem; }
  .mara-page-hero h1 { font-size:clamp(2.35rem,10vw,3.65rem); max-width:14ch; }
  .mara-page-hero--services h1,
  .mara-page-hero--portfolio h1,
  .mara-page-hero--blog h1,
  .mara-page-hero--about h1 { font-size:clamp(1.9rem,7vw,2.8rem); }
  .mara-page-hero__lead { font-size:.96rem; margin-top:1.25rem; }
}