.videos {
  padding-top: 70px;
  border-top: 1px solid #191919;
  @media (max-width: 1024px) {
    padding-top: 50px;
  }
  .section-container {
    h2 {
      text-align: center;
      margin-bottom: 30px;
    }
    .video-items {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px;
      margin-bottom: 40px;

      @media (max-width: 1024px) {
        grid-template-columns: 1fr;
      }

      article {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 18px;

        figure {
          width: 100%;
          height: auto;
          aspect-ratio: 64/39;
          border-radius: 30px;
          overflow: hidden;
          position: relative;
          a {
            width: 100%;
            height: 100%;
            display: block;
          }

          .thumbnail {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
          .play {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
          }
        }

        h3 {
          width: 100%;
          margin: 0;
        }
        .cta {
        }
      }
    }
  }
  &.tiles {
    padding-top: 0;
    border-top: none;
  }
}