/*
|------------------------------------------------
| COLLECTION HERO
|------------------------------------------------
*/

.collection-hero {

    position: relative;

    width: 100%;

    overflow: hidden;

}

.collection-page .collection-hero .collection-hero__image {

    display: block;

    width: 100%;

    height: 85vh;

    object-fit: cover;

    object-position: center;

}

.collection-hero__content {

    position: absolute;

    inset: 0;

    display: flex;

    align-items: center;

    padding-left: 1.5rem;

    z-index: 2;

}

.collection-hero__eyebrow {

    display: none;

}

.collection-hero h1 {

    margin: 0;

    color: #F5F5F1;

    font-size: 3rem;

    font-weight: 300;

    line-height: 1;

}

/*
|------------------------------------------------
| DESKTOP
|------------------------------------------------
*/

@media (min-width:1024px) {

    .collection-hero__content {

        padding-left: 4rem;

    }

    .collection-hero h1 {

        font-size: 5rem;

    }

}