.elementor-497 .elementor-element.elementor-element-1506d7db{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-497 .elementor-element.elementor-element-108a940b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-497 .elementor-element.elementor-element-45b7b167.elementor-element{--align-self:flex-start;}.elementor-497 .elementor-element.elementor-element-45b7b167{text-align:start;}.elementor-497 .elementor-element.elementor-element-45b7b167 img{width:100%;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-497 .elementor-element.elementor-element-226c201c{--divider-border-style:solid;--divider-color:#004AAC33;--divider-border-width:1px;}.elementor-497 .elementor-element.elementor-element-226c201c .elementor-divider-separator{width:100%;}.elementor-497 .elementor-element.elementor-element-226c201c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-497 .elementor-element.elementor-element-68bde08b{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:var( --e-global-color-primary );}.elementor-497 .elementor-element.elementor-element-1a2e767f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-497 .elementor-element.elementor-element-5ca6af95{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#004AAC33;--border-color:#004AAC33;--border-radius:0px 0px 0px 0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-497 .elementor-element.elementor-element-4265256 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-497 .elementor-element.elementor-element-4265256 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-497 .elementor-element.elementor-element-4265256{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-497 .elementor-element.elementor-element-4265256 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-497 .elementor-element.elementor-element-4265256 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:700;}.elementor-497 .elementor-element.elementor-element-4265256 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-497 .elementor-element.elementor-element-0778b62{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-497 .elementor-element.elementor-element-a146690{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-497 .elementor-element.elementor-element-2869b14 img{width:100%;height:218px;object-fit:cover;object-position:center center;border-radius:5px 5px 5px 5px;}.elementor-497 .elementor-element.elementor-element-f9d6cb5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-497 .elementor-element.elementor-element-a343ece{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-497 .elementor-element.elementor-element-7e57ffa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-497 .elementor-element.elementor-element-7e57ffa.e-con{--align-self:flex-start;}.elementor-497 .elementor-element.elementor-element-f8a09e5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-497 .elementor-element.elementor-element-61ea3b4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;}.elementor-497 .elementor-element.elementor-element-951edeb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-text );}.elementor-497 .elementor-element.elementor-element-b784d14{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-497 .elementor-element.elementor-element-3473ada{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#004AAC33;--border-color:#004AAC33;--border-radius:0px 0px 0px 0px;}.elementor-497 .elementor-element.elementor-element-87fa778 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-497 .elementor-element.elementor-element-0e9f2c9{--grid-columns:3;}@media(max-width:1024px){.elementor-497 .elementor-element.elementor-element-45b7b167{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-497 .elementor-element.elementor-element-1a2e767f{--padding-top:20px;--padding-bottom:20px;--padding-left:16px;--padding-right:16px;}.elementor-497 .elementor-element.elementor-element-0778b62{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-497 .elementor-element.elementor-element-0e9f2c9{--grid-columns:2;}}@media(min-width:768px){.elementor-497 .elementor-element.elementor-element-108a940b{--width:280px;}.elementor-497 .elementor-element.elementor-element-1a2e767f{--width:100%;}.elementor-497 .elementor-element.elementor-element-a146690{--width:45%;}.elementor-497 .elementor-element.elementor-element-a343ece{--width:55%;}}@media(max-width:1024px) and (min-width:768px){.elementor-497 .elementor-element.elementor-element-108a940b{--width:15%;}}@media(max-width:767px){.elementor-497 .elementor-element.elementor-element-1506d7db{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-497 .elementor-element.elementor-element-45b7b167 img{width:210px;}.elementor-497 .elementor-element.elementor-element-f9d6cb5{margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-497 .elementor-element.elementor-element-0e9f2c9{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-108a940b *//* DESKTOP (>= 1024px): Sidebar Normal 280px */
@media (min-width: 1024px) {
    .elementor-497 .elementor-element.elementor-element-108a940b {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 280px !important;
        height: 100vh !important;
        z-index: 20 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        padding: 32px !important;
    }
    .elementor-497 .elementor-element.elementor-element-108a940b img {
        max-width: 210px !important;
    }
}

/* TABLET (768px - 1023px): Sidebar Compact 200px */
@media (min-width: 768px) and (max-width: 1023px) {
    .elementor-497 .elementor-element.elementor-element-108a940b {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 200px !important; /* Diperkecil agar area kanan lega */
        height: 100vh !important;
        z-index: 20 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        padding: 20px 16px !important;
    }
    /* Menjaga Logo Agar Tidak Raksasa di Tablet */
    .elementor-497 .elementor-element.elementor-element-108a940b img {
        max-width: 140px !important;
        height: auto !important;
    }
}

/* MOBILE (< 768px): Top Horizontal Bar */
@media (max-width: 767px) {
    .elementor-497 .elementor-element.elementor-element-108a940b {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        padding: 16px !important;
    }
    .elementor-497 .elementor-element.elementor-element-108a940b img {
        max-width: 130px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a146690 *//* Efek Bingkai Lukisan Modern */
.elementor-497 .elementor-element.elementor-element-a146690 img {
    width: 100% !important;
    height: auto !important;
    max-height: 80vh;
    object-fit: contain;
    border-radius: 6px;
    border: 1px solid #E2E8F0;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.elementor-497 .elementor-element.elementor-element-a146690 img:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-0e9f2c9 *//* 1. FORCE RESET ALIGNMENT PADA SEMUA WRAPPER PEMBUNGKUS GAMBAR */
.elementor-497 .elementor-element.elementor-element-0e9f2c9,
.elementor-497 .elementor-element.elementor-element-0e9f2c9 .elementor-widget-image,
.elementor-497 .elementor-element.elementor-element-0e9f2c9 .elementor-image,
.elementor-497 .elementor-element.elementor-element-0e9f2c9 .elementor-post__thumbnail,
.elementor-497 .elementor-element.elementor-element-0e9f2c9 .elementor-post__thumbnail__link,
.elementor-497 .elementor-element.elementor-element-0e9f2c9 figure {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    width: 100% !important;
    display: block !important;
}

/* 2. PAKSA GAMBAR SENDIRI UNTUK NEMPIL KE KIRI & MEMENUHI CONTAINER */
.elementor-497 .elementor-element.elementor-element-0e9f2c9 img,
.elementor-497 .elementor-element.elementor-element-0e9f2c9 .elementor-widget-image img,
.elementor-497 .elementor-element.elementor-element-0e9f2c9 .elementor-post__thumbnail img {
    display: block !important;
    float: left !important;            /* Paksa kunci ke batas paling kiri */
    margin-left: 0 !important;
    margin-right: auto !important;
    width: 100% !important;           /* Mengisi penuh lebar kartu dari ujung kiri ke kanan */
    height: 220px !important;         /* Tinggi seragam */
    object-fit: cover !important;     /* Anti-gepeng & crop presisi */
    object-position: left center !important; /* Jika terpotong, prioritaskan sisi kiri gambar */
}

/* 3. MERAPIKAN TEKS JUDUL AGAR NEMPIL KIRI DENGAN PRESISI */
.elementor-497 .elementor-element.elementor-element-0e9f2c9 .elementor-post__title,
.elementor-497 .elementor-element.elementor-element-0e9f2c9 h3,
.elementor-497 .elementor-element.elementor-element-0e9f2c9 a {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2e767f *//* 1. Memicu Smooth Scroll Bawaan */
html {
    scroll-behavior: smooth !important;
}

/* 2. Offset Anchor Link agar Judul Tidak Tertutup Header */
#home, 
#about, 
#artists, 
#stories, 
#sponsor, 
#contact {
    scroll-margin-top: 110px !important; 
}

/* 3. ATURAN POSISI KONTEN KANAN (DESKTOP) */
@media (min-width: 1024px) {
    .elementor-497 .elementor-element.elementor-element-1a2e767f {
        margin-left: 280px !important;
        width: calc(100% - 280px) !important;
        overflow-x: hidden !important;
    }
}

/* 4. ATURAN POSISI KONTEN KANAN (TABLET: 768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .elementor-497 .elementor-element.elementor-element-1a2e767f {
        margin-left: 200px !important; /* Mencegah konten menutupi logo sidebar kiri */
        width: calc(100% - 200px) !important;
        overflow-x: hidden !important;
    }
}

/* 5. ATURAN POSISI KONTEN KANAN (MOBILE: < 768px) */
@media (max-width: 767px) {
    .elementor-497 .elementor-element.elementor-element-1a2e767f {
        margin-left: 0 !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1506d7db */.elementor-497 .elementor-element.elementor-element-1506d7db {
    overflow-x: hidden !important;
}
/* 1. Memicu Smooth Scrolling Halus Bawaan Browser */
html {
    scroll-behavior: smooth !important;
}

/* 2. Mengatur Posisi Berhenti Anchor Link (Bisa Ditambah/Dikurangi) */
#home, 
#about, 
#artists, 
#stories, 
#sponsor, 
#contact {
    /* Angka kecil ini memastikan scroll berhenti TEPAT di atas title, bukan meleburnya ke bawah */
    scroll-margin-top: 20px !important; 
}/* End custom CSS */