/* Mr Epoxying recent-work before/after gallery — transferred from the supplied Albion page. */
.mr-recent-work{background:#f6f6f6}
.mr-recent-work .mr-recent-gallery{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:260px;gap:18px}
.mr-recent-work .mr-recent-item{min-width:0;height:100%;overflow:hidden;background:#000}
.mr-recent-work .mr-recent-item:first-child{grid-column:span 2;grid-row:span 2}
.mr-recent-work .epoxy-ba-slider{--ba-position:50%;position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#d7d7d7;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.mr-recent-work .epoxy-ba-slider img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.mr-recent-work .epoxy-ba-before{position:relative;z-index:1}
.mr-recent-work .epoxy-ba-after-wrap{position:absolute;inset:0;z-index:2;clip-path:inset(0 0 0 var(--ba-position));-webkit-clip-path:inset(0 0 0 var(--ba-position));pointer-events:none}
.mr-recent-work .epoxy-ba-range{position:absolute;inset:0;z-index:5;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.mr-recent-work .epoxy-ba-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--ba-position);width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 0 8px rgba(0,0,0,.35);transform:translateX(-50%);pointer-events:none}
.mr-recent-work .epoxy-ba-handle{position:absolute;left:50%;top:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:3px solid #fff;border-radius:50%;background:rgba(0,0,0,.48);color:#fff;font-size:22px;line-height:1;transform:translate(-50%,-50%);box-shadow:0 2px 8px rgba(0,0,0,.35)}
.mr-recent-work .epoxy-ba-label{position:absolute;z-index:3;top:12px;padding:6px 10px;border-radius:3px;background:rgba(0,0,0,.68);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase;pointer-events:none}
.mr-recent-work .epoxy-ba-label-before{left:12px}
.mr-recent-work .epoxy-ba-label-after{right:12px}
.mr-recent-work .epoxy-ba-range:focus-visible + .epoxy-ba-divider .epoxy-ba-handle{outline:3px solid #fff;outline-offset:3px}
.mr-recent-work .mr-recent-work-heading{max-width:790px;margin:40px 0 0}
.mr-recent-work .mr-recent-work-heading h2{margin-bottom:0}
@media(max-width:991px){.mr-recent-work .mr-recent-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.mr-recent-work .mr-recent-item:first-child{grid-column:span 2;grid-row:span 1}}
@media(max-width:767px){.mr-recent-work .epoxy-ba-handle{width:38px;height:38px;font-size:19px}.mr-recent-work .epoxy-ba-label{top:9px;padding:5px 8px;font-size:11px}.mr-recent-work .epoxy-ba-label-before{left:9px}.mr-recent-work .epoxy-ba-label-after{right:9px}}
@media(max-width:640px){.mr-recent-work .mr-recent-gallery{display:block}.mr-recent-work .mr-recent-item,.mr-recent-work .mr-recent-item:first-child{height:255px;margin-bottom:15px}.mr-recent-work .mr-recent-item:last-child{margin-bottom:0}.mr-recent-work .mr-recent-work-heading{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.mr-recent-work *{scroll-behavior:auto!important}}