.cards-portfolio-block {
  // --pad-y: 8;
  --repeat: 1;

  @media screen and (min-width: 960px) {
    // --pad-y: 14;
    --repeat: 3;
  }

  .inner-wrapper {
    // padding-top: calc(var(--baseline) * var(--pad-y));
    // padding-bottom: calc(var(--baseline) * var(--pad-y));
    background-color: var(--background-color-dark);
  }

  .cards-items {
    display: grid;
    grid-template-columns: repeat(var(--repeat), 1fr);
    gap: calc(var(--baseline) * 2);
    margin: 0 auto;
  }
  .card-item {
    aspect-ratio: 10/16;
    overflow: hidden;
    border-radius: var(--radius-small);

    .hs-video-widget,
    .hs-video-container {
      height: 100%;
    }
    .hs-video-wrapper {
      padding: 0;
      height: 100% !important;
    }
  }
}