.hero-carousel--artwork{
  width:100%;
  height:auto;
  aspect-ratio:2172 / 724;
  overflow:hidden;
  background:#f4e9e7;
}
.hero-carousel--artwork .carousel-track,
.hero-carousel--artwork .carousel-slide{width:100%;height:100%}
.hero-carousel--artwork .carousel-slide{display:block}
.hero-carousel--artwork .carousel-slide--light{background:#f4e9e7}
.hero-carousel--artwork .carousel-slide--dark{background:#1d1d1d}
.hero-carousel--artwork .carousel-banner{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  object-position:center;
  user-select:none;
  -webkit-user-drag:none;
}
.hero-carousel--artwork .lingerie-cta-mask{
  position:absolute;
  z-index:2;
  left:18.9%;
  top:77.8%;
  width:15%;
  height:11%;
  background:linear-gradient(180deg,#d4baad 0%,#d1b3a4 100%);
  box-shadow:0 0 8px 5px rgba(211,184,171,.92);
  pointer-events:none;
}
.hero-carousel--artwork .carousel-arrow{
  width:38px;
  height:38px;
  border-color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.88);
  box-shadow:0 3px 14px rgba(0,0,0,.12);
  font-size:24px;
}
.hero-carousel--artwork .carousel-dots{
  left:50%;
  bottom:11px;
  transform:translateX(-50%);
}
.hero-carousel--artwork .carousel-dots button{width:8px;height:8px;cursor:pointer}
@media(max-width:780px){
  .hero-carousel--artwork{height:auto;min-height:0;aspect-ratio:2172 / 724}
  .hero-carousel--artwork .carousel-arrow{width:30px;height:30px;font-size:20px}
  .hero-carousel--artwork .carousel-arrow.prev{left:7px}
  .hero-carousel--artwork .carousel-arrow.next{right:7px}
  .hero-carousel--artwork .carousel-dots{bottom:6px;gap:8px}
  .hero-carousel--artwork .carousel-dots button{width:7px;height:7px}
}
@media(max-width:460px){.hero-carousel--artwork .carousel-arrow{width:27px;height:27px;font-size:18px}}