.hero-section {
  position: relative; /* Allow absolute positioning of text */
  width: 100%;
  max-width: 1200px; /* Constrain width for larger screens */
  margin: 0 auto; /* Center the section */
  height: 540px; /* Fixed height for desktop */
}

.hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Fill container, may crop edges */
  display: block; /* Ensure AMP wrapper behaves */
}

.hero-text-section {
  position: absolute; /* Overlay text on image */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center; /* Vertically center text */
  justify-content: center; /* Horizontally center text */
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay for readability */
  color: #ffffff;
  font-family: Poppins, sans-serif;
}

.hero-text-container {
  max-width: 600px; /* Limit text width for readability */
  text-align: center; /* Center text content */
  padding: 20px;
}

.hero-text-title {
  display: block;
  font-weight: bold;
  font-size: 1.75em;
  margin-bottom: 12px;
}

.hero-text-body {
  display: block;
  font-family: Georgia, serif;
  font-weight: normal;
  font-size: 1.125em;
  color: #dbdce0;
  margin-bottom: 24px;
}

.hero-text-author {
  display: block;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 0.7em;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* Mobile styles */
@media only screen and (max-width: 880px) {
  .hero-section {
    height: 400px; /* Reduced height for mobile */
  }

  .hero-img {
    height: 100%;
    object-fit: cover; /* Ensure image fills container */
  }

  .hero-text-container {
    padding: 15px;
    max-width: 90%; /* Allow more text width on smaller screens */
  }

  .hero-text-title {
    font-size: 1.5em; /* Slightly smaller for mobile */
  }

  .hero-text-body {
    font-size: 1em;
  }
}