/* One full-viewport photograph and one restrained push. */
#first-sight { height: 210svh; background: var(--campaign-charcoal); }
#first-sight .sight-stage { height: 100svh; min-height: 0; }
#first-sight .makkah-film { position: absolute; inset: 0; overflow: hidden; isolation: isolate; }
.makkah-shot { position: absolute; inset: 0; margin: 0; pointer-events: none; }
.makkah-shot picture,.makkah-shot img { display: block; width: 100%; height: 100%; }
.makkah-shot img { object-fit: cover; will-change: transform; }
.makkah-arch img { object-position: 55% 72%; transform: scale(var(--arch-scale,1)); transform-origin: 58% 65%; }
#first-sight .scene-meta { display: none; }
@media (orientation:portrait) {
  #first-sight { height: 205svh; }
  .makkah-arch img { object-position: 56% 50%; transform-origin: 61% 65%; }
}
/* Automatic reduced motion uses the same content in ordinary document flow. */
html:not(.js) #first-sight { height: auto; }
html:not(.js) #first-sight .sight-stage { position: relative; height: auto; min-height: 0; overflow: visible; display: flex; flex-direction: column; padding: 90px 0 75px; gap: 26px; }
html:not(.js) #first-sight .sight-copy { order: 0; }
html:not(.js) #first-sight .makkah-film { order: 1; position: relative; inset: auto; width: 100%; overflow: visible; }
html:not(.js) #first-sight .makkah-shot { position: relative; inset: auto; opacity: 1; }
html:not(.js) #first-sight .makkah-shot img { height: auto; transform: none; will-change: auto; }
html:not(.js) #first-sight .sight-second { order: 2; display: block; }
html:not(.js) #first-sight .photo-credit { order: 3; }
@media (prefers-reduced-motion:reduce),print {
  #first-sight { height: auto!important; }
  #first-sight .sight-stage { position: relative!important; height: auto!important; min-height: 0!important; display: flex; flex-direction: column; padding: 90px 0 75px; gap: 26px; overflow: visible; }
  #first-sight .sight-copy { order: 0; }
  #first-sight .makkah-film { order: 1; position: relative; inset: auto; width: 100%; overflow: visible; }
  #first-sight .makkah-shot { position: relative; inset: auto; opacity: 1; }
  #first-sight .makkah-shot img { height: auto; transform: none; will-change: auto; }
  #first-sight .sight-second { order: 2; display: block; }
  #first-sight .photo-credit { order: 3; }
}