.hero{
  position: relative;
  width: 100%;
  height: clamp(140px, 25vw, 450px);
  overflow: hidden;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  background-image: url('../header.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 25%;
}

/* DARK OVERLAY */
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.35),
    rgba(10,10,10,0.9)
  );
  z-index:1;
}

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

/* TEXT */
.hero h1{
  font-family:'Bebas Neue';
  font-size: clamp(28px, 7vw, 80px);
  letter-spacing: 4px;
  margin: 0;
}

.hero p{
  font-size: clamp(14px, 3vw, 20px);
  color: #ddd;
}

/* MOBILE TIGHTENING */
@media (max-width: 700px) {
  .hero {
    height: 100px;
    background-position: center 50%;
  }
}

/* LANDSCAPE FIX (prevents “zoom crop feel”) */

@media (max-width: 900px) and (orientation: landscape) {
  .hero {
    height: 200px;
    background-size: cover;
    background-position: center top;
  }
}