/* Collections redesign: Bootstrap supplies layout; these rules define the visual system. */

.collections-page {
    --collection-ink: #29241f;
    --collection-gold: #b18c50;
    --collection-cream: #f5f2ed;
    background: #fff;
    color: var(--collection-ink)
}

.collections-page h1, .collections-page h2 {
    font-family: Georgia, serif;
    color: var(--collection-ink);
    font-weight: 400
}

.collections-page h1 {
    color: #fff;
    font-size: clamp(45px, 6vw, 80px);
    line-height: 1.02;
    margin: 10px 0 20px
}

.collections-page h2 {
    font-size: clamp(34px, 4.2vw, 56px);
    line-height: 1.08;
    margin-bottom: 22px
}

.collections-page p {
    font-size: 15px;
    line-height: 1.7
}

.collections-hero {
    min-height: 600px;
    background: #3c352d
}

.collections-hero__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.collections-hero__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(20, 18, 15, .78), rgba(20, 18, 15, .18) 70%)
}

.min-vh-50 {
    min-height: 600px
}

.collections-kicker {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    font-size: 11px !important;
    font-weight: 800
}

.collections-kicker--gold {
    color: var(--collection-gold)
}

.collections-intro {
    max-width: 460px;
    color: #fff;
    font-size: 16px !important
}

.collections-button {
    display: inline-block;
    margin-top: 15px;
    padding: 15px 23px;
    background: var(--collection-gold);
    border: 1px solid var(--collection-gold);
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: .8px;
    font-size: 11px;
    font-weight: 800
}

.collections-button:hover {
    background: transparent;
    color: var(--collection-gold) !important
}

.collections-introduction {
    background: #fff
}

.collections-introduction p:last-child {
    color: #746d65;
    margin: 0
}

.collections-grid {
    background: #fff
}

.collection-card {
    display: block;
    position: relative;
    min-height: 345px;
    height: 100%;
    overflow: hidden;
    background: #51493f;
    color: #fff
}

.collection-card--large {
    min-height: 500px
}

.collection-card img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    object-fit: cover;
    transition: transform .7s ease
}

.collection-card:hover img {
    transform: scale(1.06)
}

.collection-card__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(16, 14, 11, .76), transparent 62%)
}

.collection-card__content {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 25px;
    color: #fff
}

.collection-card small, .collection-card strong, .collection-card em {
    display: block;
    color: #fff
}

.collection-card small {
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    opacity: .82
}

.collection-card strong {
    font: 400 31px/1.1 Georgia, serif;
    margin: 9px 0
}

.collection-card em {
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .7px
}

.collection-card em i {
    margin-left: 7px;
    color: #d38641;
}

.collections-feature {
    background: var(--collection-cream)
}

.collections-feature__image {
    height: 480px;
    object-fit: cover
}

.collections-feature__copy {
    padding: 40px 11%
}

.collections-feature__copy p:not(.collections-kicker) {
    color: #706860
}

.collections-link {
    color: var(--collection-ink) !important;
    border-bottom: 1px solid #d38641;
    padding-bottom: 5px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .7px
}

.collections-link i {
    color: #d38641;
    margin-left: 8px
}

.collections-cta {
    background: #fff
}

.collections-cta p:not(.collections-kicker) {
    max-width: 490px;
    margin: 0 auto;
    color: #746d65
}

.collections-cta .collections-button:hover {
    background: #fff
}

/* Hide the previous projects layout while retaining it as a safe rollback. */
.page-title.new_banner, .team-five-area {
    display: none
}

@media (min-width:992px) {
    .py-lg-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }
}

@media(max-width:991px) {
    .collections-hero, .min-vh-50 {
        min-height: 520px
    }

    .collection-card--large {
        min-height: 400px
    }

    .collections-feature__copy {
        padding: 48px 9%
    }
}

@media(max-width:575px) {
    .collections-hero, .min-vh-50 {
        min-height: 460px
    }

    .collection-card, .collection-card--large {
        min-height: 320px
    }

    .collection-card strong {
        font-size: 27px
    }

    .collections-feature__image {
        height: 330px
    }

    .collections-feature__copy {
        padding: 42px 24px
    }
}

/* Match the modern About-page hero while keeping this one deliberately shorter. */
.collections-page h1, .collections-page h2 {
    font-family: var(--font-title);
    letter-spacing: -.055em;
    font-weight: 650
}

.collections-page h1 {
    font-size: clamp(46px, 5vw, 70px);
    line-height: .94;
    max-width: 550px
}

.collections-hero, .min-vh-50 {
    min-height: 540px
}

.collections-hero {
    background: #101214
}

.collections-hero__image {
    filter: saturate(.72) contrast(1.07);
    transform: scale(1.01)
}

.collections-hero__shade {
    background: linear-gradient(100deg, rgba(9, 11, 12, .90) 0%, rgba(9, 11, 12, .68) 46%, rgba(9, 11, 12, .10) 85%)
}

.collections-hero:after {
    content: "";
    position: absolute;
    width: 42vw;
    height: 42vw;
    max-width: 610px;
    max-height: 610px;
    right: -13vw;
    top: -18vw;
    border: 1px solid rgba(210, 164, 95, .5);
    border-radius: 50%
}

.collections-kicker {
    color: rgb(123, 64, 35);
    letter-spacing: .16em
}


.collections-intro {
    font-size: 17px !important;
    color: #e9e9e6
}

.collections-button {
    border-radius: 999px;
    padding: 16px 25px;
    background: #d38641;
    border-color: #d2a45f;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .16)
}

.collections-button:hover {
    background: #fff;
    color: #111315 !important;
    border-color: #fff
}

@media(max-width:991px) {
    .collections-hero, .min-vh-50 {
        min-height: 500px
    }
}

@media(max-width:575px) {
    .collections-page h1 {
        font-size: 49px
    }

    .collections-hero, .min-vh-50 {
        min-height: 430px
    }

    .collections-hero:after {
        width: 280px;
        height: 280px;
        right: -100px;
        top: -100px
    }
}

.new_collections-kicker{
     margin: 0;
    color: #d38641;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: 11px !important;
    font-weight: 800;
}
nav ul li a{
    color: white;
}

.header-area.menu-fixed a{
color: var(--heading-color) !important;
}

.header__main .main-menu ul li a, .header-four__main .main-menu ul li a, .header-three__main .main-menu ul li a, .header-five__main .main-menu ul li a, .header-two__main .main-menu ul li a {
    font-weight: 600;
    padding: 30px 0;
    font-size: 14px;
    line-height: 26px;
    color: white;
    text-transform: uppercase;
}
.collections-hero img{
    height: 100%;
}