:where([data-block-type=photo-gallery]) {
  display: grid;
  grid-template-columns: var(--base-grid);
}
:where([data-block-type=photo-gallery]) .wp-block-acf-image > div {
  aspect-ratio: 16/9;
  border-radius: var(--border-radius);
  background-color: var(--color-gray);
  position: relative;
  display: grid;
  justify-content: center;
  align-items: center;
}
:where([data-block-type=photo-gallery]) .wp-block-acf-image > div:before {
  content: "Place An Image";
}
:where([data-block-type=photo-gallery]) .wp-block-acf-image.acf-block-preview figure {
  height: 100%;
}
:where([data-block-type=photo-gallery]) .wp-block-acf-image.acf-block-preview:has(.row-2) img, :where([data-block-type=photo-gallery]) .wp-block-acf-image.acf-block-preview:has(.row-3) img, :where([data-block-type=photo-gallery]) .wp-block-acf-image.acf-block-preview:has(.row-4) img {
  max-height: none;
}
:where([data-block-type=photo-gallery]) .wp-block-acf-image.acf-block-preview:has(.row-2) {
  grid-row: span 2;
}
:where([data-block-type=photo-gallery]) .wp-block-acf-image.acf-block-preview:has(.row-3) {
  grid-row: span 3;
}
:where([data-block-type=photo-gallery]) .wp-block-acf-image.acf-block-preview:has(.row-4) {
  grid-row: span 4;
}
:where([data-block-type=photo-gallery]) .wp-block-acf-image.acf-block-preview:has(.col-2) {
  grid-column: span 2;
}
:where([data-block-type=photo-gallery]) .wp-block-acf-image.acf-block-preview:has(.col-3) {
  grid-column: span 3;
}
:where([data-block-type=photo-gallery]) .wp-block-acf-image.acf-block-preview:has(.col-4) {
  grid-column: span 4;
}
:where([data-block-type=photo-gallery]) > .inner {
  --column-count: 2;
  grid-column: 2/span 12;
  display: grid;
  grid-template-columns: repeat(var(--column-count), 1fr);
  gap: var(--spacing-small);
}
@media (min-width: 890px) {
  :where([data-block-type=photo-gallery]) > .inner.col-3 {
    --column-count: 3;
  }
  :where([data-block-type=photo-gallery]) > .inner.col-4 {
    --column-count: 4;
  }
  :where([data-block-type=photo-gallery]) > .inner.col-5 {
    --column-count: 5;
  }
  :where([data-block-type=photo-gallery]) > .inner.col-6 {
    --column-count: 6;
  }
  :where([data-block-type=photo-gallery]) > .inner.col-7 {
    --column-count: 7;
  }
  :where([data-block-type=photo-gallery]) > .inner.col-8 {
    --column-count: 8;
  }
}
:where([data-block-type=photo-gallery]) > .inner > figure {
  --max-height: 300px;
  max-height: var(--max-height);
}
@media (min-width: 890px) {
  :where([data-block-type=photo-gallery]) > .inner > figure.row-2 {
    grid-row: span 2;
    max-height: calc(var(--max-height) * 2 + var(--spacing-medium));
  }
  :where([data-block-type=photo-gallery]) > .inner > figure.row-3 {
    grid-row: span 3;
    max-height: calc(var(--max-height) * 3 + var(--spacing-medium) * 2);
  }
  :where([data-block-type=photo-gallery]) > .inner > figure.row-4 {
    grid-row: span 4;
    max-height: calc(var(--max-height) * 4 + var(--spacing-medium) * 3);
  }
  :where([data-block-type=photo-gallery]) > .inner > figure.col-2 {
    grid-column: span 2;
  }
  :where([data-block-type=photo-gallery]) > .inner > figure.col-3 {
    grid-column: span 3;
  }
  :where([data-block-type=photo-gallery]) > .inner > figure.col-4 {
    grid-column: span 4;
  }
  :where([data-block-type=photo-gallery]) > .inner > figure.col-5 {
    grid-column: span 5;
  }
  :where([data-block-type=photo-gallery]) > .inner > figure.col-6 {
    grid-column: span 6;
  }
  :where([data-block-type=photo-gallery]) > .inner > figure.col-7 {
    grid-column: span 7;
  }
  :where([data-block-type=photo-gallery]) > .inner > figure.col-8 {
    grid-column: span 8;
  }
}
:where([data-block-type=photo-gallery]) > .inner.col-2:has(figure:is(:last-child:nth-of-type(2))) figure {
  max-height: calc(var(--max-height) * 1.5);
}
:where([data-block-type=photo-gallery]) .heading-group,
:where([data-block-type=photo-gallery]) .wp-block-acf-heading-group {
  grid-column: 1/-1;
}
:where([data-block-type=photo-gallery]) figure + figure {
  margin-top: 0;
}
:where([data-block-type=photo-gallery]) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
  border-radius: var(--border-radius);
}
@media (max-width: 889px) {
  :where([data-block-type=photo-gallery]) .type-logos {
    grid-template-columns: repeat(3, 1fr);
  }
}
:where([data-block-type=photo-gallery]) .type-logos figure {
  --max-height: 180px;
  padding: var(--spacing-tiny-extra);
  overflow: clip;
  display: grid;
  align-content: center;
  align-items: center;
  justify-content: center;
  position: relative;
  max-height: var(--max-height);
}
:where([data-block-type=photo-gallery]) .type-logos img, :where([data-block-type=photo-gallery]) .type-logos svg {
  object-fit: contain;
  height: 100%;
  width: 100%;
  max-height: calc(var(--max-height) - var(--spacing-tiny)) !important;
}
:where([data-block-type=photo-gallery]) .type-logos.style-carousel {
  grid-column: 2/span 12;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-inline: var(--spacing-medium);
  overflow-x: visible;
  animation: scroll 60s linear infinite alternate;
  width: fit-content;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-65%);
  }
}
:where([data-block-type=photo-gallery]) .type-logos.style-carousel figure {
  flex-grow: 1;
  width: calc(100% / var(--column-count));
  min-width: max-content;
}
:where([data-block-type=photo-gallery]) .type-logos.style-carousel figure img {
  max-height: 160px !important;
}
:where([data-block-type=photo-gallery]):has(.style-carousel) {
  overflow-x: hidden;
  mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
}

.wp-block-acf-split .wp-block-acf-photo-gallery .inner.type-logos {
  gap: var(--spacing-tiny);
  display: grid;
  grid-template-columns: repeat(var(--grid-count), 1fr);
}
.wp-block-acf-split .wp-block-acf-photo-gallery .inner.type-logos.col-3 {
  --grid-count: 3;
}
.wp-block-acf-split .wp-block-acf-photo-gallery .inner.type-logos.col-4 {
  --grid-count: 4;
}
.wp-block-acf-split .wp-block-acf-photo-gallery .inner.type-logos.col-5 {
  --grid-count: 5;
}
.wp-block-acf-split .wp-block-acf-photo-gallery .inner.type-logos.col-6 {
  --grid-count: 6;
}
.wp-block-acf-split .wp-block-acf-photo-gallery .inner.type-logos.col-7 {
  --grid-count: 7;
}
.wp-block-acf-split .wp-block-acf-photo-gallery .inner.type-logos figure {
  --max-height: 180px;
  padding: var(--spacing-tiny);
  border: 1px solid var(--section-border-color);
  border-radius: var(--border-radius);
  overflow: clip;
  display: grid;
  align-content: center;
  align-items: center;
  justify-content: center;
  position: relative;
  max-height: var(--max-height);
  aspect-ratio: 1;
}
.wp-block-acf-split .wp-block-acf-photo-gallery .inner.type-logos img,
.wp-block-acf-split .wp-block-acf-photo-gallery .inner.type-logos svg {
  object-fit: contain;
  height: 100%;
  width: 100%;
  filter: grayscale(1);
  border-radius: 0;
  max-height: calc(var(--max-height) - var(--spacing-tiny)) !important;
}