/* GS Global Styles */

/* Reset and base styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Inter", sans-serif;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* ScrollSmoother wrapper styles */
#smoother-wrapper {
  overflow: hidden;
}

#smoother-content {
  overflow: visible;
}

/* Mobile scroll handling */
@media (max-width: 768px) {
  #smoother-wrapper {
    overflow: visible;
  }
  
  body {
    overflow: auto;
  }
}

/* Navigation styles */
#navigation {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background: white !important;
  width: 100% !important;
  height: auto !important;
}

nav#navigation {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background: white !important;
  width: 100% !important;
  height: auto !important;
}

/* Layout sections */
.start {
  display: grid;
  height: 100vh;
}

.start-bg {
  background-color: #ffffff;
}

.content {
  background: #fff;
  z-index: 99;
  position: relative;
}

/* Footer styles */
.footerTrigger {
  will-change: transform;
}

/* Hero text specific styles */
.hero-text {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.25 !important; /* tight for mobile */
  color: black !important;
}

@media (min-width: 1024px) {
  .hero-text {
    line-height: 60px !important; /* normal for desktop */
  }
}