/* Google Fonts Integration */
@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');

:root {
  --primary-green: #1F4D3A;
  --accent-gold: #D4A373;
  --cream-bg: #FAF7F2;
  --text-dark: #1C1C1C;
}

html {
  scroll-behavior: smooth;
  font-family: 'Inter', sans-serif;
  background-color: var(--cream-bg);
  color: var(--text-dark);
}

h1, h2, h3, h4, h5, h6, .font-display {
  font-family: 'Playfair Display', serif;
}

/* Smooth Interactive Zoom Effects */
.zoom-container {
  overflow: hidden;
}
.zoom-container img {
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.zoom-container:hover img {
  transform: scale(1.05);
}

/* Premium Reveal Animations via Intersection Observer */
.reveal-element {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal-element.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Decorative SVG World Map Background */
.world-map-bg {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1008 566'%3E%3Cpath fill='%231F4D3A' opacity='0.04' d='M20 120h10v10H20zm30 40h10v10H50zm120-60h10v10h-10zm60 80h10v10h-10zm180-20h10v10h-10zm80-90h10v10h-10zm120 40h10v10h-10zm140-50h10v10h-10zm100 80h10v10h-10zm70 120h10v10h-10z'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
}