.photo-track{height:100svh;min-height:560px;background:#dbd2c5}
.photo-stage{height:100%;position:relative;overflow:hidden;background:#d6c6b1;isolation:isolate}
.photo-layer{position:absolute;inset:0;display:block}
.photo-layer img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.photo-stage:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#17141216 0%,transparent 22%,transparent 72%,#17141224 100%)}
.photo-credit{position:absolute;z-index:4;right:22px;bottom:max(18px,env(safe-area-inset-bottom));margin:0;padding:6px 10px;border-radius:20px;background:#f8f7f4d9;color:#2d2926;font-size:11px;line-height:1.4;backdrop-filter:blur(12px)}
.photo-track [hidden]{display:none!important}
.photo-hotspots{position:absolute;inset:0;z-index:3;pointer-events:none}
.photo-hotspot{position:absolute;opacity:0;transform:translate3d(-50%,calc(-50% + 24px),0) scale(.96);pointer-events:none}
.photo-hotspots.is-ready .photo-hotspot{animation:photo-hotspot-rise 1s cubic-bezier(.16,1,.3,1) .1s both;pointer-events:auto}
.photo-hotspots.is-ready .photo-hotspot:nth-child(2){animation-delay:.32s}
.photo-hotspots.is-ready .photo-hotspot:nth-child(3){animation-delay:.54s}
@keyframes photo-hotspot-rise{from{opacity:0;transform:translate3d(-50%,calc(-50% + 24px),0) scale(.96)}to{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}}
.photo-status{position:absolute;z-index:2;bottom:72px;left:50%;transform:translateX(-50%);margin:0;padding:12px 18px;border:1px solid #ffffff73;border-radius:99px;background:#f8f7f4d9;color:#171412;font-size:14px;line-height:1.4;text-align:center;width:max-content;max-width:calc(100% - 32px)}
@media(max-width:700px){.photo-track{min-height:0}.photo-credit{font-size:10px;right:12px;bottom:max(12px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.photo-hotspots.is-ready .photo-hotspot{animation:none;opacity:1;transform:translate3d(-50%,-50%,0)}}