@media (max-width: 980px) {
  .hero-split {
    padding-top: 0;
  }

  .hero-split.fullscreen {
    padding: 0 !important;
  }

  .hero-split .container {
    width: 100% !important;
    max-width: none !important;
  }

  .hero-split .hero-frame {
    min-height: clamp(560px, 78vh, 760px);
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .hero-split img.hero-image {
    object-position: center 20%;
  }

  .hero-split .hero-overlay {
    background: linear-gradient(90deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.28) 45%, rgba(0,0,0,0.86) 72%, rgba(0,0,0,0.94) 100%),
                linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.38) 68%, rgba(0,0,0,0.72) 100%);
  }

  .hero-split .hero-panel {
    position: relative;
    inset: auto;
    align-self: stretch;
    justify-content: flex-start;
    padding: clamp(110px, 16vh, 170px) 18px 26px;
    width: 100%;
  }

  .hero-split .hero-panel h1 {
    font-size: clamp(28px, 8.2vw, 40px);
  }

  .hero-split .hero-panel p {
    font-size: 16px;
  }

  .grid > * {
    min-width: 0;
  }

  .card,
  .card * {
    min-width: 0;
  }

  a.muted,
  .muted a {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}