@media (max-width: 991px) {
  .internal-hero {
    padding: 10rem 0 3.8rem;
    min-height: 360px;
  }

  .internal-hero::after {
    height: 130px;
  }

  .internal-hero__content {
    max-width: 100%;
  }

  .internal-hero__content h1 {
    font-size: clamp(2.1rem, 6vw, 3.4rem);
    max-width: 100%;
  }

  .internal-hero__content p {
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.8;
  }
}

@media (max-width: 767px) {
  .internal-hero {
    padding: 9rem 0 3.4rem;
    min-height: 320px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .internal-hero::before {
    background:
      linear-gradient(
        180deg,
        rgba(10, 20, 25, 0.58) 0%,
        rgba(10, 20, 25, 0.24) 18%,
        rgba(10, 20, 25, 0.08) 40%,
        rgba(255, 255, 255, 0.18) 64%,
        rgba(255, 255, 255, 0.7) 100%
      ),
      radial-gradient(
        circle at top left,
        rgba(255, 220, 29, 0.08) 0%,
        transparent 24%
      );
  }

  .internal-hero::after {
    height: 115px;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.24) 32%,
      rgba(255, 255, 255, 0.62) 62%,
      rgba(255, 255, 255, 0.9) 84%,
      #ffffff 100%
    );
  }

  .internal-hero__eyebrow {
    margin-bottom: 0.8rem;
    font-size: 0.76rem;
    letter-spacing: 0.11em;
    color: var(--color-primary);
  }

  .internal-hero__content h1 {
    font-size: clamp(1.9rem, 8vw, 2.8rem);
    line-height: 1.06;
    margin-bottom: 0.85rem;
    color: #111111;
  }

  .internal-hero__content p {
    font-size: 0.96rem;
    line-height: 1.72;
    color: rgba(17, 17, 17, 0.8);
  }

  .breadcrumb {
    margin-top: 1.3rem;
    gap: 0.45rem;
    font-size: 0.86rem;
    color: rgba(17, 17, 17, 0.62);
  }

  .breadcrumb a {
    color: #111111;
  }
}

@media (max-width: 575px) {
  .internal-hero {
    padding: 8.4rem 0 3rem;
    min-height: 290px;
  }

  .internal-hero::after {
    height: 96px;
  }

  .internal-hero__content h1 {
    font-size: clamp(1.75rem, 8vw, 2.35rem);
  }

  .internal-hero__content p {
    font-size: 0.93rem;
  }

  .internal-hero__eyebrow {
    font-size: 0.72rem;
  }

  .breadcrumb {
    font-size: 0.82rem;
  }
}