/* ========================================
   Hero Section
   ======================================== */
.hero {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}

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

.hero-slideshow {
  position: relative;
  width: 100%;
  height: 100%;
}

.hero-slideshow img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: heroFade 16s infinite;
/*  animation-fill-mode: both; */
}

/* stagger each image */
.hero-slideshow img:nth-child(1) { animation-delay: 0s; }
.hero-slideshow img:nth-child(2) { animation-delay: 2s; }
.hero-slideshow img:nth-child(3) { animation-delay: 4s; }
.hero-slideshow img:nth-child(4) { animation-delay: 6s; }
.hero-slideshow img:nth-child(5) { animation-delay: 8s; }
.hero-slideshow img:nth-child(6) { animation-delay: 10s; }
.hero-slideshow img:nth-child(7) { animation-delay: 12s; }
.hero-slideshow img:nth-child(8) { animation-delay: 14s; }

/*.hero-slideshow img:first-child {
  opacity: 1;
} */

@keyframes heroFade {
  0%   { opacity: 0; }
  5% { opacity: 1; }
  15%  { opacity: 1; }
  20% { opacity: 0; }
  100% { opacity: 0; }
}


.hero-inner {
  position: relative;
  z-index: 1;
}


.hero {
  height: 100svh;
  background: var(--color-black);
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-content > .hero.breakout {
  margin-top: calc(-1 * clamp(2rem, 6vw, 4rem));
}

.hero-inner {
  text-align: center;
  max-width: 720px;
}

.hero-plus {
  opacity: 0.5;
  animation: spin 4s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.hero-headline {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  line-height: 1.1;
  margin: var(--spacing-lg) 0;
}

.hero-cta {
  color: var(--color-white);
  text-decoration: none;
  opacity: 0.85;
}

.hero-cta:hover {
  opacity: 1;
}

[data-parallax-section] .hero-cta {
  color: var(--color-text-primary);
}