/* ============================================
   LCP Critical CSS - Load First
   ============================================ */
.block-slideshow__banner {
    display: block;
    position: relative;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    /* Desktop: 1350x500 - keeps aspect ratio on resize */
    aspect-ratio: 1350 / 500;
}

.block-slideshow__banner-link {
    display: block;
    width: 100%;
    height: 100%;
}

.block-slideshow__banner-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 3px;
}

@media (max-width: 767px) {
    .block-slideshow__banner {
        /* Mobile: 1024x1024 = square */
        aspect-ratio: 1 / 1;
    }
    
    .block-slideshow__banner-image {
        object-position: top center;
    }
}