.oc__block.oc__block__programs-listing-hero {
  background-image: url('./assets/ProgramsListingHero.bg.png');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

@media (min-width: 1120px) {
  .oc__block.oc__block__programs-listing-hero {
    background-image:
    linear-gradient(180deg, transparent, white),
    url('./assets/ProgramsListingHero.bg.png');

    background-size:
    100% 40%,
    100%;

    background-position:
    bottom,
    top;
  }
}

.oc__block .oc__block__programs-listing-hero__titles {
  padding: 32px 24px;

  text-align: center;
}

@media (min-width: 1120px) {
  .oc__block .oc__block__programs-listing-hero__titles {
    padding: 70px 85px
  }
}

.oc__block .oc__block__programs-listing-hero__titles__title {
  color: var(--oc--color--navy-text);
  font-family: var(--oc--font-family--base);
  font-size: 48px;
  font-weight: 500;
  line-height: 106%;

  margin-bottom: var(--oc--spacing--05);
}

@media (min-width: 1120px) {
  .oc__block .oc__block__programs-listing-hero__titles__title {
    margin-bottom: var(--oc--spacing--15);

    font-size: 72px;
    font-weight: 800;
    letter-spacing: -1.44px;
    line-height: 120%;
  }
}

.oc__block .oc__block__programs-listing-hero__titles__subtitle {
  color: var(--oc--color--navy-text);
  font-family: var(--oc--font-family--base);
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

@media (min-width: 1120px) {
  .oc__block .oc__block__programs-listing-hero__titles__subtitle {
    margin: 0 auto;
    max-width: 900px;

    font-size: 52px;
    font-weight: 500;
    line-height: 106%;
  }
}

.oc__block .oc__block__programs-listing-hero__video {
  height: 365px;
  width: 100%;
}

@media (min-width: 1120px) {
  .oc__block .oc__block__programs-listing-hero__video {
    height: 460px;
    margin: 0 auto;
    max-width: 1100px;

    border-radius: 8px;
  }
}

.oc__block .oc__block__programs-listing-hero__video__container-desktop,
.oc__block .oc__block__programs-listing-hero__video__container-mobile {
  position: relative;

  width: 100%;
  height: 100%;
}

.oc__block .oc__block__programs-listing-hero__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (prefers-reduced-motion) {
  .oc__block .oc__block__programs-listing-hero__video video {
    visibility: hidden;
  }
}

.oc__block .oc__block__programs-listing-hero__video img {
  display: none;
}

@media (prefers-reduced-motion) {
  .oc__block .oc__block__programs-listing-hero__video img {
    display: block;

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (min-width: 1120px) {
  .oc__block .oc__block__programs-listing-hero__video video {
    border-radius: 8px;
  }
}

@media (min-width: 1120px) {
  .oc__block__programs-listing-hero__video__container-mobile {
    display: none;
  }
}

.oc__block__programs-listing-hero__video__container-desktop {
  display: none;
}

@media (min-width: 1120px) {
  .oc__block__programs-listing-hero__video__container-desktop {
    display: block;
  }
}