/* ==========================================================================
   WEB DESIGN · 03 SEARCH VISIBILITY — the SEO overview in motion (assets/s7-seo.js)
   Square, fills the split-section media box. Without the script it shows the
   original still instead.
   ========================================================================== */
.s7seo {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  background: #dcdcfb url('media/web-design-seo-rank-overview.webp') center / cover no-repeat;
}
.s7seo.is-live { background: #dcdcfb; }
.s7seo-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.s7seo:not(.is-live) .s7seo-svg { visibility: hidden; }