.banner-v156__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 1rem;
}
@media (max-width: 767px) {
  .banner-v156__grid {
    grid-template-columns: 1fr;
  }
}

.banner-v156__item1 {
  position: relative;
  grid-row: auto/span 2;
}
.banner-v156__item1 a {
  height: 67rem !important;
}

.banner-v156__item2,
.banner-v156__item3 {
  position: relative;
}
.banner-v156__item2 a,
.banner-v156__item3 a {
  height: 33rem !important;
}

.banner-v156__content {
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% + 24px));
  width: 100%;
  left: 0;
  color: color-mix(in srgb, rgb(var(--color-background)) calc(1 * 100%), #ffffff);
  z-index: 2;
  text-align: center;
  transition: transform 0.5s ease;
}

.hover-style:hover .banner-v156__content {
  transform: translateY(-50%);
}

.banner-v156__title {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: clamp(2rem, calc(2vw + 1.2rem), 3.6rem);
  line-height: calc(1 + 0.4 / var(--font-heading-scale));
  text-transform: uppercase;
}
.banner-v156__title a {
  color: rgba(var(--color-background));
}

.banner-v156__item-counts {
  opacity: 0;
  transition: opacity 0.5s ease;
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}

.hover-style:hover .banner-v156__item-counts {
  opacity: 1;
}

.banner-v156__img {
  display: grid;
  height: 100%;
}

.collection-v156__desc {
  color: rgba(var(--color-background));
}