:root { --site-hero-height: 368px; }

main .site-page-hero,
.page-hero.brand-hero.approach-owner-hero.site-page-hero {
  display: flex;
  align-items: center;
  min-height: var(--site-hero-height);
  height: var(--site-hero-height);
  padding: 38px max(24px, calc((100vw - 1200px) / 2));
  overflow: hidden;
}

.site-page-hero .site-page-hero-inner { width: 100%; max-width: 1200px; margin: 0 auto; }
.site-page-hero .section-index { margin: 0 0 16px; padding: 0; }
.site-page-hero h1 { max-width: 900px; margin: 0; font-size: clamp(36px, 3.8vw, 48px); line-height: 1.09; letter-spacing: -.04em; }
.site-page-hero .site-hero-lede { max-width: 780px; margin: 18px 0 0; font-size: 18px; line-height: 1.5; }
.site-page-hero .site-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 20px; }
.site-page-hero .site-hero-actions .text-link { min-height: 44px; }

.research-hero.site-page-hero { background: linear-gradient(130deg, #e9f3ec, #f3f2ec 70%); }
.careers-hero.site-page-hero { background: linear-gradient(130deg, #eef4f5, #f7f8f6 70%); }
.experience-evidence-band { background: #192d37; color: #f5f4e9; }
.experience-evidence-band .qualification-strip { grid-column: auto; margin-top: 0; }
.research-featured-report { padding: 56px 0 64px; background: #f3f2ec; }
.careers-team-media { padding: 58px 0 68px; background: #f3f7f9; }
.careers-team-media .careers-hero-visual { max-width: 900px; margin: 0 auto; }
.experience-hero.site-page-hero .site-hero-lede,
.approach-owner-hero.site-page-hero .site-hero-lede { color: #d0ddd6; }
.research-hero.site-page-hero .site-hero-lede,
.careers-hero.site-page-hero .site-hero-lede { color: #4b5d56; }

@media (max-width: 1080px) {
  main .site-page-hero,
  .page-hero.brand-hero.approach-owner-hero.site-page-hero { min-height: 0; height: auto; padding-top: 64px; padding-bottom: 68px; }
}
@media (max-width: 720px) {
  main .site-page-hero,
  .page-hero.brand-hero.approach-owner-hero.site-page-hero { padding: 50px 16px 56px; }
  .site-page-hero .section-index { margin-bottom: 14px; }
  .site-page-hero h1 { font-size: clamp(34px, 8.5vw, 44px); }
  .site-page-hero .site-hero-lede { font-size: 16px; }
}