/* Cinematic Hero */

.hero-section {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background: #000;
}

.hero-image-stack img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.05);
  transition: opacity 0.6s ease, transform 2.5s ease;
}

.hero-image-stack img.active {
  opacity: 1;
  transform: scale(1);
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.8) 100%);
}

.hero-text-block {
  position: absolute;
  bottom: 14%;
  left: 8%;
  max-width: 560px;
}

.hero-title {
  font-size: 3.4rem;
  margin-bottom: 10px;
}

.hero-subtitle {
  font-size: 1.3rem;
  margin-bottom: 24px;
  color: var(--ink-dim);
}

.hero-ctas {
  display: flex;
  gap: 16px;
}