/* ourwork-slider1c: scoped before/after compare on #change-out only */
#change-out .ow-ba{margin:0;width:100%;min-width:0;align-self:stretch}
#change-out .ow-ba-frame{
  --ow-ba-pos:73%;
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  border-radius:16px;
  overflow:hidden;
  background:#e8eef5;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}
/* In-flow sizer: HTML width/height attrs reserve height before paint/CSS */
#change-out .ow-ba-sizer{
  display:block;
  width:100%;
  height:auto;
  visibility:hidden;
  pointer-events:none;
  border-radius:0;
  max-width:none;
}
#change-out .ow-ba-frame img.ow-ba-after,
#change-out .ow-ba-frame img.ow-ba-before{
  display:block;
  position:absolute;inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
  border-radius:0;
  max-width:none;
}
#change-out .ow-ba-before{
  clip-path:inset(0 calc(100% - var(--ow-ba-pos)) 0 0);
}
#change-out .ow-ba-handle{
  position:absolute;top:0;bottom:0;
  left:var(--ow-ba-pos);
  width:2px;
  margin-left:-1px;
  background:#FED14D;
  z-index:2;
  pointer-events:none;
}
#change-out .ow-ba-knob{
  position:absolute;top:50%;left:50%;
  width:44px;height:44px;
  margin:-22px 0 0 -22px;
  border-radius:50%;
  background:#0B2B4C;
  border:3px solid #FED14D;
  box-shadow:0 2px 10px rgba(11,43,76,.35);
  display:flex;align-items:center;justify-content:center;
}
#change-out .ow-ba-knob::before,
#change-out .ow-ba-knob::after{
  content:"";
  width:0;height:0;
  border-style:solid;
}
#change-out .ow-ba-knob::before{
  border-width:6px 8px 6px 0;
  border-color:transparent #FED14D transparent transparent;
  margin-right:4px;
}
#change-out .ow-ba-knob::after{
  border-width:6px 0 6px 8px;
  border-color:transparent transparent transparent #FED14D;
  margin-left:4px;
}
#change-out .ow-ba-lab{
  position:absolute;top:12px;z-index:3;
  padding:4px 10px;
  border-radius:999px;
  font:600 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  letter-spacing:.02em;
  text-transform:uppercase;
  pointer-events:none;
  background:rgba(11,43,76,.82);
  color:#fff;
}
#change-out .ow-ba-lab-b{left:12px}
#change-out .ow-ba-lab-a{right:12px}
#change-out .ow-ba-range{
  position:absolute;inset:0;
  width:100%;height:100%;
  margin:0;padding:0;
  opacity:0;
  cursor:ew-resize;
  z-index:4;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
}
#change-out .ow-ba-range:focus-visible{
  opacity:1;
  outline:3px solid #FED14D;
  outline-offset:-3px;
  border-radius:16px;
}
@media (max-width:699px){
  #change-out .ow-ba-knob{width:40px;height:40px;margin:-20px 0 0 -20px}
  #change-out .ow-ba-lab{font-size:11px;top:10px;padding:3px 8px}
  #change-out .ow-ba-lab-b{left:10px}
  #change-out .ow-ba-lab-a{right:10px}
}