.letter-emphasis {
  color: #8d3430;
  font-size: 20px;
  letter-spacing: .08em;
  text-align: center;
}

.carousel { position: relative; }
.slider { scroll-behavior: smooth; }
.carousel-nav { display: flex; align-items: center; justify-content: center; gap: 17px; margin-top: -5px; }
.carousel-arrow, .carousel-dot { border: 0; cursor: pointer; }
.carousel-arrow { width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--moss); font-size: 18px; line-height: 1; }
.carousel-dots { display: flex; gap: 7px; align-items: center; min-height: 30px; }
.carousel-dot { width: 6px; height: 6px; padding: 0; border-radius: 50%; background: #b9c3b5; transition: transform .25s, background .25s; }
.carousel-dot.active { background: var(--wine); transform: scale(1.45); }