.collection-header {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto
}

@media screen and (min-width:768px) {
    .collection-header {
        min-height: var(--min-height-desktop)
    }

    .collection-header.color-scheme--white:not(:has([class^=collection-header__desktop-image--])) .collection-header__text-content {
        padding-bottom: 2rem;
    }
}

@media screen and (max-width:767px) {
    .collection-header {
        min-height: var(--min-height-mobile)
    }

    .collection-header.color-scheme--white:not(:has([class^=collection-header__mobile-image--])) .collection-header__text-content {
        padding-bottom: 45px;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
}

.collection-header__desktop-image--cropped,
.collection-header__desktop-image--original,
.collection-header__image-overlay,
.collection-header__mobile-image--cropped,
.collection-header__mobile-image--original,
.collection-header__text-content {
    grid-row: 1/1;
    grid-column: 1/1
}

.collection-header--content-center {
    text-align: center
}

.collection-header--content-left [class^=width--] {
    margin-left: unset
}

.collection-header__text-content {
    padding-top: 60px;
    padding-top: 2rem;
    padding-bottom: 60px;
    z-index: 2;
    align-self: center
}

.collection-header__breadcrumbs {
    padding: 2px 0
}

.collection-header__breadcrumbs:not(:last-child) {
    margin-bottom: 10px
}

.collection-header__title .collection-header__text-item {
    margin-bottom: 0px;
}

@media screen and (min-width:768px) {
    .collection-header__title .collection-header__text-item {
        margin-bottom: 0px;
    }
}

.collection-header__description .collection-header__text-item>:last-child {
    margin-bottom: 0
}

@media screen and (prefers-reduced-motion:no-preference) {

    .collection-header__breadcrumbs,
    .collection-header__description,
    .collection-header__title {
        overflow: hidden
    }

    .collection-header__breadcrumbs .collection-header__text-item,
    .collection-header__description .collection-header__text-item,
    .collection-header__title .collection-header__text-item {
        opacity: 0
    }

    .collection-header.fadeIn .collection-header__breadcrumbs .collection-header__text-item {
        animation: collectionHeaderSlideUp .8s cubic-bezier(.26, .54, .32, 1) forwards
    }

    .collection-header.fadeIn .collection-header__title .collection-header__text-item {
        animation: collectionHeaderSlideUp 1s cubic-bezier(.26, .54, .32, 1) .3s forwards
    }

    .collection-header.fadeIn .collection-header__description .collection-header__text-item {
        animation: collectionHeaderSlideUpSubtle 1.2s cubic-bezier(.26, .54, .32, 1) .7s forwards
    }
}

.collection-header__desktop-image--original *,
.collection-header__mobile-image--original * {
    height: 100%
}

.collection-header__desktop-image--original img,
.collection-header__mobile-image--original img {
    object-fit: cover
}

.collection-header__bg-image {
    height: 100%
}

@media screen and (max-width:767px) {

    .collection-header__desktop-image--cropped,
    .collection-header__desktop-image--original,
    .collection-header__image-overlay--desktop {
        display: none
    }
}

@media screen and (min-width:768px) {

    .collection-header__image-overlay--mobile,
    .collection-header__mobile-image--cropped,
    .collection-header__mobile-image--original {
        display: none
    }
}

.collection-header__image-overlay {
    z-index: 1
}

@keyframes collectionHeaderSlideUp {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes collectionHeaderSlideUpSubtle {
    0% {
        opacity: 0;
        transform: translateY(25px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}