html {
  scroll-behavior: smooth;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.font-display {
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: 0.02em;
}

.hero-overlay {
  background: linear-gradient(135deg, rgba(26, 42, 74, 0.75) 0%, rgba(0, 0, 0, 0.45) 100%);
}

.section-dark {
  background: linear-gradient(180deg, #1a2a4a 0%, #0f1a2e 100%);
}

.service-card:hover .service-card-img {
  transform: scale(1.05);
}

.service-card-img {
  transition: transform 0.5s ease;
}

.nav-link-active {
  color: #fe6751 !important;
}

#mobile-menu {
  transition: max-height 0.35s ease, opacity 0.35s ease;
}

.gallery-item {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(254, 103, 81, 0.25);
}

.brand-logo {
  filter: grayscale(20%);
  transition: filter 0.3s ease, transform 0.3s ease;
}

.brand-logo:hover {
  filter: grayscale(0%);
  transform: scale(1.05);
}

.fade-in {
  animation: fadeIn 0.6s ease forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}