/* ==========================================================================
   SOCIAL MEDIA · 02 HOW WE HANDLE IT — the SMM overview in motion (assets/s7-smm.js)
   One fixed square that fills the split-section media box. Without the script
   it shows the original still instead.
   ========================================================================== */
.s7smm {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  background: #e0479a url('media/social-media-management-overview.webp') center / cover no-repeat;
}
.s7smm.is-live { background: #e0479a; }
.s7smm-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.s7smm:not(.is-live) .s7smm-svg { visibility: hidden; }