@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');

html { 
  scroll-behavior: smooth; 
  overflow-x: hidden;
  width: 100%;
}
body { 
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  color: #0f172a; 
  background-color: #F8FAFC; 
  overflow-x: hidden;
  width: 100%;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
}

/* Logo filters */
.logo-white {
  filter: none;
}
.logo-green {
  /* Converts white to #1B4332 (approximate) */
  filter: brightness(0) saturate(100%) invert(20%) sepia(23%) saturate(2135%) hue-rotate(113deg) brightness(94%) contrast(93%);
}

/* Animations */
.animate-item {
  opacity: 0;
  transform: translateY(30px);
  filter: blur(10px);
  transition: opacity 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), 
              transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275),
              filter 0.8s ease-out;
}
.animate-item.in-view {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0px);
}
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }

/* Hero specific animation */
@keyframes hero-zoom {
  0% { transform: scale(1.05); }
  100% { transform: scale(1); }
}
.animate-hero-img {
  animation: hero-zoom 10s ease-out forwards;
}

@keyframes hero-img-loop {
  0% { transform: scale(1); }
  100% { transform: scale(1.05); }
}

.animate-hero-img-loop {
  animation: hero-img-loop 15s ease-out infinite alternate;
}