/* ==========================================================
   LAVENDER COUNSELING CENTER
   RESOURCES / BLOG DIRECTORY
========================================================== */

.lavResources{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    padding:
        clamp(4.8rem,8vw,7.5rem)
        0
        clamp(5.5rem,9vw,8.5rem);

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbf9fc 46%,
            #f7f2f9 100%
        );
}


/* ==========================================================
   CONTAINER
========================================================== */

.lavResources .container{
    position:relative;
    z-index:3;

    width:min(
        calc(100% - 2rem),
        1200px
    );

    margin-inline:auto;
}


/* ==========================================================
   AMBIENT GLOWS
========================================================== */

.lavResourcesGlow{
    position:absolute;
    z-index:0;

    border-radius:50%;

    pointer-events:none;

    filter:blur(20px);

    will-change:transform;
}

.lavResourcesGlowOne{
    top:8%;
    left:-180px;

    width:430px;
    height:430px;

    background:
        radial-gradient(
            circle,
            rgba(180,148,200,.15),
            rgba(180,148,200,0) 72%
        );
}

.lavResourcesGlowTwo{
    right:-220px;
    bottom:10%;

    width:540px;
    height:540px;

    background:
        radial-gradient(
            circle,
            rgba(137,103,159,.12),
            rgba(137,103,159,0) 72%
        );
}


/* ==========================================================
   SECTION HEADER
========================================================== */

.lavResourcesHeader{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    align-items:end;

    gap:
        clamp(2rem,5vw,5rem);

    margin-bottom:
        clamp(2.8rem,5vw,4.5rem);
}

.lavResourcesHeaderContent{
    max-width:760px;
}

.lavResourcesEyebrow{
    display:inline-flex;
    align-items:center;
    gap:.75rem;

    margin-bottom:1rem;
}

.lavResourcesEyebrow span{
    width:2.4rem;
    height:1px;

    background:
        linear-gradient(
            90deg,
            #745486,
            #b79cc7
        );
}

.lavResourcesEyebrow p{
    margin:0;

    color:#755787;

    font-size:.76rem;
    font-weight:700;
    line-height:1.2;

    letter-spacing:.16em;
    text-transform:uppercase;
}

.lavResourcesHeader h2{
    max-width:720px;

    margin:0;

    color:#32263a;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(2.65rem,5vw,4.8rem);

    font-weight:500;
    line-height:.98;

    letter-spacing:-.045em;
}

.lavResourcesHeaderContent > p{
    max-width:650px;

    margin:
        1.25rem
        0
        0;

    color:#6d6470;

    font-size:
        clamp(1rem,1.25vw,1.08rem);

    line-height:1.8;
}

.lavResourcesHeaderDetail{
    min-width:180px;

    padding:
        1.4rem
        1.5rem;

    border:
        1px solid
        rgba(120,91,137,.12);

    border-radius:22px;

    background:
        rgba(255,255,255,.68);

    box-shadow:
        0 18px 45px
        rgba(70,47,83,.06);

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.lavResourcesHeaderDetail span{
    display:block;

    margin-bottom:.35rem;

    color:#765789;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:2.5rem;
    font-weight:600;
    line-height:1;
}

.lavResourcesHeaderDetail p{
    margin:0;

    color:#776d79;

    font-size:.86rem;
    line-height:1.5;
}


/* ==========================================================
   TOOLBAR
========================================================== */

.lavResourcesToolbar{
    display:grid;

    grid-template-columns:
        minmax(260px,380px)
        minmax(0,1fr);

    align-items:end;

    gap:
        1.5rem
        2rem;

    margin-bottom:
        clamp(2.5rem,4vw,3.6rem);

    padding:1.2rem;

    border:
        1px solid
        rgba(119,89,137,.11);

    border-radius:26px;

    background:
        rgba(255,255,255,.72);

    box-shadow:
        0 20px 48px
        rgba(69,46,81,.055);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}


/* ==========================================================
   SEARCH
========================================================== */

.lavResourcesSearch{
    min-width:0;
}

.lavResourcesSearchLabel{
    display:block;

    margin-bottom:.55rem;

    color:#493c50;

    font-size:.76rem;
    font-weight:700;

    letter-spacing:.08em;
    text-transform:uppercase;
}

.lavResourcesSearchControl{
    position:relative;
}

.lavResourcesSearchIcon{
    position:absolute;
    top:50%;
    left:1rem;

    display:grid;
    place-items:center;

    width:1.25rem;
    height:1.25rem;

    color:#826990;

    transform:translateY(-50%);

    pointer-events:none;
}

.lavResourcesSearchIcon svg{
    width:100%;
    height:100%;
}

.lavResourcesSearch input{
    width:100%;
    min-height:52px;

    padding:
        .9rem
        3rem;

    border:
        1px solid
        rgba(116,85,134,.15);

    border-radius:16px;

    color:#3f3544;
    background:#ffffff;

    font:inherit;
    font-size:.95rem;

    outline:none;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background-color .25s ease;
}

.lavResourcesSearch input::placeholder{
    color:#9a909c;
}

.lavResourcesSearch input:hover{
    border-color:
        rgba(116,85,134,.28);
}

.lavResourcesSearch input:focus{
    border-color:#9170a5;

    box-shadow:
        0 0 0 4px
        rgba(145,112,165,.12);
}

.lavResourcesSearchClear{
    position:absolute;
    top:50%;
    right:.7rem;

    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    padding:0;

    border:0;
    border-radius:50%;

    color:#735886;
    background:
        rgba(117,87,134,.08);

    cursor:pointer;

    transform:translateY(-50%);

    transition:
        color .2s ease,
        background-color .2s ease,
        transform .2s ease;
}

.lavResourcesSearchClear:hover{
    color:#4f385d;

    background:
        rgba(117,87,134,.15);
}

.lavResourcesSearchClear:active{
    transform:
        translateY(-50%)
        scale(.94);
}

.lavResourcesSearchClear svg{
    width:17px;
    height:17px;
}


/* ==========================================================
   FILTERS
========================================================== */

.lavResourcesFilters{
    display:flex;
    align-items:center;
    justify-content:flex-end;

    flex-wrap:wrap;

    gap:.6rem;
}

.lavResourcesFilter{
    min-height:42px;

    padding:
        .7rem
        1rem;

    border:
        1px solid
        rgba(117,87,134,.14);

    border-radius:999px;

    color:#65586a;
    background:
        rgba(255,255,255,.86);

    font:inherit;
    font-size:.84rem;
    font-weight:600;

    cursor:pointer;

    transition:
        color .25s ease,
        background-color .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.lavResourcesFilter:hover{
    color:#513c5e;

    border-color:
        rgba(117,87,134,.28);

    transform:translateY(-2px);
}

.lavResourcesFilter.is-active{
    color:#ffffff;

    border-color:#76548b;

    background:
        linear-gradient(
            135deg,
            #745288,
            #9570a8
        );

    box-shadow:
        0 12px 26px
        rgba(91,62,107,.18);
}


/* ==========================================================
   FEATURED ARTICLE
========================================================== */

.lavResourcesFeatured{
    position:relative;

    margin-bottom:
        clamp(3rem,5vw,4.5rem);

    border:
        1px solid
        rgba(119,89,137,.12);

    border-radius:
        clamp(24px,3vw,36px);

    background:#ffffff;

    box-shadow:
        0 30px 70px
        rgba(67,45,79,.09);

    overflow:hidden;

    transition:
        transform .35s
        cubic-bezier(.22,1,.36,1),
        box-shadow .35s ease,
        border-color .35s ease;
}

.lavResourcesFeatured:hover{
    transform:translateY(-5px);

    border-color:
        rgba(119,89,137,.24);

    box-shadow:
        0 38px 85px
        rgba(67,45,79,.13);
}

.lavResourcesFeaturedLink{
    display:grid;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(360px,.92fr);

    min-height:
        clamp(
            460px,
            43vw,
            610px
        );

    color:inherit;
    text-decoration:none;
}


/* ==========================================================
   FEATURED MEDIA
========================================================== */

.lavResourcesFeaturedMedia{
    position:relative;

    min-width:0;
    min-height:420px;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #f2edf4,
            #e8dfea
        );
}

.lavResourcesFeaturedMedia img{
    position:absolute;
    inset:0;

    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:
        var(
            --lav-resource-position,
            center center
        );

    transition:
        transform .8s
        cubic-bezier(.22,1,.36,1),
        filter .5s ease;
}

.lavResourcesFeaturedMedia::after{
    content:"";

    position:absolute;
    z-index:1;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(48,31,57,0) 50%,
            rgba(48,31,57,.17) 100%
        );

    pointer-events:none;
}

.lavResourcesFeatured:hover
.lavResourcesFeaturedMedia img{
    transform:scale(1.035);
}


/* ==========================================================
   FEATURED MEDIA — CONTAIN MODE
========================================================== */

.lavResourcesFeaturedMedia.is-contain{
    display:grid;
    place-items:center;

    padding:
        clamp(1rem,2vw,1.8rem);

    background:
        linear-gradient(
            145deg,
            #f6f1f7,
            #ebe2ed
        );
}

.lavResourcesFeaturedMedia.is-contain img{
    position:relative;
    inset:auto;

    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;

    border-radius:
        clamp(14px,2vw,22px);
}

.lavResourcesFeaturedMedia.is-contain::after{
    display:none;
}

.lavResourcesFeatured:hover
.lavResourcesFeaturedMedia.is-contain img{
    transform:scale(1.015);
}


/* ==========================================================
   FEATURED MEDIA — OPTIONAL DISPLAY MODES
========================================================== */

.lavResourcesFeaturedMedia.is-cover img{
    object-fit:cover;
}

.lavResourcesFeaturedMedia.is-position-top img{
    object-position:center top;
}

.lavResourcesFeaturedMedia.is-position-bottom img{
    object-position:center bottom;
}

.lavResourcesFeaturedMedia.is-position-left img{
    object-position:left center;
}

.lavResourcesFeaturedMedia.is-position-right img{
    object-position:right center;
}


/* ==========================================================
   FEATURED BADGE
========================================================== */

.lavResourcesFeaturedBadge{
    position:absolute;
    z-index:3;
    top:1.3rem;
    left:1.3rem;

    display:inline-flex;
    align-items:center;
    gap:.55rem;

    padding:
        .7rem
        .95rem;

    border:
        1px solid
        rgba(255,255,255,.55);

    border-radius:999px;

    color:#4f3b59;
    background:
        rgba(255,255,255,.9);

    font-size:.75rem;
    font-weight:700;

    letter-spacing:.06em;
    text-transform:uppercase;

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    box-shadow:
        0 10px 25px
        rgba(45,30,53,.08);
}

.lavResourcesFeaturedBadge span{
    width:7px;
    height:7px;

    flex:0 0 auto;

    border-radius:50%;

    background:#8a69a0;

    box-shadow:
        0 0 0 5px
        rgba(138,105,160,.12);
}


/* ==========================================================
   FEATURED CONTENT
========================================================== */

.lavResourcesFeaturedContent{
    display:flex;
    flex-direction:column;
    justify-content:center;

    min-width:0;

    padding:
        clamp(2rem,4vw,4rem);
}

.lavResourcesArticleMeta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:.55rem;

    margin-bottom:1rem;

    color:#857a88;

    font-size:.78rem;
    font-weight:600;

    letter-spacing:.05em;
    text-transform:uppercase;
}

.lavResourcesArticleMeta > span:first-child{
    color:#725586;
}

.lavResourcesFeaturedContent h3{
    margin:0;

    color:#33283a;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(2.3rem,4vw,4rem);

    font-weight:600;
    line-height:1;

    letter-spacing:-.035em;

    overflow-wrap:anywhere;
}

.lavResourcesFeaturedContent > p{
    margin:
        1.2rem
        0
        0;

    color:#706774;

    font-size:
        clamp(.98rem,1.2vw,1.07rem);

    line-height:1.8;
}

.lavResourcesReadMore{
    display:inline-flex;
    align-items:center;
    gap:.65rem;

    align-self:flex-start;

    margin-top:1.65rem;

    color:#684b7a;

    font-size:.88rem;
    font-weight:700;

    letter-spacing:.04em;
    text-transform:uppercase;
}

.lavResourcesReadMore svg{
    width:20px;
    height:20px;

    flex:0 0 auto;

    transition:
        transform .3s ease;
}

.lavResourcesFeatured:hover
.lavResourcesReadMore svg,
.lavResourcesCard:hover
.lavResourcesReadMore svg{
    transform:translateX(5px);
}


/* ==========================================================
   ARTICLE GRID
========================================================== */

.lavResourcesGrid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:
        clamp(1.25rem,2.5vw,2rem);
}


/* ==========================================================
   ARTICLE CARDS
========================================================== */

.lavResourcesCard{
    min-width:0;

    border:
        1px solid
        rgba(119,89,137,.11);

    border-radius:26px;

    background:#ffffff;

    overflow:hidden;

    box-shadow:
        0 18px 45px
        rgba(64,43,75,.065);

    transition:
        transform .35s
        cubic-bezier(.22,1,.36,1),
        box-shadow .35s ease,
        border-color .35s ease,
        opacity .3s ease;
}

.lavResourcesCard:hover{
    transform:translateY(-7px);

    border-color:
        rgba(119,89,137,.22);

    box-shadow:
        0 28px 60px
        rgba(64,43,75,.11);
}

.lavResourcesCard[hidden],
.lavResourcesFeatured[hidden]{
    display:none;
}

.lavResourcesCardLink{
    display:flex;
    flex-direction:column;

    height:100%;

    color:inherit;
    text-decoration:none;
}


/* ==========================================================
   CARD MEDIA
========================================================== */

.lavResourcesCardMedia{
    position:relative;

    aspect-ratio:1.45 / 1;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #f1ebf3,
            #e8dfe9
        );
}

.lavResourcesCardMedia img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:
        var(
            --lav-resource-position,
            center center
        );

    transition:
        transform .75s
        cubic-bezier(.22,1,.36,1);
}

.lavResourcesCardMedia::after{
    content:"";

    position:absolute;
    z-index:1;
    inset:0;

    background:
        linear-gradient(
            180deg,
            transparent 58%,
            rgba(49,32,58,.14) 100%
        );

    pointer-events:none;
}

.lavResourcesCard:hover
.lavResourcesCardMedia img{
    transform:scale(1.055);
}


/* ==========================================================
   CARD MEDIA — CONTAIN MODE
========================================================== */

.lavResourcesCardMedia.is-contain{
    display:grid;
    place-items:center;

    padding:1rem;

    background:
        linear-gradient(
            145deg,
            #f5f0f6,
            #eae2ec
        );
}

.lavResourcesCardMedia.is-contain img{
    object-fit:contain;
    object-position:center;

    border-radius:14px;
}

.lavResourcesCardMedia.is-contain::after{
    display:none;
}

.lavResourcesCard:hover
.lavResourcesCardMedia.is-contain img{
    transform:scale(1.02);
}


/* ==========================================================
   CARD MEDIA — OPTIONAL DISPLAY MODES
========================================================== */

.lavResourcesCardMedia.is-cover img{
    object-fit:cover;
}

.lavResourcesCardMedia.is-position-top img{
    object-position:center top;
}

.lavResourcesCardMedia.is-position-bottom img{
    object-position:center bottom;
}

.lavResourcesCardMedia.is-position-left img{
    object-position:left center;
}

.lavResourcesCardMedia.is-position-right img{
    object-position:right center;
}


/* ==========================================================
   CARD CATEGORY
========================================================== */

.lavResourcesCardCategory{
    position:absolute;
    z-index:3;
    left:1rem;
    bottom:1rem;

    padding:
        .55rem
        .8rem;

    border:
        1px solid
        rgba(255,255,255,.5);

    border-radius:999px;

    color:#4e3b58;
    background:
        rgba(255,255,255,.9);

    font-size:.72rem;
    font-weight:700;

    letter-spacing:.05em;
    text-transform:uppercase;

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}


/* ==========================================================
   CARD CONTENT
========================================================== */

.lavResourcesCardContent{
    display:flex;
    flex-direction:column;
    flex:1;

    min-width:0;

    padding:
        1.5rem
        1.45rem
        1.65rem;
}

.lavResourcesCardContent h3{
    margin:0;

    color:#382d3e;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(1.65rem,2.1vw,2.15rem);

    font-weight:600;
    line-height:1.06;

    letter-spacing:-.025em;

    overflow-wrap:anywhere;
}

.lavResourcesCardContent > p{
    margin:
        .85rem
        0
        0;

    color:#736a76;

    font-size:.92rem;
    line-height:1.72;
}

.lavResourcesCardContent
.lavResourcesReadMore{
    margin-top:auto;
    padding-top:1.35rem;

    font-size:.78rem;
}


/* ==========================================================
   EMPTY STATE
========================================================== */

.lavResourcesEmpty{
    max-width:620px;

    margin:
        2rem
        auto
        0;

    padding:
        clamp(2rem,4vw,3.5rem);

    text-align:center;

    border:
        1px solid
        rgba(119,89,137,.13);

    border-radius:28px;

    background:
        rgba(255,255,255,.82);

    box-shadow:
        0 24px 60px
        rgba(67,45,79,.07);
}

.lavResourcesEmpty[hidden]{
    display:none;
}

.lavResourcesEmptyIcon{
    width:64px;
    height:64px;

    display:grid;
    place-items:center;

    margin:
        0
        auto
        1rem;

    color:#795b8d;

    border:
        1px solid
        rgba(121,91,141,.14);

    border-radius:20px;

    background:
        rgba(121,91,141,.08);
}

.lavResourcesEmptyIcon svg{
    width:30px;
    height:30px;
}

.lavResourcesEmpty h3{
    margin:0;

    color:#382b40;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(2rem,3vw,2.8rem);

    font-weight:600;
    line-height:1;
}

.lavResourcesEmpty p{
    max-width:430px;

    margin:
        1rem
        auto
        0;

    color:#746a77;

    line-height:1.75;
}

.lavResourcesEmptyReset{
    min-height:46px;

    margin-top:1.5rem;

    padding:
        .8rem
        1.25rem;

    border:
        1px solid
        #75548a;

    border-radius:999px;

    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            #735187,
            #9470a7
        );

    font:inherit;
    font-size:.84rem;
    font-weight:700;

    cursor:pointer;

    box-shadow:
        0 13px 28px
        rgba(91,62,107,.18);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.lavResourcesEmptyReset:hover{
    transform:translateY(-2px);

    box-shadow:
        0 17px 34px
        rgba(91,62,107,.23);
}


/* ==========================================================
   SCREEN-READER STATUS
========================================================== */

.lavResourcesStatus{
    position:absolute;

    width:1px;
    height:1px;

    padding:0;
    margin:-1px;

    overflow:hidden;

    clip:rect(0,0,0,0);
    clip-path:inset(50%);

    white-space:nowrap;

    border:0;
}


/* ==========================================================
   REVEAL
========================================================== */

.lavResourcesReveal{
    opacity:0;

    transform:
        translateY(28px);

    transition:
        opacity .85s ease,
        transform .85s
        cubic-bezier(.22,1,.36,1);
}

.lavResourcesReveal.is-visible{
    opacity:1;
    transform:none;
}


/* ==========================================================
   FOCUS STATES
========================================================== */

.lavResources a:focus-visible,
.lavResources button:focus-visible{
    outline:
        3px solid
        rgba(112,78,132,.36);

    outline-offset:4px;
}

.lavResourcesFeaturedLink:focus-visible,
.lavResourcesCardLink:focus-visible{
    border-radius:inherit;
}


/* ==========================================================
   LARGE TABLET
========================================================== */

@media (max-width:1080px){

    .lavResourcesFeaturedLink{
        grid-template-columns:
            minmax(0,1fr)
            minmax(330px,.9fr);
    }

    .lavResourcesFeaturedContent{
        padding:
            clamp(2rem,3vw,3rem);
    }

    .lavResourcesFeaturedContent h3{
        font-size:
            clamp(2.2rem,4.2vw,3.5rem);
    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width:980px){

    .lavResourcesHeader{
        grid-template-columns:1fr;

        align-items:start;
    }

    .lavResourcesHeaderDetail{
        min-width:0;
        max-width:260px;
    }

    .lavResourcesToolbar{
        grid-template-columns:1fr;

        align-items:start;
    }

    .lavResourcesFilters{
        justify-content:flex-start;
    }

    .lavResourcesFeaturedLink{
        grid-template-columns:1fr;

        min-height:0;
    }

    .lavResourcesFeaturedMedia{
        min-height:0;
        height:auto;

        aspect-ratio:16 / 10;
    }

    .lavResourcesFeaturedMedia img{
        position:absolute;
    }

    .lavResourcesFeaturedMedia.is-contain{
        min-height:420px;
        aspect-ratio:auto;
    }

    .lavResourcesFeaturedMedia.is-contain img{
        position:relative;
    }

    .lavResourcesGrid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:680px){

    .lavResources{
        padding:
            4.3rem
            0
            5.5rem;
    }

    .lavResources .container{
        width:
            min(
                calc(100% - 1.4rem),
                1200px
            );
    }

    .lavResourcesHeader{
        margin-bottom:2.4rem;
    }

    .lavResourcesToolbar{
        padding:.9rem;

        border-radius:20px;
    }

    .lavResourcesFilters{
        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        width:100%;
    }

    .lavResourcesFilter{
        width:100%;
    }

    .lavResourcesFeatured{
        border-radius:24px;
    }

    .lavResourcesFeaturedMedia{
        aspect-ratio:4 / 3;
    }

    .lavResourcesFeaturedMedia.is-contain{
        min-height:300px;

        padding:.85rem;
    }

    .lavResourcesFeaturedContent{
        padding:
            1.7rem
            1.3rem
            1.9rem;
    }

    .lavResourcesFeaturedBadge{
        top:.9rem;
        left:.9rem;

        max-width:
            calc(100% - 1.8rem);
    }

    .lavResourcesGrid{
        grid-template-columns:1fr;
    }

    .lavResourcesCard{
        border-radius:23px;
    }

    .lavResourcesCardMedia{
        aspect-ratio:16 / 10;
    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width:430px){

    .lavResourcesFilters{
        grid-template-columns:1fr;
    }

    .lavResourcesFeaturedMedia{
        aspect-ratio:1 / 1;
    }

    .lavResourcesFeaturedMedia.is-contain{
        min-height:280px;
        aspect-ratio:auto;
    }

    .lavResourcesArticleMeta{
        gap:.4rem;

        font-size:.71rem;
    }

    .lavResourcesFeaturedContent h3{
        font-size:
            clamp(2rem,11vw,2.8rem);
    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion:reduce){

    .lavResources *,
    .lavResources *::before,
    .lavResources *::after{
        scroll-behavior:auto!important;

        animation-duration:.01ms!important;
        animation-iteration-count:1!important;

        transition-duration:.01ms!important;
    }

    .lavResourcesReveal{
        opacity:1;
        transform:none;
    }

    .lavResourcesFeatured:hover,
    .lavResourcesCard:hover,
    .lavResourcesFilter:hover,
    .lavResourcesEmptyReset:hover{
        transform:none;
    }

    .lavResourcesFeatured:hover
    .lavResourcesFeaturedMedia img,
    .lavResourcesFeatured:hover
    .lavResourcesFeaturedMedia.is-contain img,
    .lavResourcesCard:hover
    .lavResourcesCardMedia img,
    .lavResourcesCard:hover
    .lavResourcesCardMedia.is-contain img{
        transform:none;
    }

}


/* ==========================================================
   PRINT
========================================================== */

@media print{

    .lavResources{
        padding:2rem 0;

        background:#ffffff;
    }

    .lavResourcesGlow,
    .lavResourcesToolbar,
    .lavResourcesHeaderDetail,
    .lavResourcesEmpty,
    .lavResourcesReadMore{
        display:none!important;
    }

    .lavResourcesFeatured,
    .lavResourcesCard{
        break-inside:avoid;

        box-shadow:none;
    }

    .lavResourcesFeaturedLink{
        grid-template-columns:1fr;

        min-height:0;
    }

    .lavResourcesFeaturedMedia{
        min-height:280px;
    }

    .lavResourcesGrid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}