/* ========================================
   Section Header System — Unified Base Styles
   Plan A: zero HTML changes, comma-separated selectors
   Loads AFTER variables.css/base.css, BEFORE page CSS
   ======================================== */

/* ── EYEBROW / LABEL ──
   Common base for all small uppercase labels above section headings.
   Color stays in individual files (scoped CSS vars).
   ──────────────────────────────────────── */
.hero-eyebrow,
.al-eyebrow,
.blog-hero__eyebrow,
.ncf-eyebrow,
.s-eyebrow,
.ct-section-eyebrow,
.np-hww-label,
.price-label,
.rooms-label,
.promos-label,
.reviews-label,
.video-header__label {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 11px;
}

/* Eyebrows with flex layout (for decorative ::before/::after lines) */
.hero-eyebrow,
.al-eyebrow,
.blog-hero__eyebrow,
.ncf-eyebrow,
.s-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

/* ── SECTION TITLES ──
   Serif heading, clamp-responsive, weight 400.
   Color stays in individual files.
   ──────────────────────────────────────── */
.al-title,
.ncf-title,
.np-pricing-title,
.np-faq-title,
.np-hww-title,
.s-title,
.ct-section-title,
.reviews-section .section-title,
.projects-calc-cta__heading {
  font-family: 'Lora', serif;
  font-weight: 400;
  line-height: 1.1;
}

/* Standard section title size */
.al-title,
.ncf-title,
.np-pricing-title,
.np-faq-title,
.np-hww-title,
.ct-section-title,
.reviews-section .section-title {
  font-size: clamp(36px, 4vw, 52px);
}

/* Title italic accent — inherits color from scoped var */
.al-title em,
.ncf-title em,
.np-pricing-title em,
.np-faq-title em,
.np-hww-title em,
.s-title em,
.ct-section-title em,
.blog-hero__title em {
  font-style: italic;
}

/* ── SECTION SUBTITLES ──
   Muted description text below heading.
   Color and max-width stay in individual files where they differ.
   ──────────────────────────────────────── */
.ncf-sub,
.np-pricing-subtitle,
.np-faq-subtitle,
.np-hww-subtitle,
.s-sub,
.blog-hero__subtitle,
.hero-sub {
  line-height: 1.6;
}

/* Centered subtitles with max-width */
.ncf-sub,
.np-pricing-subtitle,
.s-sub,
.blog-hero__subtitle,
.hero-sub {
  margin-left: auto;
  margin-right: auto;
}

/* ── SECTION HEADER WRAPPERS ──
   Container that groups eyebrow + title + subtitle.
   ──────────────────────────────────────── */
.price-header,
.rooms-header,
.video-header,
.promos-header,
.ncf-head,
.np-pricing-header,
.s-head,
.ct-section-head {
  text-align: center;
}