/* Shared H1/H2 roles. Small card titles retain their component scale. */
.hero h1,
.hero h1.hero-title,
.hero-title {
  font-family: var(--mio-font-heading);
  font-size: var(--mio-type-h1-size);
  font-weight: 800;
  line-height: var(--mio-type-h1-leading);
  letter-spacing: var(--mio-type-h1-tracking);
}
#benefits .section-title,
#faq .faq-main-title,
#oferta .offer-shell .section-title,
#oferta .offer-shell>.section-title,
#pomieszczenia .section-title,
#realizacje .section-head .section-title,
#realizacje .section-title,
#system .section-title,
#system .system-copy .section-title,
.benefits-section .section-title,
.contact-copy h2,
.content-section .section-title,
.content-section .section-title.content-title-split,
.faq-copy .section-title,
.faq-main-title,
.faq-section .section-title,
.offer-shell .section-title,
.offer-shell>.section-title,
.reasons-section .section-title,
.section-head .section-title,
.section-title,
.section-title.centered,
.section-title.left,
.system-copy .section-title {
  font-family: var(--mio-font-heading);
  font-size: var(--mio-type-h2-size);
  font-weight: 700;
  line-height: var(--mio-type-h2-leading);
  letter-spacing: var(--mio-type-h2-tracking);
}
#benefits .section-title>.accent,
#benefits .section-title>span,
#benefits .section-title>span:first-child,
#system .system-copy .section-title > span,
#system .system-copy .section-title > span:first-child,
.hero h1.hero-title .hero-title-accent,
.hero h1.hero-title .hero-title-main { font: inherit; letter-spacing: inherit; }
#benefits .section-title,
#faq .faq-main-title,
#oferta .offer-shell .section-title,
#oferta .offer-shell>.section-title,
#pomieszczenia .section-title,
#realizacje .section-head .section-title,
#realizacje .section-title,
#system .section-title,
#system .system-copy .section-title,
.benefits-section .section-title,
.contact-copy h2,
.content-section .section-title,
.content-section .section-title.content-title-split,
.faq-copy .section-title,
.faq-main-title,
.faq-section .section-title,
.offer-shell .section-title,
.offer-shell>.section-title,
.reasons-section .section-title,
.section-head .section-title,
.section-title,
.section-title.centered,
.section-title.left,
.system-copy .section-title { height: auto; max-width: 100%; margin: 0 0 var(--mio-space-heading); }
.section-head .section-title, #realizacje .section-head .section-title { margin-bottom: 0; }