/* Local Beeri trial. One shared pin, original scenes and original image buffers. */
.horizontal-station{position:relative;width:100%;background:#0b1216}
.horizontal-viewport{position:relative;width:var(--horizontal-width,100%)!important;max-width:none!important;height:var(--view)!important;max-height:none!important;overflow:hidden;background:#0b1216;isolation:isolate}
.horizontal-viewport>.horizontal-panel{position:absolute!important;top:0;left:0;width:100%;height:var(--view)!important;margin:0!important;overflow:visible;background:#0b1216}
.horizontal-panel>.stage{position:relative!important;top:0!important;left:0!important;width:100%!important;overflow:visible}
.horizontal-panel>.story{position:relative;z-index:4;background:#0b1216}
.horizontal-panel[aria-hidden=true]{pointer-events:none}
.horizontal-panel .caption-shell{pointer-events:none}
/* Preserve the chapter's flow while its single live map is held below the gallery. */
.horizontal-map-placeholder{width:100%;pointer-events:none}
.horizontal-map-held{position:fixed!important;top:var(--held-map-top)!important;left:0;right:0;width:100%;margin:0!important}
@media(max-width:650px){
 /* This clipped viewport already starts below the header. Sticky offsets are local to it. */
 .horizontal-panel>.caption-shell>.map-heading{top:30px}
 .horizontal-viewport>.mobile-story-panel{position:absolute;inset:0;width:100%;height:var(--view);display:flex;align-items:flex-start;justify-content:center;background:#0b1216;overflow:hidden}
 .horizontal-viewport>.mobile-story-panel>.story{position:relative;flex:none;margin:0!important;padding:var(--mobile-story-top,24px) 24px 24px;width:100%!important;max-width:440px;background:#0b1216;text-align:right}
 .mobile-story-panel .story>.eyebrow{margin:0 0 12px}
 .mobile-story-panel .story h2{margin:0 0 16px}
 .mobile-story-panel .story-copy p:last-child{margin-bottom:0}
}
/* Center the visible pair of frames, preserving the original responsive sizes. */
@media(min-width:651px){
 .photo-scene .frame-strip{translate:0 var(--reference-center-y,0px)}
 .horizontal-panel .frame-strip{position:relative}
 /* Bleed covers subpixel corner edges while staying inside the gap to the main image. */
 .reference-story-window{position:absolute;inset:-2px;overflow:hidden;z-index:5;pointer-events:none;isolation:isolate}
 .horizontal-panel .reference-story{position:absolute;inset:0;width:100%!important;max-width:none;height:100%;margin:0!important;padding:14px 10px;display:flex;flex-direction:column;justify-content:center;gap:12px;background:#0b1216;color:#fff6e8;text-align:right;transform:translate3d(0,101%,0);border:0;border-radius:0}
 .horizontal-panel .reference-story>.eyebrow{display:block;margin:0;font-size:13px;line-height:1.4;letter-spacing:normal}
 .horizontal-panel .reference-story h2{margin:0;font-size:clamp(18px,1.65vw,25px);line-height:1.35;font-weight:500}
 .horizontal-panel .reference-story .story-copy{padding:0;font-size:clamp(14px,1.12vw,17px);line-height:1.65}
 .horizontal-panel .reference-story .story-copy p{margin:0 0 10px}
 .horizontal-panel .reference-story .story-copy .draft{font-size:11px;line-height:1.5;margin:0;color:#a9b1b2}
}