/* 360Moments - Shared Styles */

/* Scroll Animations */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}
.fade-in-delay-1 { transition-delay: 0.1s; }
.fade-in-delay-2 { transition-delay: 0.2s; }
.fade-in-delay-3 { transition-delay: 0.3s; }
.fade-in-delay-4 { transition-delay: 0.4s; }

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

/* Nav mobile menu */
.mobile-menu { display: none; }
.mobile-menu.open { display: block; }

/* Video placeholder */
.video-placeholder {
  background: #111827;
  width: 100%;
  height: 100%;
}