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

body {
  font-family: 'Inter', sans-serif;
}

iframe {
  margin: 0 auto;
}

.font-display {
  font-family: 'Playfair Display', serif;
}

.organic-shape {
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}

.organic-shape-2 {
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.diagonal-section {
  clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
}

.wave-top {
  clip-path: ellipse(80% 50% at 50% 100%);
}

.card-hover {
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card-hover:hover {
  transform: translateY(-8px) rotate(1deg);
}

.floating {
  animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

.gradient-text {
  background: linear-gradient(135deg, #22c55e 0%, #15803d 50%, #6b4423 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.horizontal-scroll {
  scroll-snap-type: x mandatory;
}

.horizontal-scroll > * {
  scroll-snap-align: start;
}

.stagger-grid > *:nth-child(even) {
  transform: translateY(40px);
}

.blend-overlay {
  mix-blend-mode: multiply;
}