/* The WeReno animations (made in motion/, rendered into /media/wereno/) in place of the theme's stock
   images. Each shows its poster until it scrolls into view, then plays muted and looping from the
   poster's frame: wr-handyman-promo.js arms every video[data-hm-src] on the site. */
.wr-anim { display: block; box-sizing: border-box; width: 100%; max-width: 100%; height: auto; background: #F4F6F2; }
/* the site's own card: an ink outline and a hard shadow, like its pricing and technology boxes */
.wr-anim--card { border: 3px solid #141414; border-radius: 20px; box-shadow: 0 6px 0 #141414; }
.wr-anim--post { border-radius: 16px; }
/* the What we do panels and the blog index covers: fill the coloured box they replace */
.wr-anim-panel, .wr-anim-cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wr-anim-panel { border-radius: inherit; z-index: 0; }