/* Hide broken theme series grid */
html#html:not([data-pagetemplate__com3_template*="start"]) ._templatepart__pageitemseries {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.ot-grid-12 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--ot-gallery-row-gap, clamp(24px, 3vw, 40px));
  width: var(--ot-gallery-max, min(100%, 1580px));
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 var(--ot-gallery-pad-x, clamp(14px, 2.2vw, 36px))
    var(--ot-gallery-pad-bottom, clamp(88px, 10vw, 140px));
  box-sizing: border-box;
}

.ot-series-gallery.ot-grid-12 .ot-series-gallery__item {
  grid-column: 1 / -1;
  width: 100%;
}

.ot-series-gallery__item {
  margin: 0;
  overflow: hidden;
  background: #0a0a0a;
  border-radius: 3px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.1);
  min-height: var(--ot-img-min-h, clamp(260px, 38vw, 520px));
}

.ot-series-gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.ot-series-gallery__item:hover img {
  transform: scale(1.03);
}

.ot-ratio-standard {
  aspect-ratio: 3 / 2;
}

.ot-ratio-wide {
  aspect-ratio: 16 / 10;
}

.ot-ratio-tall {
  aspect-ratio: 2 / 3;
}

.ot-series-gallery__item {
  min-height: var(--ot-img-hero-min-h, clamp(300px, 48vh, 680px));
  aspect-ratio: auto;
}

.ot-series-gallery__item img {
  min-height: var(--ot-img-hero-min-h, clamp(300px, 48vh, 680px));
}

@media (max-width: 640px) {
  .ot-series-gallery__item,
  .ot-series-gallery__item img {
    min-height: clamp(220px, 52vw, 400px);
  }
}