body {
  box-sizing: border-box;
}
.font-display { font-family: 'Playfair Display', serif; }
.font-body { font-family: 'Lato', sans-serif; }

.hero-pattern {
  background-image: 
    radial-gradient(circle at 20% 50%, rgba(139, 90, 43, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(139, 90, 43, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 40% 80%, rgba(139, 90, 43, 0.06) 0%, transparent 40%);
}

.leather-texture {
  background: linear-gradient(135deg, #8B5A2B 0%, #6B4423 50%, #8B5A2B 100%);
}

.stitch-border {
  border: 2px dashed rgba(139, 90, 43, 0.3);
  border-radius: 4px;
}

.fade-in {
  animation: fadeIn 0.8s ease-out forwards;
  opacity: 0;
}

.slide-up {
  animation: slideUp 0.8s ease-out forwards;
  opacity: 0;
}

@keyframes fadeIn {
  to { opacity: 1; }
}

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

.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.6s; }
.delay-4 { animation-delay: 0.8s; }

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(107, 68, 35, 0.15);
}

.service-card {
  transition: all 0.3s ease;
}