/* =========================================
   SAVOYA GLOBAL CSS SYSTEM (FINAL v2)
   - Gap FIXED
   - Fade animations
   - Parallax base
========================================= */

/* =========================
   RESET SAFETY (prevents gaps)
========================= */
body {
  margin: 0;
}

/* =========================
   HERO PARALLAX BASE
========================= */
.v2-hero-parallax {
  position: absolute;
  top: 65px !important;
  left: 0;
  width: 100%;
  height: calc(85vh - 65px);
  overflow: hidden;
  will-change: transform, opacity;
}

/* =========================
   HERO LAYERS
========================= */
.v2-hero-bg {
  will-change: transform;
}

.v2-hero-content {
  will-change: transform, opacity;
}

/* =========================
   CONTENT WRAPPER (FIX GAP)
========================= */
.v2-content-wrapper {
  position: relative;
  z-index: 2;

  /* 👇 THIS replaces JS marginTop */
  margin-top: 85vh;
}

/* =========================
   FADE BASE
========================= */
.fade-in,
.fade-scale {
  opacity: 0;
  will-change: opacity, transform;
}

/* =========================
   FADE-IN
========================= */
.fade-in {
  transform: translateY(8px);

  transition: 
    opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1),
    transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}

/* =========================
   FADE-SCALE
========================= */
.fade-scale {
  transform: scale(0.96);
  transform-origin: top center;

  transition: 
    opacity 0.9s cubic-bezier(0.25, 1, 0.5, 1),
    transform 0.9s cubic-bezier(0.25, 1, 0.5, 1);
}

.fade-scale.show {
  opacity: 1;
  transform: scale(1);
}

/* =========================
   STATS CAROUSEL
========================= */
.stats-track {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}

/* =========================
   LOGO CAROUSEL
========================= */
.logo-track {
  display: flex;
  will-change: transform;
}

/* =========================
   PERFORMANCE HELPERS
========================= */
.fade-in,
.fade-scale,
.v2-hero-parallax,
.stats-track,
.logo-track {
  backface-visibility: hidden;
  transform-style: preserve-3d;
}