.mx-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-sm);
}

#showcase-content > .container {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--spacing-xl);
}

@media (min-width: 992px) {
  #showcase-content > .container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}

/* FIRST GRID ITEM (LEFT) */
#showcase-content > .container > div:first-child {
  grid-column: span 6;
}

#showcase-content > .container > div:first-child > div:first-child {
  padding-top: 0;
}

#showcase-content > .container > div:first-child > div {
  padding-inline: 0;
}

/* RIGHT */
#showcase-content > .container > div:last-child {
  grid-column: span 6;
}

#showcase-content .gallery-grid {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-sm);
}

@media (min-width: 992px) {
  #showcase-content .gallery-grid {
    gap: var(--spacing-lg);
  }
}

#showcase-content .gallery-grid .gallery-item img,
#showcase-content .gallery-grid .gallery-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#showcase-marquee {
  --marquee-gap: var(--spacing-lg);
  background-color: var(--local-bg, var(--color-dark));
  overflow: hidden;
}

#showcase-marquee .marquee-item {
  flex: 0 0 auto;
  width: 300px;
  aspect-ratio: 4 / 5;
  padding-right: var(--marquee-gap);
}

#showcase-marquee .marquee-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.marquee-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}