/* Custom Styles for The Surge Circle */

/* Lenis Recommended Styles */
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

/* Hide Scrollbar */
::-webkit-scrollbar {
  display: none;
}
* {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* Typography Enhancements */
.font-serif {
  font-feature-settings: "liga" 1, "kern" 1;
  text-rendering: optimizeLegibility;
}

/* Custom Cursor States */
.custom-cursor.hover {
  transform: translate(-50%, -50%) scale(3);
  background-color: #D4AF37;
  mix-blend-mode: normal;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Horizontal Scroll Adjustments */
.journey-wrapper {
  will-change: transform;
}

/* Text Masking Utilities */
.split-line, .line {
  overflow: hidden;
  padding-bottom: 0.1em; /* Prevent descending letters like 'g' or 'p' from getting cut off */
}

.word {
  opacity: 0;
}

/* Forms */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #0D0D0D inset !important;
    -webkit-text-fill-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Mobile Nav Open State */
body.nav-open {
  overflow: hidden;
}