/* =========================================================
   V3.5 - Hero Slider Pelayanan Publik
   Additive stylesheet: does not modify Portal Digital, news,
   Secure V2, or existing homepage sections.
   ========================================================= */
section#intro.hero-v2 .hero-public-service-slide {
    background: #08274c;
    overflow: hidden;
}

section#intro.hero-v2 .hero-public-service-link {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none !important;
}

section#intro.hero-v2 .hero-public-service-picture {
    position: absolute;
    inset: 0;
    background-image: url('../image/pelayanan-publik-hero-v35.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: transform .45s ease;
}

section#intro.hero-v2 .hero-public-service-link:hover .hero-public-service-picture {
    transform: scale(1.008);
}

/* Desktop: preserve the full infographic as much as possible. */
@media (min-width: 1200px) {
    section#intro.hero-v2 .hero-public-service-picture {
        background-size: cover;
        background-position: center 42%;
    }
}

/* Tablet: prioritize the main title, people, and process panel. */
@media (min-width: 769px) and (max-width: 1199px) {
    section#intro.hero-v2 .hero-public-service-picture {
        background-size: cover;
        background-position: center top;
    }
}

/* Mobile: fit the complete artwork instead of cropping its text. */
@media (max-width: 768px) {
    section#intro.hero-v2 .hero-public-service-slide {
        background: linear-gradient(180deg, #0a3971 0%, #08254c 100%);
    }
    section#intro.hero-v2 .hero-public-service-picture {
        background-size: contain;
        background-position: center center;
    }
}