/* Mary & Juan — original-photo fit correction, v2.
   All uploaded JPEGs and original style.css remain unchanged.
   This is intentionally different from cover: on phones the full photo width
   is visible, with no 190% zoom and no crop imposed by the hero dimensions.
   The navy background continues below the photograph for the title and details.
*/

/* Modern desktop: original layout, with no extra forced magnification. */
.hero {
  background-repeat: no-repeat !important;
  background-color: #071224 !important;
  background-size: cover !important;
}

/* Mobile portrait: let each portrait display at its natural width.
   100% auto means 390px-wide site displays the whole image at 390px wide,
   rather than scaling it up to 600–750px as the old 160–190% rules did. */
@media (max-width: 720px) {
  .hero {
    background-size: 100% auto !important;
    background-position: center top !important;
  }
}

/* Keep the photograph clear; fade only toward the caption below it.
   The gradient begins in the lower third, not over the couple's faces. */
.hero::after {
  height: 45% !important;
  bottom: 0 !important;
  background: linear-gradient(to bottom,
    rgba(7,18,36,0) 0%,
    rgba(7,18,36,.06) 18%,
    rgba(7,18,36,.30) 47%,
    rgba(7,18,36,.68) 77%,
    #071224 100%) !important;
}

/* The bottom caption stays readable without a box or face-obscuring overlay. */
.hero-content { position: relative; z-index: 2; }

/* Invite page has its own embedded CSS. Match the same uncropped photo logic
   without changing its envelope, effects, or invitation-code scripts. */
@media (max-width: 720px) {
  .invite-hero {
    background-image:
      linear-gradient(to bottom,
        rgba(7,18,36,0) 0%,
        rgba(7,18,36,0) 35%,
        rgba(7,18,36,.14) 51%,
        rgba(7,18,36,.66) 69%,
        #071224 88%),
      url('photo_pavenko-91.jpg?v=original-hq-photo-fit-20261101') !important;
    background-size: 100% 100%, 100% auto !important;
    background-position: center top, center top !important;
    background-repeat: no-repeat !important;
    background-color: #071224 !important;
  }
}

/* New URLs to bypass any cached low-resolution files from earlier deployments.
   The actual source files are the original high-resolution JPEGs, not copies. */
.hero-home { --hero-image: url('photo_pavenko-89.jpg?v=original-hq-photo-fit-20261101'); }
.hero-rsvp { --hero-image: url('photo_pavenko-73.jpg?v=original-hq-photo-fit-20261101'); }
.hero-gallery { --hero-image: url('photo_pavenko-14.jpg?v=original-hq-photo-fit-20261101'); }
.hero-upload { --hero-image: url('photo_pavenko-62.jpg?v=original-hq-photo-fit-20261101'); }
.hero-thankyou { --hero-image: url('photo_pavenko-77.jpg?v=original-hq-photo-fit-20261101'); }