.card-featured {  
    /* margin: 0 4px; */
    box-sizing: border-box;
    }
        .card-featured .card-content {
            position: relative;
            height: 100%;
        }
        @media (min-width: 1025px) {
        .card-featured .card-content {
                /* margin: 0 var(--space-sm); */
        }
            }
        .card-featured .card-content .card-image {                
                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) {
        .card-featured .card-content .card-image {
                    max-width: unset
            }
                }
        .card-featured .card-content .card-image img {
                    /* min-width: 100%; */
                    height: auto;
                    width: 100%;
                    -o-object-fit: cover;
                       object-fit: cover;
                    aspect-ratio: 4/3;
                }
        .card-featured .card-content .card-image--circle {
                    -webkit-mask-image: unset;
                            mask-image: unset;
                    border-radius: 99em;
                    aspect-ratio: 1/1;
                    
                }
        .card-featured .card-content .card-image--circle img {
                        max-height: unset;
                    }
        .card-featured .card-content .card-text {
                
                margin-bottom: var(--space-xl);
                
            }
        @media (min-width: 1025px) {
        .card-featured .card-content .card-text {
                    margin-bottom: 6em
                
            }

                }
        .card-featured .card-content .card-text h3 {
                    font-family: var(--sans-serif);
                }
        .card-featured .card-content .card-text p {
                    font-weight: var(--regular-weight);
                    line-height: 1.5;
                }
        .card-featured .card-content .card-text a.link--button {
                    font-weight: var(--bold-weight);
                    font-size: var(--step-0);
                    position: relative;
                }
        @media (min-width: 1025px) {
        .card-featured .card-content .card-text a.link--button {
                        bottom: 0
                        /* position: absolute; */
                }

                    }
        .card-featured .card-content .card-text a.link--text {
                    text-transform: uppercase;
                    font-size: var(--step-0);
                    font-weight: var(--bold-weight);
                    color: var(--color-purple);
                }
        .card-featured .card-content .card-text .tag--text, .card-featured .card-content .card-text .tags--list {
                    line-height: 1.5;
                }
        .card-featured .card-content .card-text .tag--text ul, .card-featured .card-content .card-text .tags--list ul {
                        list-style: none;
                        padding-left: 0;
                        font-family: var(--sans-serif);
                        line-height: 1.5;
                    }
        .card-featured .card-content .card-text .tag--text ul li, .card-featured .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;
                }