@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("/assets/fonts/inter.woff2") format("woff2");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url("/assets/fonts/cormorant.woff2") format("woff2");
}

body {
  font-family: "Inter", sans-serif;
}

h1 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 800 !important;
}

h2,
h3,
.headline {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
}

#bookNowFloat {
  backdrop-filter: blur(4px);
  background-color: rgba(42, 60, 47, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.tagline {
  font-size: 1.35rem;
}

.perspective {
  perspective: 1500px;
}

.card {
  transform-style: preserve-3d;
}

.face {
  backface-visibility: hidden;
}

.back {
  transform: rotateY(180deg);
}

#availabilityCalendarWrap {
  max-width: 1300px;
  margin: 0 auto;
  padding: 1.25rem 1rem 3rem;
}

@media (min-width: 1024px) {
  #availabilityCalendarWrap .flex-calendar {
    justify-content: center;
  }
}