/* ── HOME PAGE ───────────────────────────────── */

body {
  overflow: hidden; /* hero fills viewport */
}

.hero {
  position: fixed;
  inset: 0;
  z-index: 0;
}

.hero-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Subtle dark vignette so the header stays readable */
.hero-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,0.55) 100%);
  pointer-events: none;
}

/* Header must be visible over the video */
header {
  background: linear-gradient(to bottom, rgba(0,0,0,0.85) 55%, transparent);
}

footer {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: transparent;
  border-top: none;
  z-index: 100;
}