[data-block-alias="_FeaturedResources"].featured-resources {
    display: flex;
    flex-direction: column;
    grid-column: 2 / -2;
}
[data-block-alias="_FeaturedResources"].featured-resources h3 {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
[data-block-alias="_FeaturedResources"].featured-resources .featured-resources-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: clamp(12px, 0.952vw + 8.29px, 20px);
    width: 100%;
}
[data-block-alias="_FeaturedResources"].featured-resources .featured-resources-grid .card {
    cursor: pointer;
}
[data-block-alias="_FeaturedResources"].featured-resources .featured-resources-grid .card:hover:before {
    opacity: 0.4;
}
[data-block-alias="_FeaturedResources"].featured-resources .featured-resources-grid .card .card-image {
    display: flex;
    align-items: center;
    width: 100%;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background-image: var(--card-image);
    background-position: top;
    background-size: cover;
    padding: 16px;
    z-index: 1;
}
[data-block-alias="_FeaturedResources"].featured-resources .featured-resources-grid .card .card-image span {
    font-family: 'HelveticNeueBold';
    font-size: clamp(1.5rem, 1.3143rem + 0.7619vw, 2rem);
    text-transform: uppercase;
    width: 85%;
}
[data-block-alias="_FeaturedResources"].featured-resources .featured-resources-grid .card-title,
[data-block-alias="_FeaturedResources"].featured-resources .featured-resources-grid .card-description {
    font-size: clamp(1.125rem, 0.9857rem + 0.5714vw, 1.5rem);
}
[data-block-alias="_FeaturedResources"].featured-resources .featured-resources-grid .card-title {
    text-transform: uppercase;
}

[data-block-alias="_FeaturedResources"].featured-resources > a.step-animated-btn {
    margin: clamp(2rem, 1.6286rem + 1.5238vw, 3rem) auto clamp(4rem, 3.2571rem + 3.0476vw, 6rem);
}

/* --- Slide-in Animations --- */

[data-block-alias="_FeaturedResources"].featured-resources h3,
[data-block-alias="_FeaturedResources"].featured-resources .featured-resources-grid,
[data-block-alias="_FeaturedResources"].featured-resources > a.step-animated-btn {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 3s cubic-bezier(0.16, 1, 0.3, 1), transform 3s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

[data-block-alias="_FeaturedResources"].featured-resources h3 {
    transition-delay: 0s;
}
[data-block-alias="_FeaturedResources"].featured-resources .featured-resources-grid {
    transition-delay: 0.15s;
}
[data-block-alias="_FeaturedResources"].featured-resources > a.step-animated-btn {
    transition-delay: 0.3s;
}

[data-block-alias="_FeaturedResources"].featured-resources.is-visible h3,
[data-block-alias="_FeaturedResources"].featured-resources.is-visible .featured-resources-grid,
[data-block-alias="_FeaturedResources"].featured-resources.is-visible > a.step-animated-btn {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 1280px) {
    [data-block-alias="_FeaturedResources"].featured-resources h3 {
        width: 50%;
        align-self: center;
    }
    [data-block-alias="_FeaturedResources"].featured-resources .featured-resources-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}