.project-images{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:36px 24px;display:grid}.project-images-item{min-width:0;margin:0}.project-images-item:first-child,.project-images-item--plan{grid-column:1/-1}.project-images-open{border:1px solid var(--site-line);color:#44352a;cursor:zoom-in;isolation:isolate;background:#e9e2d8;border-radius:20px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.project-images-open img{object-fit:contain;width:100%;height:auto;transition:transform .3s;display:block}.project-images-item--plan .project-images-open,.project-images-item--drawing .project-images-open{background:#f7f4ed}.project-images-item--plan .project-images-open img,.project-images-item--drawing .project-images-open img{aspect-ratio:auto;object-fit:contain;max-height:740px}.project-images-expand{color:#44352a;min-height:40px;font:500 12px/1.3 var(--site-body-font,Arial,sans-serif);background:#faf5edeb;border:1px solid #fff8edb8;border-radius:30px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex;position:absolute;bottom:16px;right:16px;box-shadow:0 2px 12px #30262012}.project-images-expand svg{flex:none;width:15px;height:15px}.project-images-item figcaption{color:var(--site-text);overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:6px;margin-top:16px;padding-inline:2px;font-size:15px;line-height:1.55;display:flex}.project-images-kind{color:var(--site-muted);letter-spacing:.7px;font-size:11px}.project-images-open:focus-visible{outline:2px solid var(--site-text);outline-offset:5px}.project-images-dialog{box-sizing:border-box;width:100%;height:100vh;color:#f6efe7;overscroll-behavior:contain;max-width:none;height:100dvh;max-height:none;font-family:var(--site-body-font,Arial,sans-serif);background:#211b18f5;border:0;border-radius:0;margin:0;padding:24px clamp(20px,4vw,64px);position:fixed;inset:0}.project-images-dialog[open]{flex-direction:column;gap:18px;display:flex}.project-images-dialog::backdrop{background:#211b18eb}.project-images-dialog-header{flex:none;justify-content:space-between;align-items:center;gap:20px;min-width:0;display:flex}.project-images-dialog-kind{letter-spacing:.8px;color:#d0c1b5;font-size:12px}.project-images-dialog-tools{align-items:center;gap:10px;display:flex}.project-images-dialog .project-images-control{box-sizing:border-box;color:#f6efe7;cursor:pointer;background:#f6efe708;border:1px solid #f6efe74d;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;min-height:48px;padding:0;transition:background-color .15s,border-color .15s;display:inline-flex}.project-images-dialog .project-images-control svg{stroke-width:1.5px;width:21px;height:21px}.project-images-dialog .project-images-zoom{border-radius:26px;flex:0 auto;gap:9px;width:auto;padding:0 16px;font-size:12px;line-height:1.4}.project-images-dialog .project-images-zoom svg{flex:none;width:18px;height:18px}.project-images-dialog .project-images-zoom[aria-pressed=true]{background:#f6efe71a;border-color:#f6efe799}.project-images-dialog .project-images-control:disabled{opacity:.35;cursor:default}.project-images-dialog .project-images-control:focus-visible{outline-offset:4px!important;outline:2px solid #f6efe7!important}.project-images-stage{cursor:zoom-out;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.project-images-stage img{object-fit:contain;cursor:default;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.project-images-stage--zoomed{overscroll-behavior:contain;cursor:auto;scrollbar-color:#c8b9ad #302620;display:block;overflow:auto}.project-images-stage--zoomed img{max-width:none;height:auto;max-height:none;margin-inline:auto}.project-images-stage:focus-visible{outline-offset:4px;outline:2px solid #f6efe7}.project-images-dialog-footer{min-width:0;padding-bottom:env(safe-area-inset-bottom,0px);flex:none;justify-content:space-between;align-items:center;gap:24px;display:flex}.project-images-dialog-caption{color:#f6efe7;overflow-wrap:anywhere;min-width:0;max-width:720px;max-height:18vh;margin:0;font-size:14px;line-height:1.6;overflow:auto}.project-images-navigation{flex:none;align-items:center;gap:14px;display:flex}.project-images-counter{color:#d0c1b5;text-align:center;font-variant-numeric:tabular-nums;min-width:58px;font-size:13px}@media (hover:hover){.project-images-item--interior .project-images-open:hover img{transform:scale(1.02)}.project-images-dialog .project-images-control:not(:disabled):hover{background:#f6efe71a;border-color:#f6efe799}}@media (max-width:620px){.project-images{grid-template-columns:minmax(0,1fr);gap:26px}.project-images-open{border-radius:16px}.project-images-open img,.project-images-item:first-child .project-images-open img{aspect-ratio:auto}.project-images-expand{min-height:36px;padding:7px 12px;font-size:11px;bottom:12px;right:12px}.project-images-item figcaption{gap:4px;margin-top:12px;font-size:14px}.project-images-dialog{padding:12px 14px 16px;padding-top:max(12px,env(safe-area-inset-top,0px))}.project-images-dialog[open]{gap:14px}.project-images-dialog-header{gap:10px}.project-images-dialog-tools{gap:8px}.project-images-dialog .project-images-zoom{gap:7px;padding-inline:12px;font-size:11px}.project-images-dialog-footer{flex-direction:column;align-items:stretch;gap:16px}.project-images-dialog-caption{text-align:center;max-height:16vh;font-size:13px}.project-images-navigation{justify-content:center;gap:22px}}@media (max-height:480px) and (orientation:landscape){.project-images-dialog{padding:10px 18px}.project-images-dialog[open]{gap:8px}.project-images-dialog-footer{flex-direction:row;align-items:center;gap:20px}.project-images-dialog-caption{text-align:left;max-height:42px}}@media (prefers-reduced-motion:reduce){.project-images-open img,.project-images-dialog .project-images-control{transition:none}}
