/* Slider controls intentionally straddle the cropped media edge without being clipped. */
.arc-xd .arc-house-gallery-media{
  position:relative;
  box-sizing:content-box;
  width:100%;
  margin-inline:-13px;
  padding-inline:13px;
  overflow:visible;
}
.arc-xd .arc-house-gallery-media .arc-house-gallery-main{
  width:100%;
  overflow:hidden;
}
.arc-xd .arc-house-gallery-media .arc-hero-arrow-prev{left:0}
.arc-xd .arc-house-gallery-media .arc-hero-arrow-next{right:0}
/* Desktop places the controls 72px clear of the frame instead of straddling it,
 * so the inline bleed is removed here and the offsets are measured from the
 * media edge itself. */
@media (min-width:1200px){
  .arc-xd .arc-house-gallery-media{margin-inline:0;padding-inline:0}
  .arc-xd .arc-house-gallery-media .arc-hero-arrow-prev{left:-72px}
  .arc-xd .arc-house-gallery-media .arc-hero-arrow-next{right:-72px}
}