.collection-hero--with-image .collection-banner{height:24rem;position:relative}.collection-hero--with-image .collection-banner .collection-img{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.collection-hero--with-image .collection-banner .collection-img img{width:100%;height:100%;object-fit:cover}.collection-hero--with-image .collection-banner.border-radius .collection-img img{border-radius:var(--media-radius)}.collection-hero--with-image .collection-banner .collection__content{height:100%;padding:2.5rem;display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:2}.collection-hero--with-image .collection-banner .collection__text{display:flex;flex-direction:column;justify-content:center;max-width:54.5rem;padding:2.5rem 0}.collection-banner .collection__text>*+*{margin-top:.5rem}.collection-banner .collection__text>*:first-child{margin-top:0}.collection-banner .collection__heading{letter-spacing:-.02em;line-height:calc(1 + .1/max(1,var(--font-heading-scale)));margin-block-end:0}.collection-banner .breadcrumbs{margin-block-end:0}.collection-hero--with-text .collection__heading{color:#010101}.section-collection-banner .collection-hero__description,.collection-hero--with-text .collection-banner .collection__text>*+*{margin-block-start:1rem}.collection-hero--with-text .breadcrumbs__link,.collection-hero--with-text .breadcrumbs__item svg{color:#01010180}.collection-hero--with-text .breadcrumbs__link:hover,.collection-hero--with-text .breadcrumbs__link:focus{color:rgb(var(--color-link-hover))}.collection-hero--with-text .breadcrumbs__link[aria-current=page]{color:#010101}.collection-hero--with-text .breadcrumbs__link[aria-current=page]:hover,.collection-hero--with-text .breadcrumbs__link[aria-current=page]:focus{color:rgb(var(--color-link-hover))}@media screen and (min-width: 750px){.collection-hero--with-image .collection-banner{height:32rem}.collection-hero--with-image .collection-banner .collection__content{padding:5rem}.collection-banner .collection__text>*+*{margin-top:2rem}.collection-hero--with-text .collection-banner .collection__text>*+*,.section-collection-banner .collection-hero__description{margin-block-start:2rem}}@media screen and (min-width: 1200px){.collection-hero--with-image .collection-banner{height:40rem}.collection-hero--with-image .collection-banner .collection__content{padding-inline:12rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-collection-hero.css.map */