/* Shared spacing contract for standard interior-page heroes. */
:root {
  --gtech-page-hero-copy-height: 420px;
  --gtech-page-hero-copy-padding-block: 82px 76px;
}

:is(
  .gtech-page-banner,
  .about-native-hero,
  .careers-native-hero,
  .insights-native-hero,
  .referral-native-hero
) {
  grid-template-rows: var(--gtech-page-hero-copy-height) var(--gtech-inner-banner-height, clamp(430px, 40vw, 610px)) !important;
}

:is(
  .gtech-page-banner__content,
  .about-native-hero .gtech-page-banner__content,
  .careers-native-hero-content,
  .insights-native-hero-content,
  .referral-native-hero-content
) {
  box-sizing: border-box !important;
  height: var(--gtech-page-hero-copy-height) !important;
  min-height: var(--gtech-page-hero-copy-height) !important;
  padding-block: var(--gtech-page-hero-copy-padding-block) !important;
}

@media (max-width: 820px) {
  :is(
    .gtech-page-banner,
    .about-native-hero,
    .careers-native-hero,
    .insights-native-hero,
    .referral-native-hero
  ) {
    grid-template-rows: auto var(--gtech-inner-banner-height-mobile, 380px) !important;
  }

  :is(
    .gtech-page-banner__content,
    .about-native-hero .gtech-page-banner__content,
    .careers-native-hero-content,
    .insights-native-hero-content,
    .referral-native-hero-content
  ) {
    height: auto !important;
    min-height: 0 !important;
    padding-block: 64px 58px !important;
  }
}