/* Short-title-first hierarchy — 2026-08-03 */
:is(
  .hero-copy,
  .page-intro > .container,
  .service-hero__copy,
  .platform-hero > .container,
  .section-heading > div,
  .split-feature__copy,
  .founder-copy,
  .methodology-head,
  .certification-layout > div:first-child,
  .service-deliverables-grid > div:first-child,
  .service-sectors-grid > div:first-child,
  .service-faq-grid > div:first-child,
  .service-contact-copy,
  .platform-story > div:first-child,
  .about-principles > div:first-child,
  .dashboard-hero__inner > div:first-child,
  .dashboard-section-head > div:first-child
) > .eyebrow,
.service-intro-band__grid > .eyebrow {
  margin: 0 0 .8rem;
  color: var(--teal);
  font-family: 'Playfair Display', 'IBM Plex Sans Arabic', serif;
  font-size: clamp(2.45rem, 4.15vw, 4.35rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.035em;
  text-transform: none;
}
:is(
  .hero-copy,
  .page-intro > .container,
  .service-hero__copy,
  .platform-hero > .container,
  .methodology-head,
  .certification-layout > div:first-child,
  .service-deliverables-grid > div:first-child,
  .service-sectors-grid > div:first-child,
  .dashboard-hero__inner > div:first-child
) > .eyebrow--light {
  color: #fff;
}

[dir="rtl"] :is(
  .hero-copy,
  .page-intro > .container,
  .service-hero__copy,
  .platform-hero > .container,
  .section-heading > div,
  .split-feature__copy,
  .founder-copy,
  .methodology-head,
  .certification-layout > div:first-child,
  .service-contact-copy
) > .eyebrow,
[dir="rtl"] .service-intro-band__grid > .eyebrow {
  font-family: 'IBM Plex Sans Arabic', Arial, sans-serif;
  line-height: 1.25;
  letter-spacing: 0;
}
:is(
  .hero-copy > h1,
  .page-intro > .container > h1,
  .service-hero__copy > h1,
  .platform-hero > .container > h1,
  .section-heading > div > h2,
  .split-feature__copy > h2,
  .founder-copy > h2,
  .methodology-head > h2,
  .certification-layout > div:first-child > h2,
  .service-intro-band__grid > div > h2,
  .service-deliverables-grid > div:first-child > h2,
  .service-sectors-grid > div:first-child > h2,
  .service-faq-grid > div:first-child > h2,
  .service-contact-copy > h2,
  .platform-story > div:first-child > h2,
  .about-principles > div:first-child > h2,
  .dashboard-hero__inner > div:first-child > h1,
  .dashboard-section-head > div:first-child > h2
) {
  max-width: 760px;
  margin: 0;
  color: inherit;
  font-family: 'DM Sans', 'IBM Plex Sans Arabic', Arial, sans-serif;
  font-size: clamp(1.08rem, 1.65vw, 1.45rem);
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0;
  overflow-wrap: break-word;
}
/* Dark-background title contrast */
:is(
  .hero-copy,
  .page-intro > .container,
  .service-hero__copy,
  .platform-hero > .container,
  .methodology-head,
  .certification-layout > div:first-child,
  .service-deliverables-grid > div:first-child,
  .service-sectors-grid > div:first-child,
  .dashboard-hero__inner > div:first-child
) > .eyebrow {
  color: #fff;
}

/* Comfortable spacing between the new title and its supporting line */
:is(
  .section-heading > div,
  .split-feature__copy,
  .founder-copy,
  .service-contact-copy,
  .platform-story > div:first-child,
  .about-principles > div:first-child
) > .eyebrow {
  margin-bottom: .65rem;
}

@media (max-width: 820px) {
  :is(
    .hero-copy,
    .page-intro > .container,
    .service-hero__copy,
    .platform-hero > .container,
    .section-heading > div,
    .split-feature__copy,
    .founder-copy,
    .methodology-head,
    .certification-layout > div:first-child,
    .service-contact-copy,
    .dashboard-hero__inner > div:first-child,
    .dashboard-section-head > div:first-child
  ) > .eyebrow,
  .service-intro-band__grid > .eyebrow {
    font-size: clamp(2.15rem, 6.8vw, 3.45rem);
  }
}

@media (max-width: 540px) {
  :is(
    .hero-copy,
    .page-intro > .container,
    .service-hero__copy,
    .platform-hero > .container,
    .section-heading > div,
    .split-feature__copy,
    .founder-copy,
    .methodology-head,
    .certification-layout > div:first-child,
    .service-contact-copy,
    .dashboard-hero__inner > div:first-child,
    .dashboard-section-head > div:first-child
  ) > .eyebrow,
  .service-intro-band__grid > .eyebrow {
    font-size: clamp(1.9rem, 9.5vw, 2.7rem);
    line-height: 1.18;
  }

  :is(
    .hero-copy > h1,
    .page-intro > .container > h1,
    .service-hero__copy > h1,
    .platform-hero > .container > h1,
    .section-heading > div > h2,
    .split-feature__copy > h2,
    .founder-copy > h2,
    .methodology-head > h2,
    .certification-layout > div:first-child > h2,
    .service-intro-band__grid > div > h2,
    .service-contact-copy > h2,
    .dashboard-hero__inner > div:first-child > h1,
    .dashboard-section-head > div:first-child > h2
  ) {
    font-size: 1rem;
    line-height: 1.65;
  }
}