/* === /css/hero-fix.css === */
/* Ensure predictable hero height and framing */
.hero-picture{display:block;width:100%;aspect-ratio:16/9;max-height:min(80vh,860px)}
.hero-picture>img{width:100%;height:100%;object-fit:cover;object-position:65% center}
@media (max-width: 640px){
  .hero-picture{aspect-ratio:4/5;max-height:88vh}
  .hero-picture>img{object-position:55% center}
}

/* Scope hero image rule to hero only */
.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:55% center}