html, body {
    overflow-x: hidden;
}

body {
    font-family: 'Inter', sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Playfair+Display:wght@700&display=swap');
h1, h2, h3 {
    font-family: 'Playfair Display', serif;
}
.hero-bg {
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/hero.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.gallery-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gallery-item:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(163, 177, 138, 0.7);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(163, 177, 138, 0);
  }
}

.pulse-animation {
  animation: pulse 2s infinite;
}

.aspect-3-4 {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}