/* ========
   Homepage Hero Styling
   ======== */

/* Taller hero and better crop */
.page__hero--overlay {
  min-height: 90vh;         /* use 100vh for full-screen */
  background-size: cover;
  background-position: center 30%; /* adjust to move visible slice */
}

/* No backdrop “pill” */
.page__hero--overlay .wrapper {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  text-align: left !important;   /* force left alignment */
}

/* Subtle text shadow for readability over bright areas */
.page__title,
.page__lead {
  text-shadow:
    0 1px 2px rgba(0,0,0,0.35),
    0 2px 6px rgba(0,0,0,0.25);
}