/* One approved framed photograph. Shared caption art direction is in cinematic-caption.css. */
#madinah .arrival-photograph { inset: 0; transform: none; }
.madinah-shot { position: absolute; inset: 0; margin: 0; }
.madinah-shot picture,.madinah-shot img { display: block; width: 100%; height: 100%; }
#madinah .madinah-shot img { object-fit: cover; will-change: transform; }
#madinah .madinah-framed img { object-position: 48% 57%; transform: scale(var(--madinah-framed-scale,1)); transform-origin: 46% 58%; }
@media (orientation:portrait) { #madinah .madinah-framed img { object-position: 47% 50%; } }
/* No-JavaScript and automatic reduced motion retain the complete photo and itinerary. */
html:not(.js) #madinah { height: auto; min-height: 0; padding-bottom: 65px; background: var(--campaign-charcoal); }
html:not(.js) #madinah .arrival-photograph { position: relative; inset: auto; height: auto; }
html:not(.js) #madinah .madinah-shot { position: relative; inset: auto; opacity: 1; }
html:not(.js) #madinah .madinah-shot img { height: auto; transform: none; will-change: auto; }
@media (prefers-reduced-motion:reduce),print {
  #madinah { height: auto!important; min-height: 0!important; padding-bottom: 65px; background: var(--campaign-charcoal); }
  #madinah .arrival-photograph { position: relative; inset: auto; height: auto; }
  #madinah .madinah-shot { position: relative; inset: auto; opacity: 1; }
  #madinah .madinah-shot img { height: auto; transform: none; will-change: auto; }
}