/* Approved Sairan panorama. Keep the existing hero content and layout. */
.hero {
  background-color: #164e58;
  background-image:
    linear-gradient(90deg, rgba(8,23,36,.72) 0%, rgba(8,23,36,.52) 38%, rgba(8,23,36,.10) 65%, rgba(8,23,36,.05) 100%),
    linear-gradient(0deg, rgba(8,23,36,.30), transparent 50%),
    url("images/sairan-hero.webp");
  background-size: cover;
  background-position: center, center, 50% 48%;
  background-repeat: no-repeat;
}
.hero-note { color: #e9eef6; }
.hero-footnote { color: #e4ebf3; }
@media (max-width:560px) {
  .hero {
    background-image:
      linear-gradient(180deg, rgba(8,23,36,.68), rgba(8,23,36,.42) 52%, rgba(8,23,36,.12)),
      url("images/sairan-hero.webp");
    background-position: center, 45% center;
  }
}
@media (forced-colors:active) {
  .hero { background-image:none; background-color:Canvas; color:CanvasText; }
  .hero-note, .hero-footnote { color:CanvasText; }
}