.baes-compare{--reveal:50%;margin:0;min-width:0}
.baes-compare-stage{position:relative;isolation:isolate;aspect-ratio:16/10;overflow:hidden;background:#e4e9e5}
.baes-compare-collage .baes-compare-stage{aspect-ratio:760/540}
.baes-compare-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.baes-compare-layer img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.baes-compare-layer.is-after{z-index:0}
.baes-compare-layer.is-before{z-index:1;clip-path:inset(0 calc(100% - var(--reveal)) 0 0);filter:brightness(var(--before-brightness,1))}
.baes-compare-collage .baes-compare-layer img{position:absolute;max-width:none;width:202.1%;height:189.63%;top:-47.22%;left:0;object-fit:fill}
.baes-compare-collage .baes-compare-layer.is-after img{left:-101.8%}
.baes-compare-tag{position:absolute;z-index:2;top:9px;color:white;font:12px Georgia,serif;padding:5px 9px;pointer-events:none}
.baes-compare-tag.is-before{left:9px;background:#394642}
.baes-compare-tag.is-after{right:9px;background:#a90000}
.baes-compare-divider{position:absolute;z-index:3;inset-block:0;left:var(--reveal);width:2px;background:white;box-shadow:0 0 3px #0008;transform:translateX(-50%);pointer-events:none}
.baes-compare-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border:2px solid white;border-radius:50%;display:grid;place-items:center;background:#1b252878;color:white;font:20px/1 Georgia,serif;box-shadow:0 1px 5px #0006}
.baes-compare-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.baes-compare-stage:focus-within{outline:3px solid #245c64;outline-offset:3px}
.baes-compare-links{display:flex;flex-wrap:wrap;gap:4px 14px;margin:7px 0 0;font:12px/1.4 Georgia,serif}
.baes-compare-links a{color:#245c64}
#project-gallery .project-comparison:has(.baes-compare){padding-bottom:18px;margin-bottom:18px}
.services-step-comparison .baes-compare-handle{width:28px;height:28px;font-size:15px}
.services-step-comparison .baes-compare-tag{top:5px;padding:3px 5px;font-size:10px}

#project-gallery .project-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(14px,2.5vw,32px)}
#project-gallery .project-pairs>.project-comparison:has(.baes-compare){min-width:0;margin:0;padding-bottom:12px}
#project-gallery .project-pairs .baes-compare-stage{aspect-ratio:16/10}
#project-gallery .project-pairs .baes-compare-collage .baes-compare-stage{aspect-ratio:760/540}
@media(max-width:680px){#project-gallery .project-pairs{grid-template-columns:minmax(0,1fr)}}

#project-gallery .project-pairs>.project-comparison:has(.baes-compare){padding:0;border:0}
.baes-compare{padding:clamp(6px,1vw,11px);background:#fffcf6;border:1px solid #d8d4ca;box-shadow:0 4px 14px #18242112}
.baes-compare-stage{box-shadow:0 0 0 1px #253b3922}
.baes-compare-links{margin:0;padding:9px 2px 0;font-size:12px}
.baes-compare-links a{text-underline-offset:2px}

.baes-photo-viewer{padding:50px 16px 16px;border:0;background:#172421;color:white;max-width:96vw;max-height:96vh;box-sizing:border-box;overflow:auto}
.baes-photo-viewer::backdrop{background:#07100be0}
.baes-photo-viewer .baes-photo-close{position:absolute;top:6px;right:9px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #c4d0cb;border-radius:50%;background:#263936;color:white;cursor:pointer;font:28px/1 Georgia,serif}
.baes-photo-viewer .baes-photo-close:focus-visible{outline:2px solid white;outline-offset:2px}
.baes-photo-viewer .baes-photo-enlarged{display:block;width:auto;height:auto;max-width:min(86vw,1500px);max-height:calc(92vh - 70px);object-fit:contain}