/**
 * Portal beranda — lapisan dekoratif hero (konten di org-container-global.css)
 */

html.sg-portal-html-home,
html.sg-portal-html-home body.sg-homepage.sg-portal-page {
    background-color: #f4f7fb;
}

body.sg-homepage.sg-portal-page > #sg-hero.hero-section,
body.sg-homepage.sg-portal-page > section#sg-hero.sg-hero,
body.sg-homepage.sg-portal-page .site-layout-main > #sg-hero.hero-section,
body.sg-homepage.sg-portal-page .site-layout-main > section#sg-hero.sg-hero {
    display: block;
    position: relative;
    width: 100%;
    max-width: min(var(--layout-max-width, 1320px), 100%);
    min-height: 0;
    height: auto;
    padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
    margin-left: auto;
    margin-right: auto;
    isolation: isolate;
    box-sizing: border-box;
    overflow-x: hidden;
}

body.sg-homepage.sg-portal-page > #sg-hero .sg-hero__bg,
body.sg-homepage.sg-portal-page .site-layout-main > #sg-hero .sg-hero__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    transform: none;
    opacity: 1;
    visibility: visible;
}

body.sg-homepage.sg-portal-page > #sg-hero .sg-hero__grid-floor,
body.sg-homepage.sg-portal-page > #sg-hero .sg-ambient-layer,
body.sg-homepage.sg-portal-page .site-layout-main > #sg-hero .sg-hero__grid-floor,
body.sg-homepage.sg-portal-page .site-layout-main > #sg-hero .sg-ambient-layer {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    transform: none;
    overflow: hidden;
}

body.sg-homepage.sg-portal-page > #sg-hero.sg-hero--govtech .sg-hero__bg::before {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    transform: none;
}