@media (min-width: 1025px) {.cards {
        max-width: 1366px;
        margin: 0 auto
    
}
    }

    .cards--featured .card {
            flex: 0 1 33.3%;
            overflow: hidden;
            max-width: 100%;

        
        }

    @media (min-width: 1025px) {

    .cards--featured .card {
                margin: 0 auto;
                width: 100%

        
        }
                
            }

    .cards--featured .card .card-content {
                position: relative;
                height: 100%;
            }

    @media (min-width: 1025px) {

    .cards--featured .card .card-content {
                    margin: 0 2.5%
            }

                }

    .cards--featured .card .card-content .card-image {
                    max-width: 400px;
                    max-height: 399px;
                    
                    aspect-ratio: 4/3;
                    overflow: hidden;
                    -webkit-mask-image: url('./../../images/clipping-masks/featured-image.svg');
                            mask-image: url('./../../images/clipping-masks/featured-image.svg');
                }

    @media (min-width: 600px) {

    .cards--featured .card .card-content .card-image {
                        max-width: unset
                }
                    }

    .cards--featured .card .card-content .card-image img {
                        height: 100%;
                        width: auto;
                        -o-object-fit: cover;
                           object-fit: cover;
                        aspect-ratio: 4/3;
                    }

    .cards--featured .card .card-content .card-image--circle {
                        -webkit-mask-image: unset;
                                mask-image: unset;
                        border-radius: 99em;
                        aspect-ratio: 1/1;
                        
                    }

    .cards--featured .card .card-content .card-image--circle img {
                            max-height: unset;
                        }

    .cards--featured .card .card-content .card-text {
                    
                    margin-bottom: var(--space-xl);
                    
                }

    @media (min-width: 1025px) {

    .cards--featured .card .card-content .card-text {
                        margin-bottom: 6em
                    
                }

                    }

    .cards--featured .card .card-content .card-text h3 {
                        font-family: var(--sans-serif);
                    }

    .cards--featured .card .card-content .card-text p {
                        font-weight: var(--regular-weight);
                        line-height: 1.5;
                    }

    .cards--featured .card .card-content .card-text a.link--button {
                        font-weight: var(--bold-weight);
                        font-size: var(--step-0);
                        position: relative;
                    }

    @media (min-width: 1025px) {

    .cards--featured .card .card-content .card-text a.link--button {
                            bottom: 0;
                            position: absolute
                    }

                        }

    .cards--featured .card .card-content .card-text .tag--text, .cards--featured .card .card-content .card-text .tags--list {
                        line-height: 1.5;
                    }

    .cards--featured .card .card-content .card-text .tag--text ul, .cards--featured .card .card-content .card-text .tags--list ul {
                            list-style: none;
                            padding-left: 0;
                            font-family: var(--sans-serif);
                            line-height: 1.5;
                        }

    .cards--featured .card .card-content .card-text .tag--text ul li, .cards--featured .card .card-content .card-text .tags--list ul li {
                                font-weight: var(--regular-weight);

                            }


.layout--onecol .cards--featured .card .card-content {
                flex-direction: row;
                display: flex;
            }


@media (max-width: 599px) {


.layout--onecol .cards--featured .card .card-content {
                    flex-direction: column
            }
                }


.layout--onecol .cards--featured .card .card-content .card-image {
                    flex: 0 1 50%;

                    
                }


.layout--onecol .cards--featured .card .card-content .card-image--circle {
                        flex: 0 1 75%;
                        
                    }


.layout--onecol .cards--featured .card .card-content .card-text {
                    flex: 0 1 45%;
                    padding-left: 2em;
                }