.collection-v1__img1 {
  padding-top: 0.5rem;
}
.collection-v1__img1 img {
  max-height: 70rem;
}
@media (min-width: 768px) {
  .collection-v1__img1 img {
    border-top-left-radius: 13rem;
  }
}

.collection-v1__main-title {
  font-size: clamp(3rem, calc(12.5vw - 12rem), 5.5rem);
  font-weight: 500;
  line-height: 1.3;
  color: rgba(var(--color-foreground));
  padding-bottom: 3rem;
}

.collection-v1__title {
  font-size: clamp(1.8rem, calc(0.875vw + 1.45rem), 2.5rem);
  font-weight: 500;
  color: rgba(var(--color-foreground));
}

.collection-v1__desc {
  padding: 0 0 0.5rem;
}

.collection-v1__desc {
  font-size: 1.5rem;
  color: rgba(var(--color-foreground), 0.7);
}

@media (min-width: 768px) {
  .collection-v1__grid-1 {
    gap: clamp(5rem, calc(25vw - 25rem), 10rem);
  }
}

.collection-v1__grid-2 {
  gap: 4rem;
}

.collection-v1__img2 {
  max-height: 40rem;
}
.collection-v1__img2 .xo-image {
  height: 100%;
}
.collection-v1__img2 .xo-image img {
  height: 100%;
}

.collection-v1__img3 {
  max-height: 45rem;
}
.collection-v1__img3 .xo-image {
  height: 100%;
}
.collection-v1__img3 .xo-image img {
  height: 100%;
}

.collection-v1__img1,
.collection-v1__img2,
.collection-v1__img3 {
  margin-bottom: 2rem;
}

.collection-v1__item1 {
  background: #dcdedf;
  padding: 2rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .collection-v1__item1 {
    border-top-left-radius: 13rem;
  }
}