.the-shift {
  padding: var(--section-spacing-md) 0;
  color: var(--c-gray-25);
  background-color: var(--c-gray-900);

  .container {
    .cases {
      margin-bottom: 50px;

      @media (max-width: 1024px) {
        margin-bottom: 32px;
      }
    }

    .the-shift-top {
      display: grid;
      gap: 50px;
      grid-template-columns: 1fr 310px;

      @media (max-width: 1024px) {
        display: block;
      }

      .the-shift-left {
        h2 {
          margin: 0 0 24px;
          font-size: var(--fs-3xl);
          line-height: 90%;
        }

        .text {
          @media (max-width: 1024px) {
            display: none;
          }
        }
      }

      .the-shift-right {
        display: flex;
        justify-content: flex-end;

        @media (max-width: 1024px) {
          display: none;
        }
      }
    }

    figure {
      display: flex;
      justify-content: center;

      @media (max-width: 1024px) {
        margin-bottom: 32px;
      }
    }

    .mobile {
      display: none;

      @media (max-width: 1024px) {
        display: block;
      }

      .cta {
        margin-bottom: 40px;

        a {
          display: block;
        }
      }
    }
  }
}