/* HOMEPAGE CINEMATIC SYSTEM */

/* General Alignment & Spacing Fixes */
section {
  padding: 40px 0;
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

.section-header-premium {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 40px;
  padding: 0 2rem;
}

.ambient-bg-wrapper {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

/* Layered Section Dividers */
.cinematic-divider {
  width: 100%;
  height: 200px;
  background: linear-gradient(to bottom, #000, transparent);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.cinematic-divider-bottom {
  top: auto;
  bottom: 0;
  background: linear-gradient(to top, #000, transparent);
}

/* Perfect Grid Balance */
.grid-luxury {
  display: grid;
  gap: 3rem;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* Typography Hierarchy Polish */
h2 em {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 300;
  color: var(--hot-pink);
}

/* Immersive Visual Flow */
.reveal-blur, .reveal-up, .reveal-zoom {
  opacity: 0;
  will-change: transform, opacity, filter;
}

.reveal-stagger > * {
  opacity: 0;
  will-change: transform, opacity;
}

/* Responsive Alignment Polish */
@media (max-width: 1024px) {
  section {
    padding: 40px 0;
  }
  .section-header-premium {
    margin-bottom: 5rem;
  }
}

@media (max-width: 768px) {
  section {
    padding: 40px 0;
  }
}