/* ================= PAGE HERO ================= */
.page-hero {
  position: relative;
  min-height: 250px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}

/* LEFT FADE EFFECT */
.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    #000000 0%,
    #000000 35%,   /* solid black block */
    #1a1a1a 45%,
    #4a4a4a 55%,
    #8a8a8a 65%,
    #cfcfcf 80%,
    #f5f5f5 100%
  );
}

/* CONTENT */
.hero-content {
  position: relative;
  z-index: 2;
}

.hero-content h1 {
  font-size: 80px;
  color: var(--white)
}

/* ALIGNMENT */
.page-hero.left .hero-content {
  text-align: left;
}

.page-hero.center .hero-content {
  text-align: center;
  margin: 0 auto;
}
.hero-subtitle {
  font-size: 16px;
  margin-bottom: 10px;
  color: #666;
}

/* RESPONSIVE */
@media(max-width:768px){
  .page-hero {
    min-height: 100px;
  }

  .hero-content h1 {
    font-size: 32px;
  }
}
/* HEIGHT VARIANTS */
.page-hero.small {
  min-height: 250px;
}

.page-hero.medium {
  min-height: 350px;
}

.page-hero.large {
  min-height: 500px;
}