/* Custom Styles for SGX Exim Website */

body {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

/* Hero gradient background */
.hero-gradient {
  background: linear-gradient(rgba(2, 6, 23, 0.85), rgba(15, 23, 42, 0.7)), url('https://images.unsplash.com/photo-1494412574643-35d324688188?q=80&w=2070&auto=format&fit=crop');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* Grid pattern background */
.bg-grid-pattern {
  background-image: radial-gradient(#d4af37 1px, transparent 1px);
  background-size: 40px 40px;
}

/* Parallax sections */
.section-parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Text shadow utility */
.text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* 3D transform utilities */
.backface-hidden {
  backface-visibility: hidden;
}

.transform-style-3d {
  transform-style: preserve-3d;
}

/* Hero image slider transitions */
.hero-image {
  transition: opacity 1500ms ease-in-out;
}

/* Reveal animation states */
.reveal-hidden {
  opacity: 0;
}

.reveal-visible {
  opacity: 1;
}

/* Direction-based transforms */
.reveal-up {
  transform: translateY(4px);
}

.reveal-down {
  transform: translateY(-4px);
}

.reveal-left {
  transform: translateX(-4px);
}

.reveal-right {
  transform: translateX(4px);
}

.reveal-zoom {
  transform: scale(0.99);
}

.reveal-depth {
  transform: translateY(4px) scale(0.995);
}

/* Reset transform when visible */
.reveal-visible.reveal-up,
.reveal-visible.reveal-down,
.reveal-visible.reveal-left,
.reveal-visible.reveal-right,
.reveal-visible.reveal-zoom,
.reveal-visible.reveal-depth {
  transform: translate(0, 0) scale(1);
}