html { scroll-behavior: smooth; }
#mobile-nav { display: none; }
#mobile-nav.is-open { display: block; }
@media (min-width: 768px) {
  #mobile-nav.is-open { display: none; }
}
#lightbox { display: none; }
#lightbox.is-open { display: flex; }
.duration-\[1200ms\] { transition-duration: 1200ms; }
.hero-video { opacity: 0; }
.hero-video.is-active { opacity: 1; }
.hero-tick-fill {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsl(var(--gold));
  transform-origin: bottom;
  transform: scaleY(0);
}
.hero-tick-fill.is-active {
  animation: tickfill 8s linear forwards;
}
@keyframes tickfill {
  from { transform: scaleY(0); }
  to { transform: scaleY(1); }
}
.hero-videos-off .hero-video { display: none; }