html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Hanken Grotesk', sans-serif;
  background: #FFFFFF;
  color: #000000;
}

h1,
h2,
h3,
h4,
.font-display {
  font-family: 'Playfair Display', serif;
}

.eyebrow {
  letter-spacing: .28em;
}

.marquee-track {
  animation: marquee 32s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.marquee-wrap:hover .marquee-track {
  animation-play-state: paused;
}

.clip-corner {
  clip-path: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%);
}

.num-mark {
  font-family: 'Playfair Display', serif;
}

details>summary {
  list-style: none;
  cursor: pointer;
}

details>summary::-webkit-details-marker {
  display: none;
}

details[open] .faq-plus {
  transform: rotate(45deg);
}

.fade-up {
  animation: fadeUp .7s ease both;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s ease;
}

.reveal.in {
  opacity: 1;
  transform: none;
}

::selection {
  background: #F5A623;
  color: #000;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}