/* ═══════════════════════════════════════
   INDEX.CSS - Home page
   Loaded after main.css. The section styles are shared and live in main.css;
   this file only frames the homepage's hero photo.
═══════════════════════════════════════ */

.hero-photo img { object-position: center 12%; }

/* Desktop only: the photo is zoomed in from its left edge, which moves the
   couple to the right of the card. */
@media (min-width: 901px) {
  .hero-photo img {
    width: 125%;
    max-width: none;
    object-position: left 36%;
  }
}

@media (max-width: 768px) {
  .hero-photo img { object-position: center 55%; }
}