.hero {
    position: relative;
    width: 100%;
    height: 100vh;
    /* background-image: url('hero-1800x1024.jpg'); */
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
  }



  .hero-heading {
    position: absolute;
    top: 12%; /* stays in the clear top 24% */
    left: 50%;
    transform: translateX(-50%);
    padding: 0; /* no background block */
  }

  .hero-heading h1 {
  font-family: "Times New Roman", Times, serif;
  font-weight: 700;
  letter-spacing: -0.5px; /* tighter spacing */
  transform: scaleY(1.25); /* 15% taller */
  transform-origin: center;
  /* line-height: 1.5; */
  font-size: clamp(1.8rem, 8vw, 4rem);
  /* color: #0A1A2F;  */
  color: #FFFFFF; /* pure white */
  text-shadow: 0 2px 4px rgba(0,0,0,0.35); /* soft contrast */
  white-space: nowrap;


}