/* Original photographs are shown through viewports; paper margins and old page captions are excluded. */
.has-photo-comparison>img,.has-photo-comparison>.paper-photo-original{visibility:hidden!important;position:absolute!important;pointer-events:none!important}
.has-photo-comparison{background:#0c293c!important;padding:0!important}
.photo-comparison{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:26px;background:#0c293c;padding:16px;box-sizing:border-box}
.photo-comparison figure{margin:0!important;padding:0!important;background:transparent!important;display:block;min-width:0}
.photo-comparison svg{display:block;width:100%;height:auto;aspect-ratio:auto;overflow:hidden;border:0!important;box-shadow:none!important;filter:none!important;mix-blend-mode:normal!important}
.photo-comparison figcaption{position:static!important;background:transparent!important;color:#c5deeb!important;padding:12px 0 0!important;font:10px/1.6 Manrope,sans-serif!important;letter-spacing:.1em}
.document-mount.has-photo-comparison .document-brand,.document-mount.has-photo-comparison .document-heading,.document-mount.has-photo-comparison .document-number,.document-mount.has-photo-comparison .document-foot{display:none!important}
#lightbox .document-view-window.has-photo-comparison{display:block!important;max-height:70svh;overflow:auto!important;background:#0c293c!important;padding:0!important}
#lightbox .document-view-window>.photo-comparison{grid-template-columns:minmax(0,1fr)!important;max-width:760px!important;gap:32px!important;margin-inline:auto!important;padding:20px!important}
#lightbox .document-view-window>.photo-comparison>figure{display:block!important;width:100%!important;min-width:0!important}
#lightbox .document-view-window>.photo-comparison svg{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important}
#lightbox:has(.photo-comparison) .document-zoom-controls{display:none!important}
/* Archive card previews use the final photograph, with no paper page border. */
.preview-project .preview-stage.has-photo-comparison{position:relative!important;display:block!important;background:#0c293c!important;overflow:hidden!important}
.preview-project .preview-stage.has-photo-comparison>.photo-comparison{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.preview-project .preview-stage.has-photo-comparison>.photo-comparison>figure{display:none!important}
.preview-project .preview-stage.has-photo-comparison>.photo-comparison>figure:last-child{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important}
.preview-project .preview-stage.has-photo-comparison .photo-comparison svg{width:100%!important;height:calc(100% - 30px)!important;max-height:calc(100% - 30px)!important;min-height:0!important;object-fit:contain!important}
.preview-project .preview-stage.has-photo-comparison .photo-comparison figcaption{align-self:start;flex-shrink:0;font-size:8px!important;padding-top:8px!important}
.project-detail .gallery-grid .gallery-comparison>.photo-comparison{padding:12px!important;background:#0c293c!important}
@media(max-width:650px){#lightbox .document-view-window>.photo-comparison{padding:12px!important;gap:24px!important}}