.project .photo.project-compare{position:relative;display:block;aspect-ratio:1.6;overflow:hidden;background:#e7eeea}
.project-compare>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.project-compare>.project-before{clip-path:inset(0 50% 0 0)}
.project-compare>.project-after{clip-path:inset(0 0 0 50%)}
.project-compare>.project-label{position:absolute;top:10px;z-index:2;padding:4px 8px;border-radius:5px;background:#fff;color:#07363a;font-size:12px;line-height:1.2;font-weight:700;box-shadow:0 1px 6px #07363a25}
.project-label-before{left:10px}.project-label-after{right:10px}
.project-divider{position:absolute;z-index:2;left:50%;top:0;bottom:0;width:2px;background:white;box-shadow:0 0 3px #07363a66;pointer-events:none}
.project-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:white;color:#07363a;font-size:17px;box-shadow:0 2px 8px #07363a40}
@media(max-width:420px){.project-compare>.project-label{font-size:11px;padding:4px 7px}}