.wp-block-kenforth-latest-news {
}

    .wp-block-kenforth-latest-news__posts {
        display: grid;
        gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--80);
        grid-template-columns: [featured-start post-2-start post-3-start] minmax(0, 1fr) [featured-end post-2-end post-3-end];
        grid-template-rows: [featured-start] auto [featured-end post-2-start] auto [post-2-end post-3-start] auto [post-3-end];
        margin-block-end: var(--wp--preset--spacing--70) !important;

        @media (min-width: 670px) {
            grid-template-columns: [featured-start post-2-start] minmax(0, 1fr) [post-2-end post-3-start] minmax(0, 1fr) [post-3-end featured-end];
            grid-template-rows: [featured-start] auto [featured-end post-2-start post-3-start] auto [post-2-end post-3-end];
        }
        
        @media (min-width: 1080px) {
            grid-template-columns: [featured-start] minmax(0, 1fr) minmax(0, 1fr) [featured-end post-2-start post-3-start] minmax(0, 1fr) [post-2-end post-3-end];
            grid-template-rows: [featured-start post-2-start] auto [post-2-end post-3-start] auto [post-3-end featured-end];
        }

        .wp-block-post {
            position: relative;
            margin-block-start: 0;

            &:nth-child(1) {
                grid-column: featured;
                grid-row: featured;
                display: grid;
                grid-template-columns: minmax(0 , 1fr);
                grid-template-rows: auto auto;
                
                @media (min-width: 670px) {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    grid-template-rows: auto;
                }
                
                @media (min-width: 1080px) {
                    grid-template-columns: minmax(0, 3fr) minmax(clamp(20rem, 12.8rem + 12.8vw, 24rem), 2fr);
                }
            }

            &:nth-child(2) {
                grid-column: post-2;
                grid-row: post-2;
            }

            &:nth-child(2) {
                grid-column: post-3;
                grid-row: post-3;
            }
        }
    }

        .wp-block-kenforth-latest-news__post-image {
            position: relative;
            height: 0;
            padding-bottom: 75%;
            margin: 0;

            .wp-block-post:nth-child(1) & {
                @media (min-width: 670px) {
                    height: 100%;
                    padding: 0;
                }
            }

            img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                max-width: none;
                height: 100%;
                object-fit: cover;
            }

            &::after {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: rgba(0, 0, 0, 0.5);
                z-index: 1;
            }
        }

        .wp-block-kenforth-latest-news__post-content {
            position: relative;
            display: flex;
            flex-direction: column;
            z-index: 2;

            .wp-block-post:nth-child(1) & {
                padding-right: var(--wp--preset--spacing--70) !important;
                padding-left: var(--wp--preset--spacing--70) !important;
            }

            .wp-block-post:nth-child(2) &,
            .wp-block-post:nth-child(3) & {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: transparent !important;
                justify-content: flex-end;
                color: var(--wp--preset--color--white);
            }
            
            .wp-block-kenforth-latest-news__post-title {
                margin-left: 0 !important;
                margin-right: 0 !important;
                margin-bottom: 0.5em;
                font-size: var(--wp--preset--font-size--large);
                font-weight: 600;
                
                .wp-block-post:nth-child(1) & {
                    margin-top: auto;
                    font-size: var(--wp--preset--font-size--x-large);
                }

                a {
                    color: inherit;
                }
            }
    
            .wp-block-kenforth-latest-news__post-excerpt {
                display: none;
                margin-left: 0 !important;
                margin-right: 0 !important;
                color: var(--wp--preset--color--grey-mid);
    
                .wp-block-post:nth-child(1) & {
                    display: block;
                    margin-bottom: auto;
                }
            }
    
            .wp-block-kenforth-latest-news__post-date {
                margin-left: 0 !important;
                margin-right: 0 !important;

                .wp-block-post:nth-child(1) & {
                    color: var(--wp--preset--color--grey-mid);
                }
            }
        }


.wp-block-kenforth-news-page {
}

    .wp-block-kenforth-news-page__posts {
        display: grid;
        gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--80);
        grid-template-columns: minmax(0, 1fr);
        margin-block-end: var(--wp--preset--spacing--70) !important;

        @media (min-width: 670px) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        @media (min-width: 1080px) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .wp-block-post {
            position: relative;
            display: block;
            grid-column: auto;
            grid-row: auto;
            margin-block-start: 0;
        }

        .wp-block-kenforth-latest-news__post-image {
            .wp-block-post:nth-child(1) & {
                @media (min-width: 670px) {
                    height: 0;
                    padding-bottom: 75%;
                }
            }
        }

        .wp-block-kenforth-latest-news__post-content {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            color: var(--wp--preset--color--white);
            background: transparent !important;
            z-index: 2;

            .wp-block-post:nth-child(1) & {
                padding-right: var(--wp--preset--spacing--50) !important;
                padding-left: var(--wp--preset--spacing--50) !important;
            }

            .wp-block-kenforth-latest-news__post-title {
                .wp-block-post:nth-child(1) & {
                    margin-top: 0;
                    font-size: var(--wp--preset--font-size--large);
                }
            }

            .wp-block-kenforth-latest-news__post-date {
                .wp-block-post:nth-child(1) & {
                    color: inherit;
                }
            }
        }
    }