/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jul 02 2026 | 14:40:00 */
.discovery-highlights-grid{

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:2rem;

}

.discovery-highlight-item{

    display:flex;
    flex-direction:column;

}

.discovery-highlight-image{

    aspect-ratio:4/3;
    overflow:hidden;
    border-radius:12px;

}

.discovery-highlight-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

}

.discovery-highlight-title{

    margin-top:10px;
    font-size:1em !Important;
    font-weight:400 !important;
    line-height:1.4;

}

/* Tablet */

@media (max-width:1024px){

    .discovery-highlights-grid{

        grid-template-columns:repeat(3,minmax(0,1fr));

    }

}

/* Mobile */

@media (max-width:767px){

    .discovery-highlights-grid{

        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:1.25rem;

    }

    .discovery-highlight-title{

        font-size:.95em;

    }

}