/* One quiet photographic arrival follows the geographic destination. */
.first-sight{height:300svh;background:var(--hdf-charcoal)}
.sight-stage{background:var(--hdf-charcoal);color:var(--hdf-white)}
.sight-image{inset:0;transform:translate3d(0,var(--sight-y,0px),0) scale(var(--sight-scale,1.035));clip-path:inset(var(--sight-crop-y,47%) var(--sight-crop-x,47%));will-change:transform,clip-path;opacity:var(--sight-image-opacity,0)}
.sight-image img{object-position:50% 58%}
.sight-aperture{display:none}
.sight-shade{background:linear-gradient(180deg,rgba(28,28,28,.67),rgba(28,28,28,.16) 28%,transparent 47%,transparent 65%,rgba(28,28,28,.72));opacity:var(--sight-shade-opacity,0)}
.sight-copy{left:var(--pad);right:auto;top:18%;max-width:340px}
.sight-copy .eyebrow{margin-bottom:17px;text-shadow:none}
.sight-copy h2{text-shadow:none}
.sight-second{top:19%;left:var(--pad);right:auto;text-align:left;max-width:480px;text-shadow:none;}
.makkah-jumuah{display:block;margin-top:16px;max-width:350px}
.photo-location{bottom:15%;gap:12px}.photo-location div>span{opacity:.95;}
.photo-credit{bottom:15%;}
.photo-credit a{min-height:44px;display:flex;align-items:center;gap:4px}
.photo-credit:focus-within{opacity:1;background:#1c1c1c;padding:0 10px}
.first-sight .scene-meta{opacity:.85;}
.first-sight .scene-meta>span:last-child{display:none}
/* The Madinah composition remains full bleed; only its small captions gain legibility. */
.arrival-caption{bottom:15%}.arrival-credit{bottom:15%;}
.arrival-credit a{min-height:44px;display:flex;align-items:center}
.arrival-caption-shade{background:linear-gradient(180deg,rgba(28,28,28,.16),transparent 27%,transparent 56%,rgba(28,28,28,.83))}
@media(max-width:700px){
 .first-sight{height:280svh}.sight-stage{min-height:600px}
 .sight-image img{object-position:50% 69%}
 .sight-copy{top:17%;right:var(--pad);max-width:280px}.sight-copy .eyebrow{margin-bottom:14px}
 .sight-second{top:17%;right:var(--pad);max-width:300px}.makkah-jumuah{max-width:260px;margin-top:13px}
 .photo-location{bottom:16%;}.photo-credit{left:var(--pad);right:auto;bottom:8.5%;}
 .sight-shade{background:linear-gradient(180deg,rgba(28,28,28,.76),rgba(28,28,28,.28) 34%,transparent 48%,transparent 65%,rgba(28,28,28,.75))}
 .arrival-caption{bottom:19%}.arrival-credit{bottom:10%;}
}
@media(max-height:650px) and (min-width:701px){.sight-copy,.sight-second{top:22%}.sight-copy .eyebrow{margin-bottom:12px}}
html:not(.js) .sight-image{clip-path:none;opacity:1;transform:none}
html:not(.js) .sight-shade{opacity:1}
html:not(.js) .sight-second{top:auto;bottom:28%;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.sight-image{clip-path:none!important;opacity:1!important;transform:none!important}.sight-shade{opacity:1}.sight-second{top:auto;bottom:28%;}}