.heroMediaWithText-container .heroMediaWithText-content {
  position: relative;
  overflow: hidden; }
  .heroMediaWithText-container .heroMediaWithText-content .text-container {
    position: absolute;
    width: 100%;
    max-width: 650px;
    padding: 25px;
    pointer-events: none; }
    @media (max-width: 1024.98px) {
      .heroMediaWithText-container .heroMediaWithText-content .text-container {
        padding: 20px; } }
    .heroMediaWithText-container .heroMediaWithText-content .text-container-left {
      text-align: left; }
      .heroMediaWithText-container .heroMediaWithText-content .text-container-left .btns-wrapper {
        -ms-flex-pack: left;
            justify-content: left; }
    .heroMediaWithText-container .heroMediaWithText-content .text-container-center {
      text-align: center; }
      .heroMediaWithText-container .heroMediaWithText-content .text-container-center .btns-wrapper {
        -ms-flex-pack: center;
            justify-content: center; }
    .heroMediaWithText-container .heroMediaWithText-content .text-container-right {
      text-align: right; }
      .heroMediaWithText-container .heroMediaWithText-content .text-container-right .btns-wrapper {
        -ms-flex-pack: right;
            justify-content: right; }
    .heroMediaWithText-container .heroMediaWithText-content .text-container.left-aligned-top {
      transform: none;
      top: 150px;
      left: 0; }
    .heroMediaWithText-container .heroMediaWithText-content .text-container.left-aligned-middle {
      transform: translate(0, -50%);
      top: 50%;
      left: 0; }
    .heroMediaWithText-container .heroMediaWithText-content .text-container.left-aligned-bottom {
      transform: translate(0, -50%);
      top: 70%;
      left: 0; }
    .heroMediaWithText-container .heroMediaWithText-content .text-container.centered-on-top {
      transform: translate(-50%, 0);
      top: 150px;
      left: 50%; }
    .heroMediaWithText-container .heroMediaWithText-content .text-container.centered-on-middle {
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%; }
    .heroMediaWithText-container .heroMediaWithText-content .text-container.centered-on-bottom {
      transform: translate(-50%, -50%);
      top: 70%;
      left: 50%; }
    .heroMediaWithText-container .heroMediaWithText-content .text-container.right-aligned-top {
      transform: none;
      top: 150px;
      right: 0; }
    .heroMediaWithText-container .heroMediaWithText-content .text-container.right-aligned-middle {
      transform: translate(0, -50%);
      top: 50%;
      right: 0; }
    .heroMediaWithText-container .heroMediaWithText-content .text-container.right-aligned-bottom {
      transform: translate(0, -50%);
      top: 70%;
      right: 0; }
    @media (max-width: 1024.98px) {
      .heroMediaWithText-container .heroMediaWithText-content .text-container.centered-on-top-mobile {
        transform: translate(-50%, 0);
        text-align: center;
        top: 80px;
        left: 50%;
        right: unset; }
        .heroMediaWithText-container .heroMediaWithText-content .text-container.centered-on-top-mobile .btns-wrapper {
          -ms-flex-pack: center;
              justify-content: center; }
      .heroMediaWithText-container .heroMediaWithText-content .text-container.centered-on-middle-mobile {
        transform: translate(-50%, -50%);
        text-align: center;
        top: 50%;
        left: 50%;
        right: unset; }
        .heroMediaWithText-container .heroMediaWithText-content .text-container.centered-on-middle-mobile .btns-wrapper {
          -ms-flex-pack: center;
              justify-content: center; }
      .heroMediaWithText-container .heroMediaWithText-content .text-container.centered-on-bottom-mobile {
        transform: translate(-50%, 0);
        text-align: center;
        bottom: 0;
        left: 50%;
        top: unset;
        right: unset; }
        .heroMediaWithText-container .heroMediaWithText-content .text-container.centered-on-bottom-mobile .btns-wrapper {
          -ms-flex-pack: center;
              justify-content: center; } }
    .heroMediaWithText-container .heroMediaWithText-content .text-container p {
      font-size: 14px;
      text-transform: uppercase;
      margin-bottom: 30px;
      letter-spacing: 0.2em;
      line-height: 1.5rem; }
      @media (max-width: 1024.98px) {
        .heroMediaWithText-container .heroMediaWithText-content .text-container p {
          margin-bottom: 20px; } }
    .heroMediaWithText-container .heroMediaWithText-content .text-container h1, .heroMediaWithText-container .heroMediaWithText-content .text-container h2, .heroMediaWithText-container .heroMediaWithText-content .text-container h3 {
      text-transform: uppercase;
      font-weight: 400;
      letter-spacing: 0.05em;
      line-height: 100%;
      margin-bottom: 30px; }
      @media (max-width: 1024.98px) {
        .heroMediaWithText-container .heroMediaWithText-content .text-container h1, .heroMediaWithText-container .heroMediaWithText-content .text-container h2, .heroMediaWithText-container .heroMediaWithText-content .text-container h3 {
          margin-bottom: 20px; } }
    .heroMediaWithText-container .heroMediaWithText-content .text-container a, .heroMediaWithText-container .heroMediaWithText-content .text-container button {
      line-height: normal;
      pointer-events: auto; }
      .heroMediaWithText-container .heroMediaWithText-content .text-container a.button-secondary span::after, .heroMediaWithText-container .heroMediaWithText-content .text-container button.button-secondary span::after {
        bottom: -8px; }
      .heroMediaWithText-container .heroMediaWithText-content .text-container a.button-secondary.underlined span::after, .heroMediaWithText-container .heroMediaWithText-content .text-container button.button-secondary.underlined span::after {
        width: 100%; }

.heroMediaWithText-container .iframe--video {
  width: 100%;
  max-width: 100%; }
  .heroMediaWithText-container .iframe--video .isDesktop {
    display: block; }
    @media (max-width: 768.98px) {
      .heroMediaWithText-container .iframe--video .isDesktop {
        display: none; } }
    .heroMediaWithText-container .iframe--video .isDesktop.desktopOnly {
      display: block; }
  .heroMediaWithText-container .iframe--video .isMobile {
    display: none; }
    .heroMediaWithText-container .iframe--video .isMobile.portrait-mode {
      padding-bottom: 177.77%; }
    @media (max-width: 768.98px) {
      .heroMediaWithText-container .iframe--video .isMobile {
        display: block; } }

.heroMediaWithText-container .image-with-cta-content {
  width: 100%; }
  .heroMediaWithText-container .image-with-cta-content .image-with-cta picture {
    width: 100%;
    height: 770px; }
    @media (max-width: 1024.98px) {
      .heroMediaWithText-container .image-with-cta-content .image-with-cta picture {
        height: 679px; } }
    .heroMediaWithText-container .image-with-cta-content .image-with-cta picture::before {
      position: absolute;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      right: 0;
      z-index: 0; }
    .heroMediaWithText-container .image-with-cta-content .image-with-cta picture img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
      @media (max-width: 768.98px) {
        .heroMediaWithText-container .image-with-cta-content .image-with-cta picture img {
          height: 100%; } }
  .heroMediaWithText-container .image-with-cta-content .image-with-cta.active-shadow-desktop-right picture::before {
    background: linear-gradient(270deg, var(--shadowColorDesktop) 0%, #00000000 40%); }
    @media (max-width: 768.98px) {
      .heroMediaWithText-container .image-with-cta-content .image-with-cta.active-shadow-desktop-right picture::before {
        background: transparent; } }
  .heroMediaWithText-container .image-with-cta-content .image-with-cta.active-shadow-desktop-bottom picture::before {
    background: linear-gradient(0deg, var(--shadowColorDesktop) 0%, #00000000 40%); }
    @media (max-width: 768.98px) {
      .heroMediaWithText-container .image-with-cta-content .image-with-cta.active-shadow-desktop-bottom picture::before {
        background: transparent; } }
  @media (max-width: 768.98px) {
    .heroMediaWithText-container .image-with-cta-content .image-with-cta.active-shadow-mobile-bottom picture::before {
      background: linear-gradient(0deg, var(--shadowColorMobile) 0%, #00000000 30%); } }
