@media (max-width: 1199.98px) {
  .ta-page-main > .ta-internal-hero:first-child {
    margin-block-start: calc(var(--ta-page-content-start-gap-tablet) * -1);
  }

  .ta-internal-hero .ta-internal-hero__frame {
    min-height: calc(var(--ta-projects-card-min-height-tablet) * 1.5);
  }

  .ta-internal-hero .ta-internal-hero__content {
    width: 50%;
    padding-block: var(--ta-space-7);
    padding-inline: var(--ta-container-padding-x) var(--ta-space-8);
  }

  .ta-internal-hero .ta-internal-hero__title {
    font-size: calc(var(--ta-type-section-title-size) * 1.2);
  }

  .ta-internal-hero .ta-internal-hero__subtitle {
    font-size: var(--ta-type-card-title-size);
  }
}

@media (max-width: 767.98px) {
  .ta-page-main > .ta-internal-hero:first-child {
    margin-block-start: calc(var(--ta-page-content-start-gap-mobile) * -1);
  }

  .ta-internal-hero .ta-internal-hero__container {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  .ta-internal-hero .ta-internal-hero__frame {
    min-height: calc(var(--ta-projects-card-min-height-mobile) * 1.05);
    align-items: flex-end;
  }

  .ta-internal-hero .ta-internal-hero__bg {
    object-position: center;
  }

  .ta-internal-hero .ta-internal-hero__overlay {
    background:
      linear-gradient(180deg,
        color-mix(in srgb, var(--ta-color-navy-deep) 38%, transparent) 0%,
        color-mix(in srgb, var(--ta-color-navy-deep) 82%, transparent) 64%,
        color-mix(in srgb, var(--ta-color-navy-deep) 94%, transparent) 100%);
  }

  .ta-internal-hero .ta-internal-hero__content {
    width: 100%;
    margin-inline-start: 0;
    padding-block: var(--ta-space-7);
    padding-inline: var(--ta-space-5);
    text-align: start;
  }

  .ta-internal-hero .ta-internal-hero__eyebrow {
    margin-block-end: var(--ta-space-5);
  }

  .ta-internal-hero .ta-internal-hero__title {
    font-size: calc(var(--ta-type-section-title-size-mobile) * 1.35);
  }

  .ta-internal-hero .ta-internal-hero__subtitle {
    margin-block-start: var(--ta-space-4);
    font-size: var(--ta-type-card-title-size-mobile);
  }

  .ta-internal-hero .ta-internal-hero__text {
    margin-block-start: var(--ta-space-5);
    font-size: var(--ta-type-card-text-size-mobile);
  }

  .ta-internal-hero .ta-internal-hero__breadcrumb {
    margin-block-start: var(--ta-space-6);
    padding-block-start: var(--ta-space-5);
  }

  .ta-internal-hero .ta-internal-hero__breadcrumb ol {
    gap: var(--ta-space-3);
    font-size: var(--ta-type-card-text-size-mobile);
  }
}