.photo-viewport{height:100%;width:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;overscroll-behavior:contain;touch-action:none;position:relative}
.light-stage .photo-viewport>img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;flex:none;user-select:none;-webkit-user-drag:none;transform-origin:center;will-change:transform}
.photo-transition-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;overflow:hidden}.light-stage .photo-transition-layer>img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;flex:none}
.photo-viewport:has(>[hidden]){display:none}
.photo-status{position:absolute;inset:40% 20px auto;text-align:center;font-size:var(--mg-fs-xs);color:#d8d6cc;display:grid;gap:var(--mg-space-16);justify-items:center}.photo-status[hidden]{display:none}#lightbox .photo-status button{width:auto;height:40px;font-size:var(--mg-fs-xs);padding:var(--mg-space-8) var(--mg-space-16);border:1px solid color-mix(in srgb,var(--mg-white) 25%,transparent);border-radius:var(--mg-radius-2xl)}#lightbox[data-mode=reference] .photo-status{display:none}#lightbox #photo-zoom:disabled{opacity:.35;cursor:wait}
#lightbox.photo-zoomed .photo-viewport{cursor:grab}#lightbox.photo-zoomed .photo-viewport.is-panning{cursor:grabbing}
#lightbox.pixel-view .photo-viewport{display:block;overflow:auto;touch-action:pan-x pan-y}#lightbox.pixel-view .photo-viewport>img{width:auto;height:auto;max-width:none;max-height:none;margin:auto}
#lightbox>header{gap:var(--mg-space-12)}#lightbox>header>div{flex:1;min-width:0;display:flex;align-items:center;gap:var(--mg-space-10)}#lightbox #light-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#lightbox #light-name:focus{outline:none}#lightbox #light-count{flex:none;margin:0;color:var(--mg-muted);font-variant-numeric:tabular-nums}
#lightbox #photo-zoom,#lightbox>header [data-close]{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:color-mix(in srgb,var(--mg-white) 2%,transparent);border-radius:var(--mg-radius-lg);flex:none}#lightbox #photo-zoom svg,#lightbox>header [data-close] svg{width:22px;height:22px}
#lightbox .light-stage{position:relative;gap:0}#lightbox .light-stage>button{position:absolute;top:clamp(var(--photo-nav-half-height,36px),var(--photo-nav-y,50%),calc(100% - var(--photo-nav-half-height,36px)));transform:translateY(-50%);bottom:auto;width:52px;min-width:44px;height:72px;min-height:44px;padding:0;display:grid;place-items:center;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;z-index:2;color:var(--mg-white)}#lightbox .light-stage>#light-prev{left:var(--photo-nav-left,8px)}#lightbox .light-stage>#light-next{right:var(--photo-nav-right,8px)}#lightbox .light-stage>button svg{width:26px;height:26px;stroke-width:2.2;filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--mg-black) 80%,transparent)) drop-shadow(0 0 3px color-mix(in srgb,var(--mg-black) 60%,transparent))}#lightbox .light-stage>button:hover{background:none}
#lightbox[data-mode=reference] #photo-zoom,#lightbox[data-mode=reference] .photo-controls,#lightbox[data-mode=reference] .light-stage>button,#lightbox[data-mode=single] .light-stage>button{display:none}
.photo-sheet{grid-column:2;grid-row:2;min-height:0;min-width:0;height:100%}#lightbox .photo-sheet #light-details{height:100%;margin:0}.photo-controls{display:none}
.photo-actions{display:flex;align-items:center;gap:var(--mg-space-8);flex:none}#lightbox .photo-action{position:relative;display:grid;place-items:center;flex:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;border:1px solid color-mix(in srgb,var(--mg-white) 13%,transparent);border-radius:var(--mg-radius-xl);background:color-mix(in srgb,var(--mg-white) 2%,transparent);color:var(--mg-paper-2);backdrop-filter:none;cursor:pointer}#lightbox .photo-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#lightbox .photo-action[aria-pressed=true]{background:var(--mg-ink);color:var(--mg-black-4);border-color:var(--mg-ink)}#lightbox .photo-action[aria-pressed=true] svg{fill:currentColor}#lightbox .photo-action:disabled{opacity:.45;cursor:wait}#lightbox .photo-action:focus-visible{outline:2px solid var(--mg-focus-ring);outline-offset:3px}
#lightbox [data-reference-booking="photo"][aria-disabled=true]{opacity:.45;cursor:wait}
#lightbox .photo-share-status{position:absolute;top:76px;left:50%;transform:translateX(-50%);z-index:6;width:max-content;max-width:calc(100% - 32px);box-sizing:border-box;padding:var(--mg-space-12) var(--mg-space-20);border:1px solid color-mix(in srgb,var(--mg-white) 14%,transparent);border-radius:var(--mg-radius-2xl);background:color-mix(in srgb,var(--mg-black-4) 95%,transparent);color:var(--mg-ink);font-size:var(--mg-fs-2xs);box-shadow:var(--mg-shadow-2);pointer-events:none}#lightbox .photo-share-status[hidden],#lightbox .photo-share-fallback[hidden]{display:none}#lightbox .photo-share-fallback{position:absolute;top:76px;left:50%;transform:translateX(-50%);z-index:7;box-sizing:border-box;width:min(420px,calc(100% - 32px));padding:var(--mg-space-20) var(--mg-space-64) var(--mg-space-20) var(--mg-space-20);border:1px solid color-mix(in srgb,var(--mg-white) 19%,transparent);border-radius:var(--mg-radius-xl);background:var(--mg-black-4);box-shadow:var(--mg-shadow-3)}#lightbox .photo-share-fallback label{display:block;color:var(--mg-ink);font-size:var(--mg-fs-2xs);margin-bottom:var(--mg-space-10)}#lightbox .photo-share-fallback input{box-sizing:border-box;width:100%;padding:var(--mg-space-10);border:1px solid color-mix(in srgb,var(--mg-white) 19%,transparent);border-radius:var(--mg-radius-md);background:var(--mg-black-2);color:var(--mg-ink);font-size:var(--mg-fs-2xs)}#lightbox .photo-share-fallback button{position:absolute;top:8px;right:6px;width:44px;height:44px;padding:0;display:grid;place-items:center;border:0;background:none}#lightbox .photo-share-fallback button svg{width:20px;height:20px}.photo-share-copy-field{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0}
@media(hover:hover) and (pointer:fine){#lightbox .photo-action:hover{background:color-mix(in srgb,var(--mg-white) 7%,transparent);border-color:color-mix(in srgb,var(--mg-white) 27%,transparent)}#lightbox .photo-action[aria-pressed=true]:hover{background:var(--mg-ink)}#lightbox .photo-action::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 9px);right:0;z-index:8;width:max-content;padding:var(--mg-space-8) var(--mg-space-10);border:1px solid color-mix(in srgb,var(--mg-white) 13%,transparent);border-radius:var(--mg-radius-md);background:var(--mg-black-4);color:var(--mg-ink);font-size:var(--mg-fs-2xs);font-weight:var(--mg-weight-regular);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--mg-dur-fast) var(--mg-ease)}#lightbox .photo-action:hover::after,#lightbox .photo-action:focus-visible::after{opacity:1;visibility:visible}}
.open-photo:active{opacity:.86}.photo-controls button:focus-visible{outline:2px solid var(--mg-focus-ring);outline-offset:4px}
@media(max-width:740px){
 html:has(#lightbox[open]){scrollbar-gutter:auto}
 #lightbox[open]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:56px minmax(0,1fr) 64px;gap:0;overflow:hidden}
 #lightbox>header{grid-area:1/1;height:56px;min-height:0;padding:0 var(--mg-space-12);gap:var(--mg-space-4)}#lightbox>header>div{gap:var(--mg-space-6);flex-wrap:nowrap;align-content:center}#lightbox #light-name{flex:1;min-width:0;font-size:var(--mg-fs-2xs);line-height:var(--mg-leading-body)}#lightbox #light-count{font-size:var(--mg-fs-2xs);line-height:var(--mg-leading-none)}
 #lightbox #photo-zoom,#lightbox>header [data-close]{width:44px;height:44px;background:none}
 #lightbox>.light-stage{grid-area:2/1;height:100%;min-height:0;padding:0;display:flex;align-items:center;justify-content:center}
 #lightbox .light-stage>button{--photo-nav-half-height:28px;width:44px!important;height:56px!important;bottom:auto!important;border-radius:0;background:none}#lightbox .light-stage>button svg{width:24px;height:24px}
 #lightbox .photo-sheet{grid-area:auto;grid-column:auto;grid-row:auto;position:absolute;left:0;right:0;width:100%;box-sizing:border-box;bottom:env(safe-area-inset-bottom);height:min(72dvh,620px);display:flex;flex-direction:column;z-index:3;transform:translateY(var(--sheet-offset,calc(100% - 64px)));transition:transform var(--mg-dur-base) var(--mg-ease);border:1px solid color-mix(in srgb,var(--mg-white) 13%,transparent);border-bottom:0;border-radius:var(--mg-radius-2xl) var(--mg-radius-2xl) 0 0;background:var(--mg-black-3);box-shadow:var(--mg-shadow-3-up);overflow:hidden}
 #lightbox .photo-sheet.is-dragging{transition:none}
 #lightbox .photo-controls{position:relative;display:flex;flex:none;height:64px;align-items:center;justify-content:space-between;gap:var(--mg-space-12);padding:0 var(--mg-space-20);background:var(--mg-black-3);z-index:3}
 #lightbox #photo-spec-toggle{position:static;display:flex;align-items:center;align-self:stretch;flex:1;font-size:var(--mg-fs-xs);line-height:var(--mg-leading-snug);width:auto;height:64px;min-height:64px;border:0;border-radius:0;background:none;padding:var(--mg-space-20) 0 var(--mg-space-4);color:var(--mg-ink);white-space:nowrap;touch-action:none;cursor:grab}
 .sheet-grabber{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:36px;height:4px;border-radius:var(--mg-radius-md);background:color-mix(in srgb,var(--mg-white) 27%,transparent);pointer-events:none}
 #lightbox #viewer-save{flex:none;margin-top:var(--mg-space-8)}#lightbox #viewer-save .photo-actions{gap:var(--mg-space-6)}#lightbox #viewer-save .photo-action{width:44px;height:44px;margin:0;background:none;border-color:color-mix(in srgb,var(--mg-white) 11%,transparent)}
 #lightbox #viewer-save .photo-action[aria-pressed=true]{background:var(--mg-ink);color:var(--mg-black-4);border-color:var(--mg-ink)}
 #lightbox .photo-sheet #light-details{display:block;position:static;width:auto;height:auto;flex:1;min-height:0;max-height:none;overflow:auto;padding:var(--mg-space-8) var(--mg-space-20) var(--mg-space-24);margin:0;border:0;background:none;overscroll-behavior:contain;visibility:hidden}#lightbox.specs-open .photo-sheet #light-details{visibility:visible}
 #lightbox #light-details .detail-info-head{display:none}#lightbox #light-details .detail-save{display:none}
 #lightbox[data-mode=reference][open]{grid-template-rows:56px minmax(0,1fr) 60px}#lightbox[data-mode=reference] .photo-sheet{position:static;grid-area:3/1;transform:none;transition:none;border:0;border-radius:0;background:none;box-shadow:none;height:60px}
 #lightbox[data-mode=reference] .photo-sheet #light-details{visibility:visible;padding:var(--mg-space-10) var(--mg-space-12)}#lightbox[data-mode=reference] #light-details p{font-size:var(--mg-fs-2xs)}
 .photo-specs{gap:0 var(--mg-space-20)}.photo-specs a{min-height:35px}
}
@media(prefers-reduced-motion:reduce){#lightbox .photo-sheet{transition:none}.open-photo{transition:none!important}}
.showroom-blog-return-bar{max-width:1600px;margin:auto;padding:var(--mg-space-8) var(--mg-space-40);position:sticky;top:88px;z-index:20;background:var(--mg-black-2);border-bottom:1px solid color-mix(in srgb,var(--mg-white) 9%,transparent)}.showroom-blog-return{display:inline-flex;align-items:center;min-height:44px;color:var(--mg-ink);font-size:var(--mg-fs-xs);white-space:nowrap}#lightbox>header>.showroom-blog-return{padding-right:var(--mg-space-20);border-right:1px solid color-mix(in srgb,var(--mg-white) 15%,transparent);margin-right:var(--mg-space-6)}
@media(max-width:740px){
#lightbox.has-blog-return .photo-share-status,#lightbox.has-blog-return .photo-share-fallback{top:116px}
.showroom-blog-return-bar{padding:0 var(--mg-space-20);top:56px}#lightbox.has-blog-return[open]{grid-template-rows:100px minmax(0,1fr) 64px}#lightbox.has-blog-return>header{height:100px;flex-wrap:wrap;gap:0 var(--mg-space-4);align-content:start}#lightbox.has-blog-return>header>.showroom-blog-return{flex-basis:100%;height:44px;margin:0;padding:0;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--mg-white) 13%,transparent)}#lightbox.has-blog-return>header>div{height:56px;display:flex;align-items:center}#lightbox.has-blog-return[data-mode=reference][open]{grid-template-rows:100px minmax(0,1fr) 60px}}
#lightbox .photo-sheet.is-dragging #light-details{visibility:visible}