/*=========================================================
HOME - CLIENT REVIEWS
=========================================================*/

.home_client_reviews
{
    position:relative;

    width:100%;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0),
            rgba(255,255,255,0)
        ),
        var(--aob-black);

    border-top:1px solid var(--aob-gold);
    border-bottom:1px solid var(--aob-black);

    color:var(--aob-ivory);
}


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

.home_client_reviews_container
{
    display:flex;

    width:min(100% - 2rem,80rem);
    min-height:29rem;

    margin:0 auto;
    padding:4rem 0;

    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;
}


/*=========================================================
REVIEWS HEADER
=========================================================*/

.home_client_reviews_header
{
    width:100%;

    margin-bottom:1.5rem;
}

.home_client_reviews_eyebrow
{
    color:var(--aob-ivory);
}

.home_client_reviews_divider
{
    width:min(100%,16rem);

    margin-bottom:0;
}

.home_client_reviews_divider .section_divider_line
{
    background:rgba(255,248,238,0.76);
}

.home_client_reviews_divider .section_divider_heart
{
    color:var(--aob-ivory);

    font-size:1.3rem;
}


/*=========================================================
STATIC REVIEW
=========================================================*/

.home_client_reviews_review
{
    display:flex;

    width:100%;
    max-width:72rem;

    margin:0;
    padding:0;

    flex-direction:column;
    align-items:center;
}


/*=========================================================
REVIEW QUOTE
=========================================================*/

.home_client_reviews_quote
{
    max-width:68rem;

    margin:0;

    color:var(--aob-ivory);

    font-family:var(--font_script);
    font-size:clamp(2.8rem,11vw,5.25rem);
    font-weight:400;
    letter-spacing:0;
    line-height:1.05;

    text-wrap:balance;
}


/*=========================================================
DECORATIVE HEART
=========================================================*/

.home_client_reviews_heart
{
    display:block;

    margin:1.5rem auto;

    color:var(--aob-ivory);

    font-family:var(--font_display);
    font-size:2.25rem;
    font-weight:400;
    line-height:1;
}


/*=========================================================
REVIEW AUTHOR
=========================================================*/

.home_client_reviews_author
{
    margin:0;

    color:var(--aob-ivory);
}

.home_client_reviews_author cite
{
    display:block;

    color:inherit;

    font-family:var(--font_display);
    font-size:1.1rem;
    font-style:normal;
    font-weight:500;
    letter-spacing:0.015em;
    line-height:1.5;
}

.home_client_reviews_author cite span
{
    display:inline;
}


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

@media (min-width:30rem)
{
    .home_client_reviews_container
    {
        width:min(100% - 3rem,80rem);

        padding:4.5rem 0;
    }

    .home_client_reviews_quote
    {
        font-size:clamp(3.4rem,9vw,5rem);
    }
}


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

@media (min-width:48rem)
{
    .home_client_reviews_container
    {
        width:min(100% - 4rem,80rem);
        min-height:32rem;

        padding:5rem 0;
    }

    .home_client_reviews_header
    {
        margin-bottom:2rem;
    }

    .home_client_reviews_quote
    {
        font-size:clamp(4rem,7vw,5.6rem);
        line-height:1.02;
    }

    .home_client_reviews_heart
    {
        margin:1.75rem auto;

        font-size:2.5rem;
    }

    .home_client_reviews_author cite
    {
        font-size:1.25rem;
    }
}


/*=========================================================
DESKTOP
=========================================================*/

@media (min-width:68rem)
{
    .home_client_reviews_container
    {
        width:min(100% - 6rem,84rem);
        min-height:36rem;

        padding:6rem 0;
    }

    .home_client_reviews_header
    {
        margin-bottom:2.25rem;
    }

    .home_client_reviews_quote
    {
        max-width:74rem;

        font-size:clamp(4.5rem,5.2vw,6rem);
        line-height:1.03;
    }

    .home_client_reviews_author cite
    {
        font-size:1.3rem;
    }
}


/*=========================================================
LARGE DESKTOP
=========================================================*/

@media (min-width:90rem)
{
    .home_client_reviews_container
    {
        min-height:38rem;

        padding:6.5rem 0;
    }

    .home_client_reviews_quote
    {
        max-width:78rem;

        font-size:6.15rem;
    }
}


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

@media (max-width:29.99rem)
{
    .home_client_reviews_container
    {
        width:min(100% - 1.25rem,80rem);
        min-height:27rem;

        padding:3rem 0;
    }

    .home_client_reviews_header
    {
        margin-bottom:1.25rem;
    }

    .home_client_reviews_quote
    {
        font-size:clamp(2.55rem,13vw,3.4rem);
        line-height:1;
    }

    .home_client_reviews_heart
    {
        margin:1.25rem auto;

        font-size:2rem;
    }

    .home_client_reviews_author cite
    {
        font-size:14px;
    }

    .home_client_reviews_author cite span
    {
        display:block;
    }
}


/*=========================================================
HIGH CONTRAST
=========================================================*/

@media (prefers-contrast:more)
{
    .home_client_reviews
    {
        background:var(--aob-black);
    }

    .home_client_reviews_quote,
    .home_client_reviews_author,
    .home_client_reviews_heart,
    .home_client_reviews_eyebrow
    {
        color:var(--aob-soft-white);
    }
}


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

@media (prefers-reduced-motion:reduce)
{
    .home_client_reviews *,
    .home_client_reviews *::before,
    .home_client_reviews *::after
    {
        scroll-behavior:auto;
        transition:none;
    }
}
/* Match the CMS review text size to the homepage review quote. */
.home_client_reviews_quote{font-size:30px!important;line-height:1.4}
@media(max-width:760px){.home_client_reviews_quote{font-size:24px!important}}
