/* ZetaMine Landing Page - Minimal Custom Styles */

:root {
  --copper: #c57b57;
  --copper-light: #d99575;
  --copper-dark: #9a5e3f;
  --soil: #2d1b14;
  --slate: #1f2937;
  --cream: #f5ede6;
}

html {
  scroll-behavior: smooth;
}

.font-lalezar {
  font-family: 'Lalezar', system-ui;
}

.protest {
  font-family: 'Protest Guerrilla', system-ui;
}

/* Animations */
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.2; }
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-tag::before {
  content: '';
  width: 6px;
  height: 6px;
  background: var(--copper);
  border-radius: 50%;
  animation: blink 1.5s ease infinite;
}

.hero-left > * {
  animation: fadeUp 0.7s ease both;
}

.hero-left > *:nth-child(1) { animation-delay: 0.1s; }
.hero-left > *:nth-child(2) { animation-delay: 0.2s; }
.hero-left > *:nth-child(3) { animation-delay: 0.35s; }
.hero-left > *:nth-child(4) { animation-delay: 0.5s; }

.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

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

/* Pseudo-elements for gradients */
.hero-right::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, var(--soil) 0%, transparent 40%);
}

.about-img::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to left, var(--soil), transparent);
}

.mine-thumb-overlay {
  background: linear-gradient(to top, rgba(45,27,20,0.9), transparent);
}

/* Topography backgrounds */
.topo-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0.06;
  background-image: url('topography.svg');
  background-size: cover;
  pointer-events: none;
}

/* Map container */
#map {
  width: 100%;
  height: 100%;
  min-height: 500px;
}