.gallery-portfolio-block {
  // --pad-y: 8;
  --full: 1fr;
  --split-50-50: 1fr;
  --split-66-33: 1fr;
  --split-33-66: 1fr;
  --split-flow: unset;
  --split-33-66-left-col: unset;
  --split-33-66-right-col: unset;
  --split-span: unset;

  @media screen and (min-width: 960px) {
    // --pad-y: 14;
    --split-50-50: 1fr 1fr;
    --split-66-33: 2fr 1fr;
    --split-33-66: 1fr 2fr;
    --split-flow: column;
    --split-33-66-left-col: 1;
    --split-33-66-right-col: 2;
    --split-span: span 3;
  }

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

  .gallery-row {
    display: grid;
    gap: calc(var(--baseline) * 2);

    &[data-layout="layout_full"] {
      grid-template-columns: var(--full);
    }
    &[data-layout="layout_split_50_50"] {
      grid-template-columns: var(--split-50-50);
    }
    &[data-layout="layout_split_66_33"] {
      grid-template-columns: var(--split-66-33);

      .gallery-item:first-child {
        grid-row: var(--split-span);
      }
    }
    &[data-layout="layout_split_33_66"] {
      grid-template-columns: var(--split-33-66);
      grid-auto-flow: var(--split-flow);
      .gallery-item {
        grid-column: var(--split-33-66-left-col);
      }
      .gallery-item:last-child {
        grid-column: var(--split-33-66-right-col);
        grid-row: var(--split-span);
      }
    }
  }

  .gallery-item {
    overflow: hidden;
    border-radius: var(--radius-small);
  }
  .visual-img {}

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