:root {
  --wine: #722F37;
  --wine-light: #A0525A;
  --wine-dark: #4A1F24;
  --cream: #FAF3E0;
  --gold: #C9A84C;
  --dark: #1a1114;
  --dark-lighter: #2a1e22;
  --dark-card: #231a1e;
}

.wine-gradient-text {
  background: linear-gradient(135deg, #C9A84C 0%, #FAF3E0 50%, #C9A84C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-pattern {
  background-color: var(--dark);
  background-image:
    radial-gradient(ellipse at 20% 50%, rgba(114,47,55,0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 50%, rgba(201,168,76,0.08) 0%, transparent 50%);
}

.hero-gradient {
  background: linear-gradient(180deg, rgba(26,17,20,0.3) 0%, rgba(26,17,20,0.95) 100%);
}

.nav-link { position: relative; }
.nav-link::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--wine);
  transition: width 0.3s ease;
}
.nav-link:hover::after { width: 100%; }

.card-hover {
  transition: transform 0.3s ease, border-color 0.3s ease;
}
.card-hover:hover { transform: translateY(-4px); }

.fade-in-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.stagger-children > *:nth-child(1) { transition-delay: 0.05s; }
.stagger-children > *:nth-child(2) { transition-delay: 0.1s; }
.stagger-children > *:nth-child(3) { transition-delay: 0.15s; }
.stagger-children > *:nth-child(4) { transition-delay: 0.2s; }
.stagger-children > *:nth-child(5) { transition-delay: 0.25s; }
.stagger-children > *:nth-child(6) { transition-delay: 0.3s; }

.img-zoom { overflow: hidden; }
.img-zoom img { transition: transform 0.5s ease; }
.img-zoom:hover img { transform: scale(1.08); }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--dark); }
::-webkit-scrollbar-thumb { background: #374151; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--wine); }

@keyframes pulse-wine {
  0%, 100% { box-shadow: 0 0 0 0 rgba(114,47,55,0.4); }
  50% { box-shadow: 0 0 0 12px rgba(114,47,55,0); }
}
.pulse-wine { animation: pulse-wine 2s infinite; }

.section-divider {
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--wine), transparent);
  margin: 0 auto;
}