html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
}

textarea {
  resize: vertical;
}

/* Hero banner — replace /images/hero.jpg with your own photo (~1600px wide).
   Fallback: dark navy so text is always readable without a photo. */
.hero-banner {
  background-color: #10243d;
  background-image: url("/images/hero.jpg");
  background-size: cover;
  background-position: center;
}

/* Contact banner — drop any photo at /images/contact.jpg to activate.
   Falls back to pine green so the section always looks correct without a photo. */
.contact-banner {
  background-color: #244638;
  background-image: url("/images/contact.jpg");
  background-size: cover;
  background-position: center;
}