/* Shared geometry: the reveal clips a full frame, never resizes either photo. */
.ohh-compare.ohh-compare--framed{aspect-ratio:var(--ohh-frame-ratio,16/9);background:#e5e1d9}
.ohh-compare--framed .ohh-compare__before,.ohh-compare--framed .ohh-compare__after{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border:0}
.ohh-compare--framed .ohh-compare__before{clip-path:inset(0 calc(100% - var(--ohh-position,50%)) 0 0)}
.ohh-compare--framed .ohh-compare__before img,.ohh-compare--framed .ohh-compare__after img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;min-width:0;max-width:none!important;max-height:none;margin:0!important;padding:0!important;border:0;border-radius:0;object-position:50% 50%;transform-origin:50% 50%;box-sizing:border-box}
.ohh-compare--framed .ohh-compare__before img{object-fit:var(--ohh-before-fit,cover);transform:translate(var(--ohh-before-x,0%),var(--ohh-before-y,0%)) rotate(var(--ohh-before-rotation,0deg)) scale(var(--ohh-before-zoom,1))}
.ohh-compare--framed .ohh-compare__after img{object-fit:var(--ohh-after-fit,cover);transform:translate(var(--ohh-after-x,0%),var(--ohh-after-y,0%)) rotate(var(--ohh-after-rotation,0deg)) scale(var(--ohh-after-zoom,1))}
.ohh-compare--framed img[hidden]{display:none!important}
@media(max-width:600px){.ohh-compare.ohh-compare--framed{aspect-ratio:var(--ohh-frame-ratio,4/3)}}