/*=========================================================
HOME - AS SEEN IN
=========================================================*/

.home_as_seen_in
{
    position:relative;

    padding:var(--space_3xl) 0;

    background:var(--aob-black);

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

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


/*=========================================================
AS SEEN IN HEADER
=========================================================*/

.home_as_seen_in_header
{
    width:100%;
    max-width:48rem;

    margin:0 auto var(--space_2xl);

    text-align:center;
}

.home_as_seen_in_eyebrow
{
    margin-bottom:0.9rem;

    color:var(--aob-champagne-gold);
}

.home_as_seen_in_divider
{
    display:flex;

    width:min(100%,15rem);

    margin:0 auto 1.15rem;

    align-items:center;
    justify-content:center;

    gap:0.75rem;
}

.home_as_seen_in_divider span:not(.home_as_seen_in_heart)
{
    display:block;

    height:1px;

    flex:1 1 auto;

    background:rgba(197,146,81,0.82);
}

.home_as_seen_in_heart
{
    color:var(--aob-champagne-gold);

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

.home_as_seen_in_header h2
{
    margin:0;

    color:var(--aob-ivory);

    font-family:var(--font_script);
    font-size:clamp(3.5rem,14vw,5.75rem);
    font-weight:400;
    letter-spacing:0;
    line-height:0.9;
}


/*=========================================================
PUBLICATION GRID
=========================================================*/

.home_as_seen_in_publications
{
    display:grid;

    width:100%;

    margin:0;
    padding:0;

    grid-template-columns:1fr;

    gap:1rem;

    list-style:none;
}


/*=========================================================
PUBLICATION PANEL
=========================================================*/

.home_as_seen_in_publication
{
    display:flex;

    width:100%;
    min-width:0;
    min-height:10rem;

    margin:0;
    padding:1.5rem;

    align-items:center;
    justify-content:center;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(197,146,81,0.055),
            transparent 72%
        ),
        #090806;

    border:1px solid rgba(197,146,81,0.65);

    box-shadow:
        0 1.25rem 2.5rem rgba(0,0,0,0.28),
        0 0.25rem 0.75rem rgba(0,0,0,0.18);

    transition:
        transform 280ms ease,
        border-color 280ms ease,
        box-shadow 280ms ease;
}


/*=========================================================
PUBLICATION IMAGES
=========================================================*/

.home_as_seen_in_publication_image
{
    display:block;

    width:auto;
    max-width:100%;
    height:auto;
    max-height:8rem;

    margin:0 auto;

    object-fit:contain;

    transition:
        opacity 280ms ease,
        transform 350ms ease;
}


/*=========================================================
INDIVIDUAL LOGO SIZING
=========================================================*/

.home_as_seen_in_publication_image_stories
{
    width:min(100%,24rem);
}

.home_as_seen_in_publication_image_sensuality
{
    width:min(100%,21rem);
}

.home_as_seen_in_publication_image_boudoir
{
    width:min(100%,21rem);
}


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

@media (min-width:48rem)
{
    .home_as_seen_in
    {
        padding:var(--space_4xl) 0;
    }

    .home_as_seen_in_header
    {
        margin-bottom:var(--space_2xl);
    }

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

        gap:1.25rem;
    }

    .home_as_seen_in_publication
    {
        min-height:12rem;

        padding:1.75rem;
    }

    .home_as_seen_in_publication_image
    {
        max-height:9rem;
    }
}


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

@media (min-width:68rem)
{
    .home_as_seen_in_header
    {
        margin-bottom:3rem;
    }

    .home_as_seen_in_header h2
    {
        font-size:5.75rem;
    }

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

        gap:1.5rem;
    }

    .home_as_seen_in_publication
    {
        min-height:14rem;

        padding:2rem;
    }

    .home_as_seen_in_publication_image
    {
        max-height:10rem;
    }

    .home_as_seen_in_publication_image_stories
    {
        width:min(100%,26rem);
    }

    .home_as_seen_in_publication_image_sensuality,
    .home_as_seen_in_publication_image_boudoir
    {
        width:min(100%,23rem);
    }
}


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

@media (min-width:90rem)
{
    .home_as_seen_in_publications
    {
        gap:1.75rem;
    }

    .home_as_seen_in_publication
    {
        min-height:15rem;
    }

    .home_as_seen_in_publication_image
    {
        max-height:11rem;
    }
}


/*=========================================================
HOVER - POINTER DEVICES ONLY
=========================================================*/

@media (hover:hover) and (pointer:fine)
{
    .home_as_seen_in_publication:hover
    {
        border-color:var(--aob-champagne-gold);

        box-shadow:
            0 1.75rem 3.25rem rgba(0,0,0,0.38),
            0 0.45rem 1rem rgba(0,0,0,0.22);

        transform:translateY(-0.35rem);
    }

    .home_as_seen_in_publication:hover
    .home_as_seen_in_publication_image
    {
        opacity:0.96;

        transform:scale(1.025);
    }
}


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

@media (max-width:29.99rem)
{
    .home_as_seen_in
    {
        padding:var(--space_2xl) 0;
    }

    .home_as_seen_in_header
    {
        margin-bottom:var(--space_xl);
    }

    .home_as_seen_in_header h2
    {
        font-size:clamp(3.2rem,16vw,4.3rem);
    }

    .home_as_seen_in_publications
    {
        gap:0.75rem;
    }

    .home_as_seen_in_publication
    {
        min-height:9rem;

        padding:1.25rem;
    }

    .home_as_seen_in_publication_image
    {
        max-height:7rem;
    }
}


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

@media (prefers-reduced-motion:reduce)
{
    .home_as_seen_in_publication,
    .home_as_seen_in_publication_image
    {
        transition:none;
    }

    .home_as_seen_in_publication:hover,
    .home_as_seen_in_publication:hover
    .home_as_seen_in_publication_image
    {
        transform:none;
    }
}