/* ===================================== HP TOP BANNER   ===================================== */
    .hpTopBanner062725 {
        background-image: url("https://anninc.scene7.com/is/image/AN/062725-m-top-banner?wid=750&dpr=on,2&qlt=72");
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        height: 48.5vw !important;
    }

    .hpTopBanner062725 .g3-promo__content {
        padding: 3.5em 0 0.5em 0;
    }

    .hpTopBanner062725 .g3-disclaimer {
        font-size: 1.5em;
    }

    @media (min-width: 1024px) {
        .hpTopBanner062725 {
            background-image: url("https://anninc.scene7.com/is/image/AN/062725-top-banner?wid=1680&dpr=on,2&qlt=72");
            height: 8.6em !important;
        }

        .hpTopBanner062725 .g3-promo__content {
            padding: 2em 0 0.3em 0;
        }

        .hpTopBanner062725 .g3-disclaimer {
            font-size: 0.7em;
        }
    }

    /* ===================================== HP TOP BANNER   ===================================== */

    /* ===================================== HP MAIN   ===================================== */
    .hpMain062725 {
        color: #000;
    }

    .hpMain062725 .g3-v-center {
        padding: 0 0em 8.6em 0;
    }

    .hpMain062725 .g3-hero__sc-3__txt h1 {
        font-size: 4.5em;
        font-family: "Ethic Serif";
        font-style: italic;
        font-weight: 600;
        padding: 1% 0 2%;
    }

    .hpMain062725 .g3-hero__sc-3__txt h2 {
        line-height: 1;
        font-size: 2em;
    }

    .hpMain062725 .g3-hero__sc-3__txt .g3-promo-offer__lg {
        font-size: 23em;
        font-weight: 500;
        line-height: 0.9;
        padding-bottom: 2%;
        color: #5281b5;
    }

    .hpMain062725 .g3-pct-stack--knockout sup {
        font-size: 0.35em;
        top: 0.15em;
    }

    .hpMain062725 .g3-pct-stack--knockout sub {
        font-size: 0.1em;
        top: 0.56em;
    }

    .hpMain062725 .g3-hero__sc-3__txt .g3-promo-offer__sm {
        font-size: 2.25em;
        letter-spacing: 0.1em;
        color: #5281b5;
    }

    .hpMain062725 .g3-hero__sc-3__txt .g3-ctas {
        margin-top: 4.1em;
    }

    .hpMain062725 a.g3-cta--block-solid {
        font-size: 2em;
        /* padding: 0 1.5em; */
        margin: 0.7em .50em;
    }

    .hpMain062725 .g3-disclaimer--fixed {
        color: #fff;
        bottom: 2.2em;
    }

    @media (min-width: 1024px) {
        section.hpMain062725.g3-text-block--left .g3-img-overlay {
            left: auto;
            right: 8%;
        }

        .hpMain062725 .g3-v-center {
            padding: 0% 0% 18.5% 12%;
        }

        .hpMain062725 .g3-hero__sc-3__txt h1 {
            font-size: 3.3em;
            padding: 1.5% 0;
        }

        .hpMain062725 .g3-hero__sc-3__txt h2 {
            font-size: 1.5em;
        }

        .hpMain062725 .g3-hero__sc-3__txt .g3-promo-offer__lg {
            font-size: 14.3em;
            padding-bottom: 2%;
        }

        .hpMain062725 .g3-hero__sc-3__txt .g3-promo-offer__sm {
            font-size: 1.4em;
        }

        .hpMain062725 .g3-hero__sc-3__txt .g3-ctas {
            margin-top: 2.15em;
        }

        .hpMain062725 a.g3-cta--block-solid {
            font-size: 1em;
            margin: .50em 1em;
        }

        .hpMain062725 .g3-disclaimer--fixed {
            bottom: 3.2em;
            left: 6%;
        }
    }

    /* ===================================== HP MAIN HERO    ===================================== */

    /* ===================================== HP BOTTOM BANNER   ===================================== */
    /* .hpTopBanner062325 {
        background-image: url("https://anninc.scene7.com/is/image/AN/061725-m-top-banner?wid=750&dpr=on,2&qlt=72");
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        height: 46.5vw !important;
    } */

    .hpTopBanner062325 .g3-promo__content {
        padding: 2.5em 0 0.5em 0;
    }

    .hpTopBanner062325 .g3-disclaimer {
        font-size: 1.5em;
    }

    @media (min-width: 1024px) {
        /* .hpTopBanner062325 {
            background-image: url("https://anninc.scene7.com/is/image/AN/061725-top-banner?wid=1680&dpr=on,2&qlt=72");
            height: 7.6em !important;
        } */

        .hpTopBanner062325 .g3-promo__content {
            padding: 2em 0 0.3em 0;
        }

        .hpTopBanner062325 .g3-disclaimer {
            font-size: 0.7em;
        }
    }

    /* ===================================== HP BOTTOM BANNER   ===================================== */

    /* ===================================== TRIO PROMO BANNER ===================================== */
    .hpTopBanner061425 {
        background-image: url("https://anninc.scene7.com/is/image/AN/061425-m-top-banner?wid=750&dpr=on,2&qlt=72");
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        height: 46.1vw !important;
    }

    .wrapper-trio-banner {
        width: 100%;
        /* background-color: #d38642; */
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .wrapper-trio-banner>div {
        flex: 100%;
        padding: 0.25em 0 0em 0;
        color: #fff;
    }

    .trio-banner-hr {
        display: block;
        height: 1px;
        width: 30%;
        border-width: 0px;
        color: #fff;
        background-color: #fff;
        margin-top: .750rem;
        margin-bottom: .50rem;
    }

    a.trio-banner {
        align-content: center;
        color: #fff;
        text-decoration: none;
    }

    .trio-banner-center {
        font-family: 'kudryashev-d-contrast';
        font-size: 3.85em;
        order: -1;

    }

    .trio-banner h2 {
        font-size: 1.25em;
        letter-spacing: .02em;
    }

    .trio-banner-disclaimer {
        display: block;
        position: relative;
        width: 100%;
        color: inherit;
        font-family: 'sofia-pro', sans-serif;
        font-size: .50em;
        font-weight: 400;
        padding: .35em 0 .50em 0;
        letter-spacing: 0.02em;
        line-height: normal;
        z-index: 100;
    }

    .hpTopBanner061425 .tri-icon {
        font-size: .50em;
        vertical-align: 4px;
    }

    @media (min-width: 1024px) {
        .hpTopBanner061425 {
            background-image: url("https://anninc.scene7.com/is/image/AN/061425-top-banner?wid=1680&dpr=on,2&qlt=72");
            height: 7.1em !important;
        }

        .wrapper-trio-banner {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            text-align: center;
        }

        .wrapper-trio-banner>div {
            padding: .70em 0;
            align-content: center;
        }

        a.trio-banner {
            align-content: center;
            color: #fff;
            text-decoration: none;
        }

        .trio-banner h2 {
            font-size: 1.25em;
            padding-top: .6em;
            letter-spacing: normal;
        }

        .trio-banner-disclaimer {
            display: block;
            position: relative;
            width: 100%;
            color: inherit;
            font-family: 'sofia-pro', sans-serif;
            font-size: 0.5em;
            font-weight: 400;
            letter-spacing: 0.02em;
            line-height: normal;
            z-index: 100;
        }

        .trio-banner-center {
            font-size: 2.3em;
            order: 0;
        }

        .hpTopBanner061425 .tri-icon {
            font-size: .50em;
            vertical-align: 4px;
        }
    }

    /* ===================================== TRIO PROMO BANNER   ===================================== */

    /* ===================================== HP CATEGORIES    ===================================== */
    @media (min-width: 1024px) {
        .kb-category div.kb-grid a {
            width: 20%;
        }

        .kb-category div.kb-grid p {
            text-align: center;
        }
    }

    /* ===================================== HP CATEGORIES    ===================================== */

    /* ===================================== SUMMER SOCIAL ===================================== */
    .hpSummerSocial061025 .g3-v-center {
        padding: 0 0 5em 0;
    }

    .hpSummerSocial061025 .g3-hero__sc-3__txt h1 {
        font-size: 5.5em;
        padding-bottom: 2.5%;
    }

    .hpSummerSocial061025 .g3-hero__sc-3__txt p {
        font-size: 2.45em;
        font-family: "kudryashev-d-contrast", serif;
    }

    .hpSummerSocial061025 .g3-hero__sc-3__txt .g3-ctas {
        margin-top: 1.6em;
    }

    @media (min-width: 1024px) {
        section.hpSummerSocial061025.g3-text-block--left .g3-img-overlay {
            width: 40%;
        }

        .hpSummerSocial061025 .g3-v-center {
            padding: 0 0 15.2em 0;
        }

        .hpSummerSocial061025 .g3-hero__sc-3__txt h1 {
            font-size: 3.7em;
            line-height: 1;
            padding-bottom: 3.5%;
        }

        .hpSummerSocial061025 .g3-hero__sc-3__txt p {
            font-size: 1.25em;
        }

        .hpSummerSocial061025 .g3-hero__sc-3__txt .g3-ctas {
            margin-top: 1em;
        }
    }

    /* ===================================== SUMMER SOCIAL ===================================== */

    /* ===================================== AT TRIO EDITORIAL ===================================== */
    .hpTrioEditorial040725 img {
        width: 100%;
        height: auto;
    }

    @media (max-width: 480px) {
        .hpTrioEditorial040725 h3 {
            padding-bottom: 3%;
            font-size: 26px;
        }
    }

    /* ===================================== AT TRIO EDITORIAL ===================================== */

    /* ===================================== AT DUO EDITORIAL ===================================== */
    .hpDuoEditorial031725 .kb-col {
        padding: 2% 0% 0%;
    }

    .hpDuoEditorial031725 img {
        margin: 0 0 4%;
        width: 100%;
        height: auto;
    }

    .hpDuoEditorial031725 h3 {
        padding: 0% 4%;
        font-size: 3rem;
        font-family: "kudryashev-d-contrast", serif;
        font-weight: 400;
    }

    .hpDuoEditorial031725 p {
        padding: 0% 4%;
    }

    .hpDuoEditorial031725 span {
        padding: 0% 4%;
    }

    @media (min-width: 768px) {
        .hpDuoEditorial031725 .kb-col {
            width: 50%;
            padding: 0 1% 0 2%;
        }

        .hpDuoEditorial031725 a.kb-col:last-child {
            padding: 0 2% 0 1%;
        }

        .hpDuoEditorial031725 img {
            margin: 0 0 1%;
        }

        .hpDuoEditorial031725 h3 {
            padding: 1% 0% 0%;
            margin-bottom: 0.2em;
        }

        .hpDuoEditorial031725 p {
            padding: 0 25% 0 0;
        }

        .hpDuoEditorial031725 span {
            padding: 0%;
        }
    }

    /* ===================================== AT DUO EDITORIAL ===================================== */

    /* ===================================== IT LIST ===================================== */
    .hpItList061025 .g3-v-center {
        padding: 0 0 1em 0;
    }

    .hpItList061025 .g3-hero__sc-3__txt h1 {
        font-size: 5.5em;
        padding-bottom: 2.5%;
    }

    .hpItList061025 .g3-hero__sc-3__txt p {
        font-size: 2.45em;
        font-family: "kudryashev-d-contrast", serif;
    }

    .hpItList061025 .g3-hero__sc-3__txt .g3-ctas {
        margin-top: 1.6em;
    }

    @media (min-width: 1024px) {
        section.hpItList061025.g3-text-block--left .g3-img-overlay {
            width: 40%;
        }

        .hpItList061025 .g3-v-center {
            padding: 0 0 4.2em 24em;
        }

        .hpItList061025 .g3-hero__sc-3__txt h1 {
            font-size: 2.7em;
            line-height: 1;
            padding-bottom: 3.5%;
        }

        .hpItList061025 .g3-hero__sc-3__txt p {
            font-size: 1.20em;
        }

        .hpItList061025 .g3-hero__sc-3__txt .g3-ctas {
            margin-top: 1em;
        }
    }

    /* ===================================== IT LIST ===================================== */

    /* ===================================== WEEKEND ===================================== */
    .hpWeekend050625 .g3-v-center {
        padding: 0 0 1.6em 0;
    }

    .hpWeekend050625 .g3-hero__sc-3__txt h2 {
        font-size: 2.7em;
        padding-bottom: 0.3em;
    }

    .hpWeekend050625 .g3-hero__sc-3__txt p {
        font-size: 2.2em;
    }

    .hpWeekend050625 .g3-hero__sc-3__txt .g3-ctas {
        margin-top: 1.5em;
    }

    @media (min-width: 1024px) {
        section.hpWeekend050625.g3-text-block--left .g3-img-overlay {
            width: 20.6%;
        }

        .hpWeekend050625 .g3-v-center {
            padding: 0 0 14em 0;
        }

        .hpWeekend050625 .g3-hero__sc-3__txt p {
            font-size: 1.1em;
            line-height: 1.4;
            text-align: left;
            color: #fff;
        }

        .hpWeekend050625 .g3-hero__sc-3__txt .g3-ctas {
            margin-top: 0.65em;
            text-align: left;
        }

        .hpWeekend050625 a.g3-cta--ul {
            margin: 0;
            color: #fff;
        }
    }

    /* ===================================== WEEKEND ===================================== */

    /* ===================================== SUMMER STYLE GUIDE BANNER   ===================================== */
    .hpSummerStyleGuideBanner052925 {
        background-image: url("https://anninc.scene7.com/is/image/AN/SummerStyleGuide_SkinnyBanner-_B_mobile_hed-text-750px?wid=750&dpr=on,2&qlt=72");
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        height: 21.5vw !important;
    }

    .hpSummerStyleGuideBanner052925 .g3-promo__content {
        padding: 4.0em 0 0.5em 0;
    }

    .hpSummerStyleGuideBanner052925 .g3-disclaimer {
        font-size: 1.5em;
    }

    @media (min-width: 1024px) {
        .hpSummerStyleGuideBanner052925 {
            background-image: url("https://anninc.scene7.com/is/image/AN/SummerStyleGuide_Desktop_SkinnyBanner-_B_no-cta?wid=1680&dpr=on,2&qlt=72");
            height: 7.6em !important;
        }

        .hpSummerStyleGuideBanner052925 .g3-promo__content {
            padding: 2em 0 0.3em 0;
        }

        .hpSummerStyleGuideBanner052925 .g3-disclaimer {
            font-size: 0.7em;
        }
    }

    /* ===================================== SUMMER STYLE GUIDE BANNER   ===================================== */

    /* ===================================== WORK ===================================== */
    .hpWork051225 .g3-v-center {
        padding: 0 0 5em 0;
    }

    .hpWork051225 .g3-hero__sc-3__txt h1 {
        font-size: 5.5em;
        padding-bottom: 2.5%;
    }

    .hpWork051225 .g3-hero__sc-3__txt p {
        font-size: 2.45em;
        font-family: "kudryashev-d-contrast", serif;
    }

    .hpWork051225 .g3-hero__sc-3__txt .g3-ctas {
        margin-top: 1.6em;
    }

    @media (min-width: 1024px) {
        section.hpWork051225.g3-text-block--left .g3-img-overlay {
            width: 40%;
        }

        .hpWork051225 .g3-v-center {
            padding: 0 0 11.2em 0;
        }

        .hpWork051225 .g3-hero__sc-3__txt h1 {
            font-size: 3.7em;
            line-height: 1;
            padding-bottom: 3.5%;
        }

        .hpWork051225 .g3-hero__sc-3__txt p {
            font-size: 1.25em;
        }

        .hpWork051225 .g3-hero__sc-3__txt .g3-ctas {
            margin-top: 1em;
        }
    }

    /* ===================================== AT WORK===================================== */

    /* ===================================== AT DRESS SHOP ===================================== */
    section.hpDressShop052725.g3-text-block--left .g3-img-overlay {
        width: 76%;
        left: 0;
        right: auto;
    }

    .hpDressShop052725 .g3-v-center {
        padding: 0 0 20em 0;
    }

    .hpDressShop052725 .g3-hero__sc-3__txt h1 {
        font-size: 5.5em;
        padding-bottom: 2.5%;
    }

    .hpDressShop052725 .g3-hero__sc-3__txt p {
        font-size: 2.45em;
        font-family: "kudryashev-d-contrast", serif;
    }

    .hpDressShop052725 .g3-hero__sc-3__txt .g3-ctas {
        margin-top: 1.6em;
    }

    @media (min-width: 1024px) {
        section.hpDressShop052725.g3-text-block--left .g3-img-overlay {
            width: 38%;
        }

        .hpDressShop052725 .g3-v-center {
            padding: 0 0 8.2em 0;
        }

        .hpDressShop052725 .g3-hero__sc-3__txt h1 {
            font-size: 3.7em;
            line-height: 1;
            padding-bottom: 3.5%;
        }

        .hpDressShop052725 .g3-hero__sc-3__txt p {
            font-size: 1.25em;
        }

        .hpDressShop052725 .g3-hero__sc-3__txt .g3-ctas {
            margin-top: 1em;
        }
    }

    /* ===================================== AT DRESS SHOP ===================================== */