/* Preserve the deployed identity rail and navigation. Scope all visual changes
   to the photographic gallery and give its cards one stable 3:2 format. */
[data-mockup-mode] .identity-heading{margin:0;font:inherit}
@media(min-width:721px){[data-mockup-mode]:not(.is-about):not(.is-detail) .home-view{transform:translate3d(0,var(--mockup-stack-shift,0px),0)}}
[data-mockup-mode]:not(.is-about):not(.is-detail) .gallery-background{display:none}
[data-mockup-mode]:not(.is-about):not(.is-detail) .stage-wrap{overflow:visible;background:transparent;box-shadow:none;border-radius:0}
[data-mockup-mode]:not(.is-about):not(.is-detail) .work-stage{width:100%;height:100%;margin:0}
[data-mockup-mode] .timeline{display:none}
[data-mockup-mode] .visual.mockup{padding:0;background:transparent;border-radius:0;box-shadow:none;overflow:hidden}
[data-mockup-mode] .visual.mockup::after{display:none}
[data-mockup-mode] .photo-scene{position:relative;display:block;width:100%;height:100%;overflow:hidden;isolation:isolate;contain:layout paint}
[data-mockup-mode] .source-plane{position:absolute;top:0;left:0;display:block;transform-origin:0 0;pointer-events:none}
[data-mockup-mode] .source-plane>.mockup-base{display:block;width:100%;height:100%;max-width:none;max-height:none;border-radius:0;box-shadow:none;object-fit:fill}
[data-mockup-mode] .device-screen{position:absolute;display:block;top:0;left:0;overflow:hidden;transform-origin:0 0;border-radius:10px;backface-visibility:hidden;pointer-events:none}
[data-mockup-mode] .screen-content{display:block;width:100%;height:100%}
[data-mockup-mode] .screen-glass{position:absolute;inset:0;background:linear-gradient(135deg,#ffffff0b,transparent 55%,#0000000e);pointer-events:none}
[data-mockup-mode] .case-figure:has(.photo-scene)>div{padding:0;background:none;border-radius:0}
[data-mockup-mode] .case-figure .photo-scene{height:auto;aspect-ratio:3/2}
[data-mockup-mode] .prototype-credit{display:none!important}
@media(max-width:720px), (hover:none) and (pointer:coarse) and (max-width:1024px){
 [data-mockup-mode] .home-view{transform:none}
 [data-mockup-mode]:not(.is-about):not(.is-detail) .work-stage{position:relative;inset:auto}
}

/* Keep the real library in the same calibrated plane as its physical display. */
[data-mockup-mode] .device-screen.interactive-screen{pointer-events:auto;border-radius:4px}
[data-mockup-mode][data-gallery-layout=standard] .interactive-screen .library-home-canvas{position:absolute;inset:0;width:1280px;height:840px;transform:none;padding:24px;background:#f7f5f3;pointer-events:auto}
[data-mockup-mode][data-gallery-layout=standard] .interactive-screen .library-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 22px}
[data-mockup-mode][data-gallery-layout=standard] .interactive-screen .library-tile:nth-child(n){display:block}
[data-mockup-mode][data-gallery-layout=standard] .interactive-screen .library-heading{margin-bottom:20px}
[data-mockup-mode][data-gallery-layout=standard] .interactive-screen .library-book-meta{min-height:24px}
[data-mockup-mode][data-gallery-layout=standard] .interactive-screen .library-filter-toggle{min-height:32px;font-size:14px}
[data-mockup-mode][data-gallery-layout=standard] .interactive-screen .library-filter-option{min-height:32px;font-size:13px}
[data-mockup-mode][data-gallery-layout=standard] .interactive-screen .library-grid[data-book-filter=favorites] .library-tile:not(.is-favorite){display:none}