/* ===== LUXURY EFFECTS — GLOBAL ===== */

/* --- Hero Parallax --- */
.hero-section {
  position: relative;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  color: #fff;
  z-index: 1;
}
.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}
.hero-content {
  position: relative;
  z-index: 3;
  text-align: center;
  padding: 160px 20px 120px;
}

.hero-section {
  position: relative;
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* subtle parallax */
  z-index: 1;
  overflow: hidden;
}


.text-gold-animated {
  background: linear-gradient(90deg, #cda434, #f8e6a0, #cda434);
  background-size: 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 4s infinite linear;
}

@keyframes shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}


/* --- Shimmering Gold Text --- */
.hero-title {
  color: #cda434;
  font-weight: 700;
  background: linear-gradient(90deg, #cda434, #f8e6a0, #cda434);
  background-size: 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 4s infinite linear;
}
@keyframes shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

/* --- Scroll Reveal Enhancements --- */
[data-aos] {
  transition-property: transform, opacity;
  will-change: transform, opacity;
}

/* --- Lift Hover Effect for Cards/Sections --- */
.section-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 20px rgba(205, 164, 52, 0.3);
  transition: all 0.3s ease;
}

/* --- Smooth Scroll --- */
html {
  scroll-behavior: smooth;
}

/* HERO: robust full-bleed image fallback (works on mobile) */
.hero-wrap {
  position: relative;
  overflow: hidden;
}

/* the inserted image sits behind content */
.hero-img {
  position: absolute;
  inset: 0;                /* top:0; right:0; bottom:0; left:0 */
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: transform 0.9s ease;  /* smooth zoom */
  z-index: 0;                       /* behind overlay & content */
  pointer-events: none;
}

/* ensure overlay and content sit above the image */
.hero-wrap .hero-overlay { z-index: 1; }
.hero-wrap .hero-content { z-index: 2; position: relative; }

/* Desktop: keep original look (don't aggressively scale) */
@media (min-width: 769px) {
  .hero-img { transform: scale(1); } /* neutral on desktop */
}

/* MOBILE: zoom and increase height softly */
@media (max-width: 768px) {
  .hero-wrap { min-height: 50vh; }            /* make hero taller */
  .hero-img { transform: scale(1); }       /* zoomed-in image */
  .hero-img.slightly-more { transform: scale(1.05); } /* optional class to intensify */
  .hero-content { text-align: center; padding-top: 3.5rem; }
  .hero-content h1 { font-size: 1.8rem; }     /* tune text sizes */
  .hero-content p  { font-size: 1rem; }
}