.project-zoom-trigger{min-width:0;position:relative}.project-zoom-open{cursor:zoom-in;color:#30332e;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.project-zoom-open span{background:#fffffff0;border:1px solid #ddd;border-radius:20px;padding:8px 12px;font:12px/1.4 Arial,sans-serif;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 8px #0001}.project-zoom-open:focus-visible{outline-offset:3px;border-radius:12px;outline:2px solid #457dae}.project-image-dialog{color:#282b26;background:#fff;border:1px solid #dededa;border-radius:18px;width:92vw;max-width:1400px;height:90svh;max-height:90svh;margin:auto;padding:0;font-family:Arial,Helvetica,sans-serif;position:fixed;inset:0;overflow:hidden}.project-image-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14151bc2}.project-image-window{flex-direction:column;height:100%;min-height:0;display:flex}.project-image-window header{border-bottom:1px solid #e2e2df;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex}.cms-case-page .project-image-window h2{letter-spacing:0;margin:0!important;font:700 16px/1.3 Arial,sans-serif!important}.project-image-window header p{color:#676c62;margin:4px 0 0;font:12px/1.4 Arial,sans-serif}.project-image-window-actions{gap:8px;display:flex}.project-image-window button{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8dcd3;border-radius:22px;padding:10px 16px;font:13px/1.3 Arial,sans-serif}.project-image-window button:focus-visible,.project-image-window-scroll:focus-visible{outline-offset:-3px;outline:2px solid #457dae}.project-image-window-scroll{overscroll-behavior:contain;scroll-behavior:auto;background:#f4f4f1;flex:1;min-height:0;padding:24px;overflow:auto}.cms-case-page .project-image-window-scroll img{object-fit:initial;width:auto;max-width:100%;height:auto;max-height:none;margin:0 auto;display:block}.cms-case-page .project-image-window-scroll.actual-size img{max-width:none;margin:0}.project-image-window-caption{border-top:1px solid #dededa;flex-shrink:0;max-height:25%;padding:16px 22px;overflow:auto}.project-image-window-caption strong{text-transform:uppercase;letter-spacing:.08em;font:700 11px/1.5 Arial,sans-serif}.project-image-window-caption p{white-space:pre-wrap;margin:6px 0 0;font:15px/1.6 Arial,sans-serif}.project-image-slide figcaption{white-space:pre-wrap}@media (max-width:600px){.project-image-dialog{border-radius:12px;width:96vw;height:94svh;max-height:94svh}.project-image-window header{flex-wrap:wrap;align-items:flex-start;padding:12px}.project-image-window-scroll{padding:10px}.project-image-window-caption{padding:12px}.project-image-window button{padding:9px 12px}}.project-popup-navigation{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:8px;font:13px/1.3 Arial,sans-serif;display:flex}.project-image-window-actions{flex-wrap:wrap;align-items:center}.project-image-window button:disabled{opacity:.35;cursor:default}.project-popup-navigation button{min-height:38px;padding:6px 12px;font-size:18px}@media (max-width:600px){.project-image-window-actions{justify-content:space-between;gap:6px;width:100%}.project-popup-navigation{gap:5px}}
.project-image-viewer{width:100%;min-width:0;margin:24px 0}.project-image-toolbar{color:#4c524a;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;font:500 13px/1.4 Arial,sans-serif;display:flex}.project-image-controls{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:14px;display:flex}.project-image-controls button{color:#252b24;cursor:pointer;background:#fff;border:1px solid #d9ddd5;border-radius:50%;place-items:center;width:44px;height:44px;font:22px Arial,sans-serif;display:grid}.project-image-controls button:hover:not(:disabled){background:#eef2eb}.project-image-controls button:disabled{opacity:.3;cursor:default}.project-image-controls button:focus-visible,.project-image-track:focus-visible{outline-offset:4px;outline:2px solid #457dae}.project-image-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b4bbae #f4f5f1;border-radius:12px;width:100%;min-width:0;display:flex;overflow-x:auto}.cms-case-page .project-image-track .project-image-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;max-width:100%;margin:0;scroll-margin-top:160px}.project-image-stage{box-sizing:border-box;background:#f2f3ef;border:1px solid #e6e8e1;border-radius:12px;justify-content:center;align-items:center;height:clamp(280px,68svh,760px);padding:20px;display:flex}.cms-case-page .project-image-stage img{object-fit:contain;width:100%;max-width:100%;height:100%;display:block}.project-image-hint{color:#747c6d;margin:12px 0 0;font:12px/1.6 Arial,sans-serif}.project-image-slide figcaption{padding:12px 4px 16px!important}.cms-gallery:has(.project-image-viewer){min-width:0;max-width:900px;margin:0 auto;display:block}@media (max-width:600px){.project-image-stage{height:64svh;min-height:280px;max-height:640px;padding:12px}.project-image-toolbar{font-size:12px}.project-image-controls{gap:10px}}.screen-frame-choice{color:#697060;align-items:center;gap:10px;margin:0 0 16px;font:12px/1.5 Arial,sans-serif;display:flex}.screen-frame-choice select{font:inherit;color:#30372c;cursor:pointer;background:#fff;border:1px solid #d9ddd5;border-radius:8px;padding:8px 28px 8px 10px}.screen-frame-choice select:focus-visible{outline-offset:3px;outline:2px solid #457dae}.project-image-stage{--screen-stage-height:clamp(280px,68svh,760px);height:var(--screen-stage-height);background:0 0;border:0;flex-direction:column;padding:18px 24px 26px}.screen-device{min-width:0;min-height:0;position:relative}.screen-display{overscroll-behavior-y:contain;min-height:0;overflow:auto}.screen-frame-none .screen-device,.screen-frame-none .screen-display{width:100%;height:100%}.screen-frame-mobile .screen-device{aspect-ratio:9/19.5;box-sizing:border-box;background:#08090b;border:6px solid #242628;border-radius:38px;flex-direction:column;max-width:100%;height:100%;padding:4px;display:flex;box-shadow:0 0 0 1px #919497,0 15px 24px #0002}.screen-frame-mobile .screen-display{background:#08090b;border-radius:5px;flex:1;overflow:hidden}.screen-phone-top{flex:0 0 23px;justify-content:center;align-items:center;height:23px;display:flex}.screen-phone-top span{background:#000;border:1px solid #242428;border-radius:12px;width:54px;height:12px}.screen-phone-bottom{flex:0 0 17px;justify-content:center;align-items:center;height:17px;display:flex}.screen-phone-bottom span{background:#e5e5e7;border-radius:3px;width:38%;height:3px}.screen-frame-mobile .screen-device:before,.screen-frame-mobile .screen-device:after{content:"";background:#34373a;border-radius:3px;width:3px;height:30px;position:absolute;top:22%;left:-9px}.screen-frame-mobile .screen-device:after{height:44px;top:28%;left:auto;right:-9px}.screen-frame-desktop .screen-device{width:min(100%,calc((var(--screen-stage-height) - 92px)*1.6));aspect-ratio:16/10;box-sizing:border-box;background:#fff;border:7px solid #25272a;border-bottom-width:12px;border-radius:13px;flex-direction:column;max-height:calc(100% - 32px);display:flex;overflow:hidden;box-shadow:0 10px 22px #0002}.screen-desktop-top{background:#edf0f1;flex:0 0 22px;align-items:center;gap:5px;padding:0 10px;display:flex}.screen-desktop-top i{background:#a5abad;border-radius:50%;width:5px;height:5px}.screen-desktop-top span{background:#fff;border-radius:3px;width:35%;height:9px;margin:auto}.screen-frame-desktop .screen-display{background:#fff;flex:1}.screen-desktop-stand{clip-path:polygon(30% 0,70% 0,78% 78%,100% 91%,100% 100%,0 100%,0 91%,22% 78%);background:linear-gradient(#888d93,#dce0e4);flex:0 0 30px;width:20%;max-width:130px}@media (max-width:600px){.project-image-stage{--screen-stage-height:clamp(280px,64svh,640px);padding:14px 16px 24px}.screen-frame-mobile .screen-device{border-radius:34px}.screen-frame-desktop .screen-device{border-width:5px 5px 9px;border-radius:9px}.screen-desktop-top{flex-basis:17px}.screen-desktop-stand{flex-basis:24px}}