.elementor-395 .elementor-element.elementor-element-be23da2{--display:flex;--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;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-395 .elementor-element.elementor-element-be23da2::before, .elementor-395 .elementor-element.elementor-element-be23da2 > .elementor-background-video-container::before, .elementor-395 .elementor-element.elementor-element-be23da2 > .e-con-inner > .elementor-background-video-container::before, .elementor-395 .elementor-element.elementor-element-be23da2 > .elementor-background-slideshow::before, .elementor-395 .elementor-element.elementor-element-be23da2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-395 .elementor-element.elementor-element-be23da2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-395 .elementor-element.elementor-element-94967d6{--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:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.76;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-94967d6:not(.elementor-motion-effects-element-type-background), .elementor-395 .elementor-element.elementor-element-94967d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C2DFC4;background-image:url("https://ysab.org/wp-content/uploads/2026/01/IMG2-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-395 .elementor-element.elementor-element-94967d6::before, .elementor-395 .elementor-element.elementor-element-94967d6 > .elementor-background-video-container::before, .elementor-395 .elementor-element.elementor-element-94967d6 > .e-con-inner > .elementor-background-video-container::before, .elementor-395 .elementor-element.elementor-element-94967d6 > .elementor-background-slideshow::before, .elementor-395 .elementor-element.elementor-element-94967d6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-395 .elementor-element.elementor-element-94967d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #0E509C 40%, #62D1DC 100%);}.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-395 .elementor-element.elementor-element-91d6ae9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-395 .elementor-element.elementor-element-91d6ae9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:45px;font-weight:700;color:#FFFFFF;}.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-395 .elementor-element.elementor-element-4b486db{--divider-border-style:solid;--divider-color:#FDD835;--divider-border-width:7px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;padding:0px 0px 0px 0px;}.elementor-395 .elementor-element.elementor-element-4b486db .elementor-divider-separator{width:20%;margin:0 auto;margin-center:0;}.elementor-395 .elementor-element.elementor-element-4b486db .elementor-divider{text-align:center;padding-block-start:7px;padding-block-end:7px;}.elementor-395 .elementor-element.elementor-element-f943595{--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;}@media(min-width:768px){.elementor-395 .elementor-element.elementor-element-be23da2{--content-width:100%;}}@media(max-width:1024px){.elementor-395 .elementor-element.elementor-element-91d6ae9 .elementor-heading-title{font-size:39px;}}@media(max-width:767px){.elementor-395 .elementor-element.elementor-element-91d6ae9 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for shortcode, class: .elementor-element-449dd05 *//* Container Utama - Menggunakan Grid Modern */
.album-stack-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px; /* Jarak lebih lebar untuk kesan minimalis */
    padding: 20px 0;
}

/* Card Styling */
.album-card {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.album-card:hover {
    transform: translateY(-8px);
}

/* Kolase Layout */
.album-collage-wrapper {
    display: flex;
    gap: 6px; /* Jarak antar foto dalam kolase */
    height: 200px; 
    border-radius: 16px; /* Corner lebih bulat agar elegan */
    overflow: hidden;
    background: #f8f9fa;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.main-photo { flex: 2.5; height: 100%; overflow: hidden; }
.side-photos { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.sub-photo { height: 50%; overflow: hidden; }
.sub-photo.full-height { height: 100%; } /* Jika hanya ada 2 foto */

.album-collage-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.album-card:hover img {
    transform: scale(1.08); /* Efek zoom halus saat hover */
}

/* Tipografi & Info */
.album-info {
    padding: 15px 5px;
}

.album-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #222;
    margin: 0 0 4px 0;
}

.photo-count {
    font-size: 14px;
    color: #999;
    font-weight: 400;
    letter-spacing: 0.3px;
}

/* Responsive Fix */
@media (max-width: 767px) {
    .album-stack-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .album-collage-wrapper { height: 150px; border-radius: 12px; }
    .album-title { font-size: 15px; }
}/* End custom CSS */