@font-face {
  font-family: "Review Regular";
  src: local("Review Regular"), local("Review-Regular"), local("Review");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Aktiv Grotesk_92419b";
  src: local("Aktiv Grotesk_92419b"), local("Aktiv Grotesk"), local("Aktiv Grotesk Regular");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
}

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

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.hero-slide {
  opacity: 0;
  transition: opacity 0.7s ease;
}

.hero-slide.active {
  opacity: 1;
}

header nav {
  position: relative;
  z-index: 40;
}

@media (max-width: 1023px) {
  header {
    position: relative;
    z-index: 80;
    overflow: visible !important;
  }

  header section {
    overflow: visible !important;
  }

  #mobileMenu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 70;
  }

  #mobileMenu ul {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    max-height: calc(100vh - 110px);
    overflow-y: auto;
  }
}