/* Scroll-based section / image loading (same pattern as sirtex / paper) */
.lazy-img {
  transition: opacity 0.35s ease;
}
.lazy-img:not(.lazy-loaded) {
  opacity: 0.15;
  background-color: #eceef1;
}
.lazy-img.lazy-loaded {
  opacity: 1;
}

[data-lazy-section]:not(.lazy-section-loaded) [data-bg-lazy],
[data-lazy-section]:not(.lazy-section-loaded) .sf-hero__bg[data-src] {
  background-color: #f3f3f3 !important;
  background-image: none !important;
}

[data-lazy-section].lazy-section-loaded [data-image-loading]::after {
  display: none !important;
  animation: none !important;
}

[data-lazy-section].lazy-section-loaded img.lazyload,
[data-lazy-section].lazy-section-loaded [data-image-loading] img {
  opacity: 1 !important;
}

.ops-lazy-chunk {
  min-height: 180px;
}
.ops-lazy-chunk.is-loading {
  position: relative;
}
.ops-lazy-chunk.is-loading::before {
  content: '';
  display: block;
  height: 180px;
  background: linear-gradient(90deg, #f3f3f3 25%, #ececec 37%, #f3f3f3 63%);
  background-size: 400% 100%;
  animation: ops-skel 1.2s ease-in-out infinite;
}
.ops-lazy-chunk.is-loaded {
  min-height: 0;
}
.ops-lazy-chunk.is-loaded::before {
  display: none;
}
@keyframes ops-skel {
  0% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}