.text-image-wide {
  .container {
    .text-image-wide-body {
      margin: 0 -100px;
      padding: 42px 56px;
      border: 1px solid var(--c-gray-900);
      border-radius: 5px;
      display: grid;
      grid-template-columns: 66fr 57fr;
      justify-content: center;
      gap: 32px;
      align-items: flex-start;
      margin-bottom: 32px;

      @media (max-width: 1366px) {
        margin: 0 0 32px 0;
      }

      @media (max-width: 1024px) {
        padding: 24px;
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
      }

      .text-image-wide-left {
        h2 {
          font-weight: 700;
          font-size: 75px;
          line-height: 100%;
          letter-spacing: -2px;
          margin-top: 0;
          margin-bottom: 24px;

          @media (max-width: 1024px) {
            font-size: 28px;
            letter-spacing: -1px;
          }
        }

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

        .mobile {
          display: none;

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

    .image-image-wide-right {
      @media (max-width: 1024px) {
        margin: 0 -24px;
      }

      figure {
        aspect-ratio: 56 / 30;
        border: 1px solid var(--c-gray-900);
        border-radius: 5px;
        overflow: hidden;

        @media (max-width: 1024px) {
          border-radius: 0;
          height: auto;
          width: 100%;
        }

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

    .responsive-text {
      display: none;

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

    .info-card {
      padding: 16px 24px;
      border: 1px solid var(--c-gray-900);
      border-radius: 5px;
      display: flex;
      justify-content: flex-start;
      gap: 16px;
      margin: 0 auto;
      max-width: fit-content;
      font-family: var(--ff-fibbl);
      font-weight: 400;
      font-size: 20px;
      line-height: 100%;
      letter-spacing: -0.4px;
      text-transform: uppercase;
    }
  }
}