/* Gotham Font Family */
@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

/* Scroll reveal animations */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }

/* Hero gradient overlay */
.hero-gradient {
  background: radial-gradient(ellipse at center bottom, rgba(180, 190, 210, 0.08) 0%, transparent 70%);
}

/* Brand card hover */
.brand-card {
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.brand-card:hover {
  transform: translateY(-4px);
  border-color: rgba(180, 190, 210, 0.3);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}

/* Subtle line animation */
.line-accent {
  width: 60px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(180, 190, 210, 0.6), transparent);
}

/* Scroll indicator */
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(8px); }
}

.scroll-indicator {
  animation: bounce 2s ease-in-out infinite;
}

/* Hide scrollbar for brand slider */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Pulsing dot for "coming soon" */
@keyframes pulse {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}

.pulse-dot {
  animation: pulse 2s ease-in-out infinite;
}