
.home-hero{position:relative;height:100svh;min-height:650px;overflow:hidden;background:var(--paper)}
.home-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .85s var(--ease)}
.home-slide.active{opacity:1;visibility:visible}
.home-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.045);transition:transform 6.2s var(--ease)}
.home-slide.active img{transform:scale(1)}
.home-slide:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(247,247,244,.97) 0%,rgba(247,247,244,.91) 22%,rgba(247,247,244,.58) 43%,rgba(247,247,244,.10) 67%,rgba(247,247,244,.04) 100%)}
.home-slide:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(247,247,244,.78),rgba(247,247,244,0) 26%,rgba(20,29,35,.20) 100%)}
.home-content{position:relative;z-index:5;height:100%;width:min(var(--max),100%);margin:auto;padding:125px clamp(25px,8vw,120px) 145px;display:flex;align-items:center}
.home-headline{margin:0;font-size:clamp(47px,6.6vw,91px);line-height:.98;font-weight:300;letter-spacing:-3.5px;color:#42484c}.home-headline strong{font-weight:700;color:#363c40}.home-headline em{font-style:normal;color:var(--maroon)}
.home-note{position:absolute;right:clamp(25px,7vw,100px);bottom:145px;max-width:240px;text-align:right;font:18px/1.15 Georgia,serif;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.32)}

/* =========================
   HOME HERO CONTROLS
   ========================= */

.home-controls {
    position: absolute;
    z-index: 20;
    left: clamp(25px, 5vw, 72px);
    right: clamp(25px, 5vw, 72px);
    bottom: 27px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Counter — left */
.home-counter {
    font-size: 9px;
    letter-spacing: 2.5px;
    line-height: 1;
    color: #3e474d;
}

/* Dots — always centered to hero */
.home-dots {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%);

    display: flex;
    align-items: center;
    gap: 8px;
}

.home-dot {
    width: 7px;
    height: 7px;
    padding: 0;

    border: 1px solid #667077;
    border-radius: 50%;
    background: transparent;

    cursor: pointer;
}

.home-dot.active {
    width: 29px;
    border-radius: 99px;
    border-color: var(--maroon);
    background: var(--maroon);
}

/* Arrows — right */
.home-arrow {
    width: 43px;
    height: 43px;
    padding: 0;

    border: 1px solid #596268;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.65);

    color: #3e474d;
    font-size: 27px;
    line-height: 1;

    display: grid;
    place-items: center;

    cursor: pointer;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}

.home-arrow:hover {
    background: var(--maroon);
    color: #fff;
    border-color: var(--maroon);
    transform: translateY(-2px);
}

/* Previous arrow */
.home-arrow.prev {
    margin-left: auto;
    margin-right: 10px;
}

/* Next arrow */
.home-arrow.next {
    margin-left: 0;
}

/* Progress bar */
.home-progress {
    position: absolute;
    z-index: 25;
    left: 0;
    bottom: 0;

    width: 0;
    height: 3px;

    background: var(--maroon);

    animation: progress 5.8s linear forwards;
}
@keyframes progress{from{width:0}to{width:100%}}
.video-section{background:#171d21;color:#fff}.video-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,7vw,100px);align-items:center}.video-phone{width:min(330px,72vw);margin:auto;border-radius:28px;overflow:hidden;border:7px solid #30383d;background:#000;box-shadow:0 25px 70px rgba(0,0,0,.35)}.video-phone video{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}.video-copy .section-title{color:#fff}.video-copy p{color:#aeb7bb}
@media(max-width:750px){.home-hero{min-height:690px}.home-content{padding:122px 24px 185px;align-items:flex-start}.home-headline{font-size:clamp(43px,12.8vw,68px);letter-spacing:-2.4px;margin-top:5vh}.home-slide:before{background:linear-gradient(180deg,rgba(247,247,244,.98),rgba(247,247,244,.94) 35%,rgba(247,247,244,.34) 58%,rgba(247,247,244,.05) 100%)}.home-slide:after{background:linear-gradient(180deg,rgba(247,247,244,.65),rgba(247,247,244,0) 42%,rgba(20,29,35,.26) 100%)}.home-slide img{object-position:center bottom}.home-note{display:none}.home-counter{display:none}.home-controls{bottom:23px;justify-content:center}.home-dots{position:static;transform:none}.home-arrow{position:absolute;width:38px;height:38px;font-size:22px}.home-arrow.prev{left:0}.home-arrow.next{right:0}.video-wrap{grid-template-columns:1fr}.video-phone{width:min(280px,78vw)}}


/* =====================================================
   SECTION 2 — FASHION POSSIBILITIES
====================================================== */

.fashion-possibilities {
    position: relative;
    overflow: hidden;
    background: var(--paper);
    padding: clamp(90px, 10vw, 150px) 0;
}

.fashion-possibilities__inner {
    width: min(var(--max), 100%);
    min-height: 650px;
    margin: 0 auto;
    padding-inline: clamp(25px, 7vw, 105px);

    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
    align-items: center;
    gap: clamp(45px, 7vw, 110px);

    position: relative;
}


/* -----------------------------------------
   LEFT CONTENT
------------------------------------------ */

.fashion-possibilities__content {
    position: relative;
    z-index: 3;
    padding-block: 40px;
}

.fashion-possibilities__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;

    color: var(--maroon);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;

    margin-bottom: 25px;
}

.fashion-possibilities__eyebrow::before {
    content: "";
    width: 32px;
    height: 1px;
    background: var(--maroon);
}


.fashion-possibilities__content h2 {
    max-width: 620px;

    margin: 0;

    color: var(--ink);

    font-size: clamp(48px, 5.8vw, 82px);
    line-height: .94;

    font-weight: 300;
    letter-spacing: -.055em;
}

.fashion-possibilities__content h2 span {
    display: block;
    color: var(--maroon);
    font-weight: 300;
}


.fashion-possibilities__content p {
    max-width: 470px;

    margin: 34px 0 0;

    color: var(--muted);

    font-size: 14px;
    line-height: 1.75;
}


/* -----------------------------------------
   BUTTON
------------------------------------------ */

.fashion-possibilities__button {
    display: inline-flex;
    align-items: center;
    gap: 18px;

    margin-top: 34px;

    color: var(--ink);

    font-size: 11px;
    font-weight: 600;
    letter-spacing: .03em;

    border-bottom: 1px solid var(--ink);

    padding-bottom: 9px;

    transition:
        color .35s ease,
        border-color .35s ease,
        gap .35s var(--ease);
}

.fashion-possibilities__button i {
    width: 30px;
    height: 30px;

    display: grid;
    place-items: center;

    border: 1px solid currentColor;
    border-radius: 50%;

    font-size: 17px;
    font-style: normal;

    transition:
        transform .35s var(--ease),
        background .35s ease,
        color .35s ease;
}

.fashion-possibilities__button:hover {
    color: var(--maroon);
    border-color: var(--maroon);
    gap: 23px;
}

.fashion-possibilities__button:hover i {
    transform: translateX(3px);
    background: var(--maroon);
    color: #fff;
}


/* -----------------------------------------
   IMAGE
------------------------------------------ */

.fashion-possibilities__visual {
    position: relative;
    z-index: 2;
}


.fashion-possibilities__image-wrap {
    position: relative;

    width: 100%;
    height: clamp(500px, 44vw, 670px);

    overflow: hidden;

    background: #252525;

    border-radius: 2px;
}


.fashion-possibilities__image-wrap::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.02) 40%,
            rgba(0,0,0,.35) 100%
        );

    pointer-events: none;
}


.fashion-possibilities__image-wrap img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transform: scale(1.01);

    transition:
        transform 1.2s var(--ease);
}


.fashion-possibilities__image-wrap:hover img {
    transform: scale(1.045);
}


/* -----------------------------------------
   IMAGE LABEL
------------------------------------------ */

.fashion-possibilities__image-label {
    position: absolute;

    z-index: 3;

    left: 22px;
    right: 22px;
    bottom: 20px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    color: #fff;

    font-size: 8px;
    letter-spacing: .17em;
    text-transform: uppercase;

    padding-top: 13px;

    border-top: 1px solid rgba(255,255,255,.45);
}

.fashion-possibilities__image-label span:first-child {
    font-size: 10px;
    font-weight: 700;
}


/* -----------------------------------------
   DECORATIVE INTHING
------------------------------------------ */

.fashion-possibilities__vertical-text {
    position: absolute;

    right: clamp(8px, 2vw, 28px);
    bottom: -25px;

    color: rgba(63,69,72,.045);

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(90px, 15vw, 210px);
    font-weight: 700;

    letter-spacing: -.08em;

    line-height: .8;

    pointer-events: none;

    user-select: none;
}


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

@media (max-width: 950px) {

    .fashion-possibilities {
        padding: 90px 0;
    }

    .fashion-possibilities__inner {
        grid-template-columns: 1fr 1fr;

        gap: 40px;

        padding-inline: 40px;

        min-height: 580px;
    }

    .fashion-possibilities__content h2 {
        font-size: clamp(44px, 6vw, 65px);
    }

    .fashion-possibilities__image-wrap {
        height: 560px;
    }

}


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

@media (max-width: 700px) {

    .fashion-possibilities {
        padding: 75px 0 85px;
    }

    .fashion-possibilities__inner {
        display: flex;
        flex-direction: column;

        align-items: stretch;

        gap: 42px;

        padding-inline: 22px;

        min-height: auto;
    }


    /* Content first */

    .fashion-possibilities__content {
        padding-block: 0;
    }


    .fashion-possibilities__eyebrow {
        font-size: 9px;
        margin-bottom: 21px;
    }

    .fashion-possibilities__eyebrow::before {
        width: 24px;
    }


    .fashion-possibilities__content h2 {
        max-width: 100%;

        font-size: clamp(43px, 13vw, 64px);

        line-height: .94;

        letter-spacing: -.055em;
    }


    .fashion-possibilities__content p {
        max-width: 100%;

        margin-top: 25px;

        font-size: 13px;
        line-height: 1.7;
    }


    .fashion-possibilities__button {
        margin-top: 27px;

        font-size: 10px;
    }


    /* Image */

    .fashion-possibilities__visual {
        width: 100%;
    }

    .fashion-possibilities__image-wrap {
        width: 100%;

        height: min(118vw, 560px);

        border-radius: 2px;
    }


    .fashion-possibilities__image-wrap img {
        object-position: center center;
    }


    .fashion-possibilities__image-label {
        left: 16px;
        right: 16px;
        bottom: 15px;

        font-size: 7px;
    }


    /* Decorative word */

    .fashion-possibilities__vertical-text {
        right: -5px;
        bottom: 10px;

        font-size: 90px;

        opacity: .8;
    }

}


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

@media (max-width: 420px) {

    .fashion-possibilities {
        padding: 65px 0 75px;
    }

    .fashion-possibilities__inner {
        padding-inline: 18px;
        gap: 35px;
    }

    .fashion-possibilities__content h2 {
        font-size: 44px;
    }

    .fashion-possibilities__content p {
        font-size: 12.5px;
    }

    .fashion-possibilities__image-wrap {
        height: 105vw;
        min-height: 390px;
    }

    .fashion-possibilities__image-label span:last-child {
        font-size: 6px;
        letter-spacing: .12em;
    }

}


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

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

    .fashion-possibilities__image-wrap img,
    .fashion-possibilities__button,
    .fashion-possibilities__button i {
        transition: none;
    }

}


/* =====================================================
   SECTION 3 — SUSTAINABILITY
====================================================== */

.sustainability-home {
    position: relative;
    overflow: hidden;

    background: #e8eceb;

    padding: clamp(90px, 10vw, 145px) 0;
}


/* -----------------------------------------
   INNER
------------------------------------------ */

.sustainability-home__inner {

    width: min(var(--max), 100%);

    margin: 0 auto;

    padding-inline: clamp(25px, 7vw, 105px);
}


/* -----------------------------------------
   HEADER
------------------------------------------ */

.sustainability-home__header {

    max-width: 780px;

    margin-bottom: clamp(55px, 7vw, 90px);
}


.sustainability-home__eyebrow {

    display: flex;
    align-items: center;
    gap: 12px;

    color: var(--maroon);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .22em;

    margin-bottom: 24px;
}


.sustainability-home__eyebrow::before {

    content: "";

    width: 32px;
    height: 1px;

    background: var(--maroon);
}


.sustainability-home__header h2 {

    margin: 0;

    color: var(--ink);

    font-size: clamp(52px, 6.5vw, 90px);

    line-height: .92;

    font-weight: 300;

    letter-spacing: -.06em;
}


.sustainability-home__header h2 span {

    display: block;

    color: var(--maroon);
}


.sustainability-home__header p {

    max-width: 610px;

    margin: 30px 0 0;

    color: var(--muted);

    font-size: 14px;

    line-height: 1.75;
}


/* -----------------------------------------
   PILLARS
------------------------------------------ */

.sustainability-home__pillars {

    display: grid;

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

    border-top: 1px solid rgba(63,69,72,.22);

    border-bottom: 1px solid rgba(63,69,72,.22);
}


.sustainability-pillar {

    position: relative;

    min-height: 390px;

    padding:
        32px
        clamp(22px, 3vw, 45px)
        35px;

    border-right:
        1px solid rgba(63,69,72,.22);

    transition:
        background .4s ease,
        transform .4s var(--ease);
}


.sustainability-pillar:last-child {

    border-right: 0;
}


.sustainability-pillar:hover {

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

    transform: translateY(-4px);
}


/* -----------------------------------------
   NUMBER
------------------------------------------ */

.sustainability-pillar__number {

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .18em;

    color: var(--maroon);

    margin-bottom: 55px;
}


/* -----------------------------------------
   LABEL
------------------------------------------ */

.sustainability-pillar__label {

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .18em;

    color: var(--muted);

    margin-bottom: 17px;
}


/* -----------------------------------------
   TITLE
------------------------------------------ */

.sustainability-pillar h3 {

    margin: 0;

    color: var(--ink);

    font-size: clamp(31px, 3.2vw, 47px);

    line-height: .98;

    font-weight: 300;

    letter-spacing: -.045em;
}


.sustainability-pillar h3 em {

    color: var(--maroon);

    font-style: normal;
}


/* -----------------------------------------
   DESCRIPTION
------------------------------------------ */

.sustainability-pillar p {

    max-width: 280px;

    margin: 24px 0 0;

    color: var(--muted);

    font-size: 12px;

    line-height: 1.65;
}


/* -----------------------------------------
   TOPICS
------------------------------------------ */

.sustainability-pillar__topics {

    position: absolute;

    left: clamp(22px, 3vw, 45px);

    right: clamp(22px, 3vw, 45px);

    bottom: 32px;

    padding-top: 15px;

    border-top:
        1px solid rgba(63,69,72,.17);

    color: #737b7f;

    font-size: 8px;

    line-height: 1.5;

    letter-spacing: .06em;
}


/* -----------------------------------------
   FOOTER / CTA
------------------------------------------ */

.sustainability-home__footer {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    margin-top: 34px;
}


.sustainability-home__line {

    flex: 1;

    height: 1px;

    background: rgba(63,69,72,.18);
}


.sustainability-home__link {

    display: inline-flex;

    align-items: center;

    gap: 16px;

    color: var(--ink);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .04em;

    white-space: nowrap;

    transition:
        color .3s ease,
        gap .3s var(--ease);
}


.sustainability-home__link i {

    width: 32px;
    height: 32px;

    display: grid;

    place-items: center;

    border: 1px solid currentColor;

    border-radius: 50%;

    font-size: 17px;

    font-style: normal;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s var(--ease);
}


.sustainability-home__link:hover {

    color: var(--maroon);

    gap: 21px;
}


.sustainability-home__link:hover i {

    background: var(--maroon);

    color: #fff;

    transform: translateX(3px);
}


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

@media (max-width: 900px) {

    .sustainability-home {

        padding: 90px 0;
    }


    .sustainability-home__inner {

        padding-inline: 40px;
    }


    .sustainability-home__pillars {

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


    .sustainability-pillar {

        min-height: 370px;

        padding-inline: 24px;
    }


    .sustainability-pillar h3 {

        font-size: clamp(27px, 3.5vw, 40px);
    }

}


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

@media (max-width: 700px) {

    .sustainability-home {

        padding: 75px 0 80px;
    }


    .sustainability-home__inner {

        padding-inline: 22px;
    }


    .sustainability-home__header {

        margin-bottom: 50px;
    }


    .sustainability-home__eyebrow {

        font-size: 9px;

        margin-bottom: 20px;
    }


    .sustainability-home__eyebrow::before {

        width: 24px;
    }


    .sustainability-home__header h2 {

        font-size: clamp(45px, 13vw, 65px);

        line-height: .94;
    }


    .sustainability-home__header p {

        margin-top: 24px;

        font-size: 13px;

        line-height: 1.7;
    }


    /* Stack pillars */

    .sustainability-home__pillars {

        display: block;

        border-bottom: 0;
    }


    .sustainability-pillar {

        min-height: 330px;

        padding:
            28px
            20px
            75px;

        border-right: 0;

        border-bottom:
            1px solid rgba(63,69,72,.22);
    }


    .sustainability-pillar:first-child {

        border-top: 0;
    }


    .sustainability-pillar:last-child {

        border-bottom: 0;
    }


    .sustainability-pillar:hover {

        transform: none;
    }


    .sustainability-pillar__number {

        margin-bottom: 38px;
    }


    .sustainability-pillar h3 {

        font-size: clamp(35px, 10vw, 50px);

        line-height: .95;
    }


    .sustainability-pillar p {

        max-width: 330px;

        font-size: 12.5px;
    }


    .sustainability-pillar__topics {

        left: 20px;
        right: 20px;

        bottom: 25px;
    }


    .sustainability-home__footer {

        margin-top: 30px;

        display: block;
    }


    .sustainability-home__line {

        display: none;
    }


    .sustainability-home__link {

        width: 100%;

        justify-content: space-between;

        padding-top: 18px;

        border-top:
            1px solid rgba(63,69,72,.18);
    }

}


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

@media (max-width: 420px) {

    .sustainability-home {

        padding: 65px 0 70px;
    }


    .sustainability-home__inner {

        padding-inline: 18px;
    }


    .sustainability-home__header h2 {

        font-size: 45px;
    }


    .sustainability-home__header p {

        font-size: 12.5px;
    }


    .sustainability-pillar {

        min-height: 315px;

        padding-inline: 18px;
    }


    .sustainability-pillar__topics {

        left: 18px;
        right: 18px;
    }

}
/* =========================================================
   SECTION 4 — PARTNERS EDITORIAL
   Clean / Final Version
========================================================= */

.partners-editorial {
    position: relative;

    width: 100%;
    min-height: 100vh;
    min-height: 100svh;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background: #ffffff;
    color: #171d21;

    /*
        Fixed header is approximately 78px.
        Extra top space prevents content from
        going underneath the header.
    */
    padding-top: 105px;
    padding-bottom: 38px;
}


/* =========================================================
   MAIN SECTION CONTENT
========================================================= */

.partners-editorial__inner {
    position: relative;
    z-index: 2;

    width: min(var(--max), 100%);

    flex: 1;

    margin: 0 auto;

    padding-left: clamp(28px, 7vw, 105px);
    padding-right: clamp(28px, 7vw, 105px);

    box-sizing: border-box;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(360px, 440px);

    align-items: center;

    gap: clamp(70px, 9vw, 145px);
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.partners-editorial__content {
    width: 100%;
    max-width: 570px;

    align-self: center;
}


/* =========================================================
   EYEBROW
========================================================= */

.partners-editorial__eyebrow {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 27px;

    color: #8c2945;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .22em;
}


.partners-editorial__eyebrow span {
    display: block;

    width: 34px;

    height: 1px;

    background: #8c2945;
}


/* =========================================================
   TITLE
========================================================= */

.partners-editorial__title {
    margin: 0;

    max-width: 570px;

    font-size: clamp(62px, 7vw, 100px);

    line-height: .88;

    font-weight: 300;

    letter-spacing: -.065em;
}


.partners-editorial__title em {
    display: block;

    margin-top: 4px;

    color: #8c2945;

    font-style: normal;

    font-weight: 400;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.partners-editorial__description {
    max-width: 450px;

    margin: 32px 0 0;

    color: #626b70;

    font-size: 13px;

    line-height: 1.8;
}


/* =========================================================
   LEFT META
========================================================= */

.partners-editorial__bottom {
    width: 100%;

    max-width: 450px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 70px;

    padding-top: 17px;

    border-top:
        1px solid rgba(63, 69, 72, .17);

    color: #737b7f;

    font-size: 8px;

    letter-spacing: .17em;
}


.partners-editorial__scroll {
    display: flex;

    align-items: center;

    gap: 9px;
}


.partners-editorial__scroll i {
    display: inline-block;

    font-size: 14px;

    font-style: normal;

    animation:
        partnerScrollArrow 1.8s ease-in-out infinite;
}


@keyframes partnerScrollArrow {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(5px);
    }

}


/* =========================================================
   RIGHT VIDEO AREA
========================================================= */

.partners-editorial__visual {
    position: relative;

    width: 100%;

    max-width: 440px;

    justify-self: end;

    align-self: center;

    display: flex;

    justify-content: flex-end;

    box-sizing: border-box;
}


/* =========================================================
   VIDEO FRAME
========================================================= */

.partners-editorial__video {
    position: relative;

    width: min(100%, 390px);

    /*
        Large controlled height.
        This prevents the vertical video
        from becoming tiny.
    */
    height: min(66vh, 620px);

    min-height: 500px;

    overflow: hidden;

    border-radius: 20px;

    background: #171d21;

    box-shadow:
        0 35px 80px rgba(23, 29, 33, .18),
        0 12px 28px rgba(23, 29, 33, .09);

    transform: translateY(0);

    transition:
        transform .7s var(--ease),
        box-shadow .7s var(--ease);
}


/* =========================================================
   VIDEO OVERLAY
========================================================= */

.partners-editorial__video::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, .015) 0%,
            rgba(0, 0, 0, .09) 100%
        );
}


/* =========================================================
   VIDEO ELEMENT
========================================================= */

.partners-editorial__video video {
    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    transform: scale(1);

    transition:
        transform 1.1s var(--ease);
}


/* =========================================================
   VIDEO HOVER
========================================================= */

.partners-editorial__visual:hover
.partners-editorial__video {

    transform: translateY(-7px);

    box-shadow:
        0 45px 95px rgba(23, 29, 33, .22),
        0 15px 35px rgba(23, 29, 33, .11);
}


.partners-editorial__visual:hover
.partners-editorial__video video {

    transform: scale(1.025);
}


/* =========================================================
   PARTNER TICKER
========================================================= */

.partners-ticker {
    position: relative;

    z-index: 5;

    width: min(var(--max), 100%);

    flex-shrink: 0;

    margin: 25px auto 0;

    padding-left: clamp(28px, 7vw, 105px);

    padding-right: clamp(28px, 7vw, 105px);

    box-sizing: border-box;
}


/* =========================================================
   TICKER LABEL
========================================================= */

.partners-ticker__label {
    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 12px;
}


.partners-ticker__label span {
    color: #8c2945;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .23em;
}


/* =========================================================
   TICKER VIEWPORT
========================================================= */

.partners-ticker__viewport {
    position: relative;

    width: 100%;

    overflow: hidden;

    padding: 17px 0;

    border-top:
        1px solid rgba(63, 69, 72, .14);

    border-bottom:
        1px solid rgba(63, 69, 72, .14);
}


/* =========================================================
   TICKER EDGE FADE
========================================================= */

.partners-ticker__viewport::before,
.partners-ticker__viewport::after {
    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 3;

    width: 90px;

    pointer-events: none;
}


.partners-ticker__viewport::before {
    left: 0;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            rgba(255, 255, 255, 0) 100%
        );
}


.partners-ticker__viewport::after {
    right: 0;

    background:
        linear-gradient(
            270deg,
            #ffffff 0%,
            rgba(255, 255, 255, 0) 100%
        );
}


/* =========================================================
   TICKER TRACK
========================================================= */

.partners-ticker__track {
    display: flex;

    align-items: center;

    width: max-content;

    gap: 30px;

    will-change: transform;

    animation:
        partnerTickerMove 26s linear infinite;
}


@keyframes partnerTickerMove {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }

}


/* =========================================================
   PARTNER NAME
========================================================= */

.partners-ticker__item {
    flex-shrink: 0;

    color: #30373b;

    font-size: clamp(22px, 2.5vw, 36px);

    line-height: 1;

    font-weight: 300;

    letter-spacing: -.045em;

    white-space: nowrap;

    transition:
        color .3s ease;
}


.partners-ticker__item:hover {
    color: #8c2945;
}


/* =========================================================
   PARTNER SEPARATOR
========================================================= */

.partners-ticker__dot {
    flex-shrink: 0;

    color: #8c2945;

    font-size: 10px;

    opacity: .75;
}


/* =========================================================
   PAUSE ON HOVER
========================================================= */

.partners-ticker__viewport:hover
.partners-ticker__track {
    animation-play-state: paused;
}


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

@media (max-width: 1000px) {

    .partners-editorial {

        padding-top: 100px;

        padding-bottom: 32px;
    }


    .partners-editorial__inner {

        grid-template-columns:
            minmax(0, 1fr)
            minmax(300px, 390px);

        gap: 55px;

        padding-left: 40px;

        padding-right: 40px;
    }


    .partners-editorial__title {

        font-size:
            clamp(54px, 7vw, 75px);
    }


    .partners-editorial__video {

        width: min(100%, 350px);

        height: min(63vh, 560px);

        min-height: 460px;
    }


    .partners-ticker {

        padding-left: 40px;

        padding-right: 40px;
    }

}


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

@media (max-width: 700px) {

    .partners-editorial {

        min-height: auto;

        display: block;

        padding-top: 95px;

        padding-bottom: 45px;
    }


    .partners-editorial__inner {

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 48px;

        padding-left: 20px;

        padding-right: 20px;
    }


    /* LEFT CONTENT */

    .partners-editorial__content {

        max-width: none;
    }


    .partners-editorial__eyebrow {

        margin-bottom: 22px;
    }


    .partners-editorial__title {

        font-size:
            clamp(54px, 15vw, 76px);

        line-height: .9;
    }


    .partners-editorial__description {

        margin-top: 25px;

        font-size: 12px;

        line-height: 1.75;
    }


    .partners-editorial__bottom {

        margin-top: 42px;

        max-width: none;
    }


    .partners-editorial__scroll {

        display: none;
    }


    /* VIDEO */

    .partners-editorial__visual {

        width: 100%;

        max-width: none;

        justify-content: flex-end;
    }


    .partners-editorial__video {

        width: min(82vw, 330px);

        height: min(125vw, 585px);

        min-height: 0;

        border-radius: 17px;

        box-shadow:
            0 28px 60px rgba(23, 29, 33, .18),
            0 9px 20px rgba(23, 29, 33, .08);
    }


    /* TICKER */

    .partners-ticker {

        width: 100%;

        margin-top: 55px;

        padding-left: 20px;

        padding-right: 20px;
    }


    .partners-ticker__label {

        margin-bottom: 14px;
    }


    .partners-ticker__viewport {

        padding: 17px 0;
    }


    .partners-ticker__track {

        gap: 22px;

        animation-duration: 21s;
    }


    .partners-ticker__item {

        font-size: 25px;
    }


    .partners-ticker__viewport::before,
    .partners-ticker__viewport::after {

        width: 45px;
    }

}


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

@media (max-width: 420px) {

    .partners-editorial {

        padding-top: 88px;

        padding-bottom: 40px;
    }


    .partners-editorial__inner {

        padding-left: 17px;

        padding-right: 17px;

        gap: 42px;
    }


    .partners-editorial__title {

        font-size: 52px;
    }


    .partners-editorial__video {

        width: 84vw;

        height: 112vw;

        max-height: 520px;

        border-radius: 15px;
    }


    .partners-ticker {

        padding-left: 17px;

        padding-right: 17px;
    }

}


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

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

    .partners-editorial__scroll i {

        animation: none;
    }


    .partners-editorial__video,
    .partners-editorial__video video {

        transition: none;
    }


    .partners-ticker__track {

        animation: none;
    }

}

/* =========================================================
   SECTION 5 — PURE EDITORIAL GALLERY
========================================================= */

.inthing-gallery {

    position: relative;

    width: 100%;

    overflow: hidden;

    background: #ffffff;

    padding:
        clamp(90px, 10vw, 145px)
        0
        clamp(100px, 11vw, 155px);
}


/* =========================================================
   GALLERY GRID
========================================================= */

.inthing-gallery__grid {

    width: min(var(--max), 100%);

    margin: 0 auto;

    padding-left:
        clamp(25px, 7vw, 105px);

    padding-right:
        clamp(25px, 7vw, 105px);

    box-sizing: border-box;

    display: grid;

    grid-template-columns:
        1.05fr
        .72fr
        1fr;

    grid-template-rows:
        330px
        220px
        330px;

    gap: clamp(14px, 1.5vw, 22px);

    align-items: stretch;
}


/* =========================================================
   GALLERY ITEMS
========================================================= */

.inthing-gallery__item {

    position: relative;

    min-width: 0;

    overflow: hidden;

    border-radius: 18px;

    background: #eef0ef;

    opacity: 0;

    transform:
        translateY(45px)
        scale(.985);

    transition:
        opacity 1s var(--ease),
        transform 1s var(--ease);
}


/* When visible */

.inthing-gallery__item.is-visible {

    opacity: 1;

    transform:
        translateY(0)
        scale(1);
}


/* =========================================================
   EDITORIAL POSITIONS
========================================================= */


/* Large image — left */

.inthing-gallery__item--large {

    grid-column: 1;

    grid-row: 1 / span 2;

    min-height: 570px;
}


/* Small image — middle top */

.inthing-gallery__item--small {

    grid-column: 2;

    grid-row: 1;

    min-height: 330px;
}


/* Tall image — right */

.inthing-gallery__item--tall {

    grid-column: 3;

    grid-row: 1 / span 2;

    min-height: 570px;
}


/* Wide image — middle bottom */

.inthing-gallery__item--wide {

    grid-column: 2;

    grid-row: 2;

    min-height: 220px;
}


/* Bottom left */

.inthing-gallery__item--medium {

    grid-column: 1;

    grid-row: 3;

    min-height: 330px;
}


/* Bottom right */

.inthing-gallery__item--last {

    grid-column: 2 / span 2;

    grid-row: 3;

    min-height: 330px;
}


/* =========================================================
   IMAGE WRAPPER
========================================================= */

.inthing-gallery__image {

    position: absolute;

    inset: 0;

    overflow: hidden;
}


/* =========================================================
   IMAGE
========================================================= */

.inthing-gallery__image img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    transform:
        translate3d(0, 0, 0)
        scale(1.025);

    will-change: transform;

    transition:
        transform 1.2s var(--ease);
}


/* =========================================================
   HOVER
========================================================= */

.inthing-gallery__item:hover
.inthing-gallery__image img {

    transform:
        translate3d(0, -4px, 0)
        scale(1.075);
}


/* =========================================================
   SUBTLE SHADOW
========================================================= */

.inthing-gallery__item {

    box-shadow:
        0 18px 45px rgba(23, 29, 33, .07);

    transition:
        opacity 1s var(--ease),
        transform 1s var(--ease),
        box-shadow .6s var(--ease);
}


.inthing-gallery__item:hover {

    box-shadow:
        0 28px 65px rgba(23, 29, 33, .13);
}


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

.inthing-gallery__item:nth-child(1) {
    transition-delay: .05s;
}

.inthing-gallery__item:nth-child(2) {
    transition-delay: .14s;
}

.inthing-gallery__item:nth-child(3) {
    transition-delay: .22s;
}

.inthing-gallery__item:nth-child(4) {
    transition-delay: .30s;
}

.inthing-gallery__item:nth-child(5) {
    transition-delay: .38s;
}

.inthing-gallery__item:nth-child(6) {
    transition-delay: .46s;
}


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

@media (max-width: 1000px) {

    .inthing-gallery {

        padding-top: 90px;

        padding-bottom: 110px;
    }


    .inthing-gallery__grid {

        grid-template-columns:
            1fr
            1fr;

        grid-template-rows:
            390px
            270px
            390px
            300px;

        gap: 16px;

        padding-left: 40px;

        padding-right: 40px;
    }


    .inthing-gallery__item--large {

        grid-column: 1;

        grid-row: 1 / span 2;

        min-height: 0;
    }


    .inthing-gallery__item--small {

        grid-column: 2;

        grid-row: 1;

        min-height: 0;
    }


    .inthing-gallery__item--tall {

        grid-column: 2;

        grid-row: 2;

        min-height: 0;
    }


    .inthing-gallery__item--wide {

        grid-column: 1 / span 2;

        grid-row: 3;

        min-height: 0;
    }


    .inthing-gallery__item--medium {

        grid-column: 1;

        grid-row: 4;

        min-height: 0;
    }


    .inthing-gallery__item--last {

        grid-column: 2;

        grid-row: 4;

        min-height: 0;
    }

}


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

@media (max-width: 700px) {

    .inthing-gallery {

        padding-top: 70px;

        padding-bottom: 80px;
    }


    .inthing-gallery__grid {

        display: flex;

        flex-direction: column;

        gap: 14px;

        padding-left: 20px;

        padding-right: 20px;
    }


    .inthing-gallery__item {

        width: 100%;

        min-height: 0 !important;

        grid-column: auto;

        grid-row: auto;

        border-radius: 15px;
    }


    /* Different heights preserve
       editorial feeling on mobile */

    .inthing-gallery__item:nth-child(1) {

        height: 480px;
    }


    .inthing-gallery__item:nth-child(2) {

        height: 350px;
    }


    .inthing-gallery__item:nth-child(3) {

        height: 500px;
    }


    .inthing-gallery__item:nth-child(4) {

        height: 320px;
    }


    .inthing-gallery__item:nth-child(5) {

        height: 430px;
    }


    .inthing-gallery__item:nth-child(6) {

        height: 350px;
    }


    .inthing-gallery__image img {

        transform: scale(1.02);
    }

}


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

@media (max-width: 420px) {

    .inthing-gallery {

        padding-top: 60px;

        padding-bottom: 70px;
    }


    .inthing-gallery__grid {

        padding-left: 17px;

        padding-right: 17px;

        gap: 12px;
    }


    .inthing-gallery__item:nth-child(1) {

        height: 420px;
    }


    .inthing-gallery__item:nth-child(2) {

        height: 300px;
    }


    .inthing-gallery__item:nth-child(3) {

        height: 440px;
    }


    .inthing-gallery__item:nth-child(4) {

        height: 280px;
    }


    .inthing-gallery__item:nth-child(5) {

        height: 370px;
    }


    .inthing-gallery__item:nth-child(6) {

        height: 300px;
    }

}


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

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

    .inthing-gallery__item {

        opacity: 1;

        transform: none;

        transition: none;
    }


    .inthing-gallery__image img {

        transition: none;

        transform: scale(1);
    }

}

/* =========================================
   PARTNER LOGO TICKER
========================================= */

.partner-logo {
    flex: 0 0 auto;

    width: 170px;
    height: 90px;

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

    margin-right: 55px;
}

.partner-logo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    transition:
        transform 0.4s var(--ease),
        opacity 0.4s ease;
}

.partner-logo:hover img {
    transform: scale(1.06);
}

@media (max-width: 800px) {

    .partner-logo {
        width: 135px;
        height: 72px;
        margin-right: 35px;
    }

}


/* =========================================================
   HOME — INTHING AT A GLANCE
========================================================= */

.home-glance {
    position: relative;

    background: var(--paper);

    color: var(--ink);

    padding:
        clamp(80px, 9vw, 135px)
        0
        clamp(70px, 8vw, 115px);

    overflow: hidden;
}


.home-glance__inner {
    width: min(
        var(--max),
        calc(100% - clamp(44px, 10.5vw, 156px))
    );

    margin: 0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.home-glance__intro {
    display: grid;

    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(280px, .65fr);

    gap: clamp(40px, 7vw, 110px);

    align-items: end;

    margin-bottom: clamp(48px, 6vw, 72px);
}


.home-glance__eyebrow {
    margin-bottom: 22px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .22em;

    line-height: 1.2;

    text-transform: uppercase;

    color: var(--maroon);
}


.home-glance__title {
    max-width: 760px;

    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(48px, 6.2vw, 88px);

    font-weight: 400;

    line-height: .94;

    letter-spacing: -.055em;

    color: var(--deep);
}


.home-glance__title span {
    display: block;

    color: var(--maroon);

    font-style: italic;
}


.home-glance__description {
    max-width: 390px;

    margin: 0 0 7px;

    font-size: 13px;

    line-height: 1.75;

    color: var(--muted);
}


/* =========================================================
   STATISTICS GRID
========================================================= */

.home-glance__grid {
    display: grid;

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

    gap: 12px;
}


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

.home-glance-card {
    position: relative;

    min-height: 195px;

    padding: 27px 25px 24px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

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

    border: 1px solid rgba(63, 69, 72, .13);

    border-radius: 14px;

    box-shadow:
        0 8px 25px rgba(23, 29, 33, .025);

    transition:
        transform .45s var(--ease),
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}


.home-glance-card:hover {
    transform: translateY(-5px);

    background: var(--white);

    border-color:
        rgba(140, 41, 69, .28);

    box-shadow:
        0 18px 45px rgba(23, 29, 33, .08);
}


/* =========================================================
   FEATURED CARD
========================================================= */

.home-glance-card--featured {
    background: var(--deep);

    border-color: var(--deep);

    color: var(--white);

    box-shadow:
        0 18px 40px rgba(23, 29, 33, .12);
}


.home-glance-card--featured:hover {
    background: var(--maroon);

    border-color: var(--maroon);
}


/* =========================================================
   CARD NUMBER
========================================================= */

.home-glance-card__number {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .18em;

    color: var(--maroon);
}


.home-glance-card--featured
.home-glance-card__number {
    color: #c98a9b;
}


/* =========================================================
   CARD VALUE
========================================================= */

.home-glance-card__value {
    margin-top: auto;
    margin-bottom: 12px;

    font-family: "Manrope", sans-serif;

    font-size:
        clamp(31px, 3vw, 47px);

    font-weight: 500;

    line-height: .95;

    letter-spacing: -.055em;

    color: var(--deep);

    white-space: nowrap;
}


.home-glance-card--featured
.home-glance-card__value {
    color: var(--white);
}


/* =========================================================
   CARD LABEL
========================================================= */

.home-glance-card__label {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 7px;

    font-weight: 600;

    line-height: 1.55;

    letter-spacing: .16em;

    text-transform: uppercase;

    color: var(--muted);
}


.home-glance-card--featured
.home-glance-card__label {
    color: rgba(255, 255, 255, .62);
}


/* =========================================================
   BOTTOM LINE
========================================================= */

.home-glance__footer {
    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

    margin-top: 24px;

    padding-top: 16px;

    border-top: 1px solid var(--line);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 7px;

    font-weight: 600;

    letter-spacing: .19em;

    text-transform: uppercase;

    color: var(--muted);
}


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

@media (max-width: 1100px) {

    .home-glance__inner {
        width: calc(100% - 70px);
    }


    .home-glance__intro {
        grid-template-columns:
            minmax(0, 1.2fr)
            minmax(250px, .8fr);

        gap: 45px;
    }


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


    .home-glance-card {
        min-height: 185px;
    }

}


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

@media (max-width: 750px) {

    .home-glance {
        padding:
            72px
            0
            65px;
    }


    .home-glance__inner {
        width: calc(100% - 44px);
    }


    .home-glance__intro {
        display: block;

        margin-bottom: 42px;
    }


    .home-glance__title {
        max-width: 620px;

        font-size:
            clamp(45px, 9vw, 65px);
    }


    .home-glance__description {
        max-width: 540px;

        margin-top: 25px;
    }


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

        gap: 12px;
    }


    .home-glance-card {
        min-height: 175px;

        padding: 23px 21px;
    }


    .home-glance-card__value {
        font-size: clamp(30px, 7vw, 43px);
    }

}


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

@media (max-width: 520px) {

    .home-glance {
        padding:
            62px
            0
            58px;
    }


    .home-glance__inner {
        width: calc(100% - 36px);
    }


    .home-glance__eyebrow {
        margin-bottom: 17px;

        font-size: 8px;
    }


    .home-glance__title {
        font-size:
            clamp(39px, 12vw, 55px);

        line-height: .96;
    }


    .home-glance__description {
        margin-top: 22px;

        font-size: 12px;

        line-height: 1.7;
    }


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

        gap: 9px;
    }


    .home-glance-card {
        min-height: 145px;

        padding: 19px 17px;
    }


    .home-glance-card__number {
        font-size: 7px;
    }


    .home-glance-card__value {
        font-size: clamp(27px, 8vw, 38px);

        margin-bottom: 9px;
    }


    .home-glance-card__label {
        font-size: 6px;

        letter-spacing: .13em;
    }


    .home-glance__footer {
        margin-top: 18px;

        padding-top: 13px;

        font-size: 6px;

        letter-spacing: .14em;
    }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 360px) {

    .home-glance__inner {
        width: calc(100% - 32px);
    }


    .home-glance {
        padding:
            55px
            0
            52px;
    }


    .home-glance__title {
        font-size: 37px;
    }


    .home-glance__grid {
        gap: 8px;
    }


    .home-glance-card {
        min-height: 132px;

        padding: 17px 14px;
    }


    .home-glance-card__value {
        font-size: 26px;
    }


    .home-glance-card__label {
        font-size: 5.5px;
    }


    .home-glance__footer {
        flex-direction: column;

        align-items: flex-start;

        gap: 7px;
    }

}





/* =========================================================
   HOME — UNIFIED PAGE GUTTER
   Keeps all homepage sections aligned with the global site
========================================================= */

:root {
    --home-page-padding: clamp(22px, 5.5vw, 78px);
}


/* =========================================================
   FASHION POSSIBILITIES
========================================================= */

.fashion-possibilities__inner {
    width: min(var(--max), 100%);

    margin-left: auto;
    margin-right: auto;

    padding-left: var(--home-page-padding);
    padding-right: var(--home-page-padding);

    box-sizing: border-box;
}


/* =========================================================
   AT A GLANCE
========================================================= */

.home-glance__inner {
    width: min(var(--max), 100%);

    margin-left: auto;
    margin-right: auto;

    padding-left: var(--home-page-padding);
    padding-right: var(--home-page-padding);

    box-sizing: border-box;
}


/* =========================================================
   SUSTAINABILITY
========================================================= */

.sustainability-home__inner {
    width: min(var(--max), 100%);

    margin-left: auto;
    margin-right: auto;

    padding-left: var(--home-page-padding);
    padding-right: var(--home-page-padding);

    box-sizing: border-box;
}


/* =========================================================
   PARTNERS
========================================================= */

.partners-editorial__inner {
    width: min(var(--max), 100%);

    margin-left: auto;
    margin-right: auto;

    padding-left: var(--home-page-padding);
    padding-right: var(--home-page-padding);

    box-sizing: border-box;
}


/* =========================================================
   GALLERY
   Gallery itself can remain visually wider if desired,
   so DON'T force its internal grid here.
========================================================= */


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

@media (max-width: 750px) {

    :root {
        --home-page-padding: 22px;
    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 420px) {

    :root {
        --home-page-padding: 18px;
    }

}