/* Scoped to .skycrew-hero-banner only — this page has content below the
   hero now (subnav + sections), so these can't be bare body/h1/p rules
   the way a single-hero page could get away with. */
.skycrew-hero-banner {
  min-height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #f1f5f9;
  padding: 2rem;
  background-image: linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.85)),
    url('../assets/skycrew.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.skycrew-hero-banner .hero-container {
  padding: 2rem;
  max-width: 600px;
}

.skycrew-hero-banner h1 {
  font-size: 3.5rem;
  margin-bottom: 1rem;
  color: #ffffff;
  letter-spacing: -0.05em;
}

.skycrew-hero-banner p {
  font-size: 1.25rem;
  color: #cbd5e1;
  margin-bottom: 2.5rem;
  line-height: 1.6;
}

.skycrew-hero-banner .button-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

/* .btn/.btn-primary/.btn-secondary come from skycrew-pages.css, loaded
   alongside this file — this page adds a fixed width for alignment only. */
.skycrew-hero-banner .btn {
  width: 280px;
}