@media (max-width: 991px) {
  .banner-v254 xo-grid {
    column-gap: 0;
    row-gap: var(--xo-gap);
  }
}
@media (min-width: 992px) {
  .banner-v254 xo-grid {
    column-gap: var(--xo-gap);
    row-gap: 0;
  }
}

.banner-v254__item-wrap {
  position: relative;
  height: 100%;
}

.banner-v254__content {
  position: absolute;
  width: 100%;
  padding: 3.2rem;
  z-index: 2;
}
[dir=ltr] .banner-v254__content {
  left: 0;
  bottom: 0;
}
[dir=rtl] .banner-v254__content {
  right: 0;
  bottom: 0;
}
@media (min-width: 992px) {
  .banner-v254__content {
    padding: 4rem;
  }
}

.banner-v254__title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: clamp(4.6rem, calc(1.25vw + 4.1rem), 5.6rem);
  line-height: calc(1 + 0.2 / var(--font-heading-scale));
}
.banner-v254__title span {
  position: relative;
  display: inline-block;
  margin-bottom: 0.4rem;
  padding-bottom: 0.4rem;
}
.banner-v254__title span svg {
  position: absolute;
  left: 0;
  bottom: 0;
}

.banner-v254__subtitle {
  font-family: "Spectral", serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: calc(var(--font-heading-scale) * 1.3rem);
  line-height: calc(1 + 1 / var(--font-heading-scale));
  letter-spacing: 0.26rem;
}

.banner-v254__desc {
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  margin-bottom: 3rem;
}

.banner-v254__title,
.banner-v254__subtitle,
.banner-v254__desc {
  color: color-mix(in srgb, rgb(var(--color-background)) calc(1 * 100%), #ffffff);
}

.banner-v254__btn {
  margin-top: 1.6rem;
}

.banner-v254__img {
  position: relative;
  display: grid;
  height: 100%;
  max-height: 50rem;
}
@media (min-width: 1200px) {
  .banner-v254__img {
    max-height: 60rem;
  }
}