.carousel{position:relative;overflow:hidden;background:#dce2db;touch-action:pan-y}
.carousel-track{display:flex;transition:transform .35s ease}
.carousel-slide{min-width:100%;position:relative}
.carousel-slide img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.portrait-carousel .carousel-slide{background:#e9ede8}
.portrait-carousel .carousel-slide img{object-fit:contain}
.carousel-name{position:absolute;left:12px;bottom:10px;margin:0;padding:5px 9px;border-radius:2px;background:rgba(10,29,23,.52);color:rgba(255,255,255,.94);font-size:.75rem;font-weight:800;line-height:1;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.35);backdrop-filter:blur(2px)}
.carousel-button{position:absolute;z-index:2;top:50%;width:38px;height:38px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(16,43,35,.62);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer}
.carousel-button:hover,.carousel-button:focus-visible{background:#15382d}
.carousel-prev{left:10px}
.carousel-next{right:10px}
.carousel-dots{display:flex;justify-content:center;gap:7px;padding:12px;background:#fff}
.carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#c6cec8;cursor:pointer}
.carousel-dot.active{background:#15382d}