image-gallery{display:block}.room-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}.room-gallery-item{margin:0;min-width:0}.room-gallery-link{display:block;color:#20262c;text-decoration:none}.room-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px;font-size:15px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;line-height:1.4}.room-gallery-arrow{font-size:24px;font-weight:400;color:#006e77}.room-gallery-frame{overflow:hidden;background:#f0f0ed;aspect-ratio:3/2}.room-gallery-frame img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}.room-gallery-link:hover{color:#006e77}.room-gallery-link:hover img{transform:scale(1.025)}.room-gallery-link:focus-visible,.room-gallery-dialog button:focus-visible{outline:3px solid #ff8a20;outline-offset:5px}.room-gallery-dialog{width:min(1100px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;border:0;padding:20px;background:#fff;color:#20262c;overscroll-behavior:contain}.room-gallery-dialog::backdrop{background:#061620db}.room-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.room-gallery-toolbar h2{font-size:20px!important;line-height:1.3;margin:0!important}.room-gallery-dialog button{background:#fff;color:#23323a;border:1px solid #c5cdcf;min-height:44px;min-width:44px;padding:8px 14px;cursor:pointer;font:inherit}.room-gallery-dialog button:hover{background:#eef4f4}.room-gallery-toolbar button{white-space:nowrap;display:flex;gap:16px;align-items:center}.room-gallery-toolbar button span{font-size:24px}.room-gallery-media img{display:block;width:100%;height:auto;max-height:calc(100dvh - 210px);object-fit:contain}.room-gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:16px}.room-gallery-bottom p{font-size:14px;line-height:1.5;margin:0;max-width:720px;color:#56616a}.room-gallery-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.room-gallery-controls span{font-size:13px;min-width:40px;text-align:center}.ct-work-gallery{margin-top:48px;padding-top:32px;border-top:1px solid #d1dadd}.ct-work-gallery>h3{font-size:1.2rem;margin:0 0 24px}.ct-work-gallery .ct-gallery-note{margin:-10px 0 24px;color:#52636d;font-size:.875rem;line-height:1.6}.ct-work-gallery .room-gallery-heading{font-size:13px;letter-spacing:.02em;text-transform:none}.ct-restaurant-comparison photo-comparison .pc-stage{aspect-ratio:16/9}.ct-restaurant-comparison .pc-control{color:#dbe6ec}@media(max-width:1000px){.room-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.ct-work-gallery .room-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media(max-width:600px){.room-gallery-grid,.ct-work-gallery .room-gallery-grid{grid-template-columns:1fr;gap:28px}.room-gallery-heading{font-size:14px;margin-bottom:10px}.room-gallery-dialog{padding:14px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.room-gallery-bottom{display:block}.room-gallery-controls{margin-top:16px;justify-content:space-between}.room-gallery-media img{max-height:calc(100dvh - 255px)}.ct-work-gallery{margin-top:32px}}@media(prefers-reduced-motion:reduce){.room-gallery-frame img{transition:none}.room-gallery-link:hover img{transform:none}}before-after-image{--comparison-position:50%;display:block;width:100%;min-width:0;color:#00283b}before-after-image .cg-stage{position:relative;isolation:isolate;aspect-ratio:var(--comparison-aspect,3/2);overflow:hidden;background:#e7ecee;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}before-after-image .cg-stage img{display:block;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover;pointer-events:none;transform:none!important;transition:none!important}before-after-image .cg-after{position:absolute;inset:0}before-after-image .cg-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0)}before-after-image .cg-label{position:absolute;z-index:2;top:12px;padding:7px 10px;border-radius:3px;color:#fff;font:600 11px/1.2 Arial,sans-serif;letter-spacing:.06em;pointer-events:none;box-shadow:0 1px 6px #0004}before-after-image .cg-label-before{left:12px;background:#00283b}before-after-image .cg-label-after{right:12px;background:#007d88}before-after-image[data-position="0"] .cg-label-before,before-after-image[data-position="100"] .cg-label-after{visibility:hidden}before-after-image .cg-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--comparison-position);width:2px;transform:translate(-50%);background:#fff;box-shadow:0 0 5px #0008;pointer-events:none}before-after-image .cg-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid #fff;background:#007d88;color:#fff;font:600 25px/1 Arial,sans-serif;box-shadow:0 2px 8px #0005}before-after-image .cg-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;min-height:48px;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:pan-y}before-after-image .cg-stage:has(.cg-range:focus-visible){outline:3px solid #ff8a20;outline-offset:3px}before-after-image .cg-stage:has(.cg-range:focus-visible) .cg-divider>span{outline:3px solid #ff8a20;outline-offset:3px}before-after-image .cg-hint{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:1.4;color:#52636d;margin:10px 0 0}.room-gallery-item--comparison .room-gallery-heading{color:#20262c}.room-gallery-portfolio .room-gallery-item--comparison:first-child .room-gallery-heading{display:flex}.room-gallery-caption{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.room-gallery-disclosure{font-size:11px;line-height:1.5;color:#66717b}.room-gallery-compare-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:-8px;color:#006e77;font-size:12px;line-height:1.5;font-weight:600;text-decoration:underline;text-underline-offset:3px}.room-gallery-compare-link:focus-visible{outline:3px solid #ff8a20;outline-offset:3px}.room-gallery-media before-after-image{max-width:min(100%,calc((100dvh - 255px) * var(--comparison-aspect)));margin-inline:auto}.room-gallery-media before-after-image .cg-stage{max-height:calc(100dvh - 255px)}.room-gallery-media before-after-image .cg-hint{margin-top:10px}@media(max-width:600px){before-after-image .cg-label{top:9px;padding:6px 8px;font-size:10px}before-after-image .cg-label-before{left:9px}before-after-image .cg-label-after{right:9px}.room-gallery-media before-after-image{max-width:min(100%,calc((100dvh - 300px) * var(--comparison-aspect)))}.room-gallery-media before-after-image .cg-stage{max-height:calc(100dvh - 300px)}}@media(prefers-reduced-motion:reduce){before-after-image *,before-after-image *:before,before-after-image *:after{animation:none!important;transition:none!important}}
