/* Image loading — shimmer placeholder, fade in when ready (no progressive striping) */

@keyframes imgShimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.img-shimmer-host {
    position: relative;
    display: block;
    overflow: hidden;
    background: linear-gradient(
        110deg,
        #e6dde9 0%,
        #f3eef5 40%,
        #e6dde9 80%
    );
    background-size: 200% 100%;
    animation: imgShimmer 1.15s ease-in-out infinite;
}

[data-theme="dark"] .img-shimmer-host {
    background: linear-gradient(
        110deg,
        #2a1a33 0%,
        #3d2549 40%,
        #2a1a33 80%
    );
    background-size: 200% 100%;
}

.img-shimmer-host.is-loaded {
    animation: none;
    background: transparent;
}

.img-shimmer-host > img,
.img-shimmer-host > picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.35s ease;
}

.img-shimmer-host.is-loaded > img,
.img-shimmer-host.is-loaded > picture img {
    opacity: 1;
}

/* Inline / icon images — no shimmer box */
img.img-skip-shimmer {
    opacity: 1 !important;
}

.hero-image-lg-right-wrap > .img-shimmer-host,
.service-image-wrap > .img-shimmer-host,
.about-split-image-wrap > .img-shimmer-host,
.team-image-wrap > .img-shimmer-host,
.work-image-wrap > .img-shimmer-host {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.footer-logo-wrap .img-shimmer-host,
.site-logo-link .img-shimmer-host {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .img-shimmer-host {
        animation: none;
        background: #ebe6ee;
    }
    .img-shimmer-host > img,
    .img-shimmer-host > picture img {
        transition: none;
    }
}