html {
  scroll-behavior: smooth;
}
@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap");
body {
  margin: 0;
  background-color: #000;
  font-family: "Cormorant", serif;
  overflow-x: hidden;
}
.carousel-image {
  transition: opacity 1s ease-in-out;
}
.carousel-image.active {
  opacity: 1;
}
.carousel-button {
  transition: border-color 0.5s ease-in-out;
}
.carousel-button.active {
  border-color: #ffd700; /* gold */
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #3d3c33;
  opacity: 0.4;
  z-index: 50;
}

.ml16 {
  color: white;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  overflow: hidden;
  font-family: "Cormorant", serif;
}

.letter {
  display: inline-block;
  line-height: 1em;
}

.word {
  display: inline-block;
  white-space: nowrap;
}
#lightbox.hidden {
  display: none;
}
.gallery-item {
  cursor: zoom-in;
}