/* Figma section overlays — aligned with rely-landing.css / reverely.php */
.xelp-home .home-section-overlays {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.xelp-home .home-section-overlay {
    position: absolute;
    top: 50%;
    width: min(56vw, 720px);
    max-width: 720px;
    height: auto;
    object-fit: contain;
    transform: translateY(-50%);
    opacity: 0.68;
    mix-blend-mode: multiply;
    filter: contrast(1.12) saturate(1.15);
    pointer-events: none;
    transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}

.xelp-home .home-section-overlay--left {
    left: -10%;
}

.xelp-home .home-section-overlay--right {
    right: -10%;
}

.xelp-home .home-section-overlays--cta .home-section-overlay {
    opacity: 0.62;
}

/* Capabilities — left globe watermark */
.xelp-home .home-section-overlays--cap {
    overflow: visible;
}

.xelp-home .home-section-overlay--cap {
    top: 50%;
    left: -12%;
    right: auto;
    width: clamp(280px, 46vw, 440px);
    max-width: 440px;
    height: auto;
    max-height: clamp(320px, 54vw, 580px);
    object-fit: contain;
    object-position: left center;
    transform: translateY(-52%);
}

@media (max-width: 1023px) {
    .xelp-home .home-section-overlay--cap {
        left: -8%;
        width: min(92vw, 380px);
        max-width: 380px;
        max-height: min(78vw, 460px);
        transform: translateY(-50%);
    }
}

@media (max-width: 600px) {
    .xelp-home .home-section-overlay--cap {
        left: -10%;
        width: min(96vw, 320px);
        max-width: 320px;
        max-height: min(72vw, 400px);
    }
}

@media (max-width: 900px) {
    .xelp-home .home-section-overlay {
        width: min(58vw, 600px);
        opacity: 0.55;
    }

    .xelp-home .home-section-overlay--left {
        left: -14%;
    }

    .xelp-home .home-section-overlay--right {
        right: -14%;
    }
}

@media (max-width: 640px) {
    .xelp-home .home-section-overlay {
        opacity: 0.48;
    }
}