/* === FONTS === */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Montserrat:wght@200;300;400;500;600&display=swap');

/* === CUSTOM ANIMATIONS === */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

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

@keyframes staggerReveal {
  0% { transform: translateY(100%); }
  100% { transform: translateY(0); }
}

/* === EFFECTS === */
.noise-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  z-index: 9999;
}

.luxury-text-gradient {
  background: linear-gradient(to right, #c5a059, #e0c890, #c5a059);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* === PSEUDO-ELEMENTS === */
.gold-underline::after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background: #c5a059;
  transition: width 0.3s ease;
}
.gold-underline:hover::after {
  width: 100%;
}

/* === OVERRIDES === */
body {
  background-color: #f9f7f2;
  font-family: 'Montserrat', sans-serif;
  color: #1a2a2a;
  overflow-x: hidden;
}

h1, h2, h3, h4, .font-serif {
  font-family: 'Cormorant Garamond', serif;
}

/* module: home */
.hero-parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}