html { scroll-behavior: smooth; }
body { font-family: 'Work Sans', sans-serif; }
.font-heading { font-family: 'Fraunces', serif; }
.nav-link.active { color: #0f766e; font-weight: 600; }
.mobile-menu.open { display: flex; }
@media (max-width: 767px) {
  .mobile-menu { display: none; }
}
.card-hover { transition: transform 0.3s, box-shadow 0.3s; }
.card-hover:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(0,0,0,0.3); }