/*********************************************************
  APPLE THEME – PAGE HERO
**********************************************************/

.page-hero {
  position: relative;
  height: 46vh;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #ffffff;
}

.page-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.55),
      rgba(0, 0, 0, 0.85)
    );
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 20px 60px;
  text-align: center;
}

.page-hero-overlay h1 {
  font-size: clamp(2rem, 3.2vw, 2.8rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #ffffff;
  margin: 0;
}

/* Mobile tweaks */
@media (max-width: 768px) {
  .page-hero {
    height: 38vh;
  }

  .page-hero-overlay {
    padding-bottom: 40px;
  }

  .page-hero-overlay h1 {
    font-size: 1.7rem;
  }
}