.collection-hero__inner{display:flex;z-index:2}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}.collection-hero.collection-hero--with-image{overflow:hidden}.collection-hero__title{margin:2rem 0}.collection-hero__title+.collection-hero__description{margin-top:2rem;margin-bottom:2.5rem}.collection-hero__title+.collection-hero__navigation{margin-top:2rem}.collection-hero__paths{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1fr);margin:2.4rem auto 0;max-width:78rem;width:100%}.collection-hero__path{background:rgba(var(--color-background),.9);border:.1rem solid rgba(var(--color-foreground),.18);color:rgb(var(--color-foreground));display:block;padding:1.6rem;text-align:left;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.collection-hero__path:hover{border-color:rgba(var(--color-foreground),.42);transform:translateY(-.2rem)}.collection-hero__path-kicker,.collection-hero__path-title,.collection-hero__path-text{display:block}.collection-hero__path-kicker{font-size:var(--size-small);margin-bottom:.6rem;opacity:.72;text-transform:uppercase}.collection-hero__path-title{font-size:var(--size-h5);font-weight:600;margin-bottom:.5rem}.collection-hero__path-text{font-size:var(--size-small);line-height:1.5}.collection-hero__image-container:before{content:"";display:block;background-color:var(--overlay);opacity:var(--overlay-opacity);position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.collection-hero__image{height:var(--height-collection-image);width:100%}.collection-hero__height-auto .collection-hero__image{padding-top:var(--aspect-ratio)}.js .collection-hero__image img{opacity:0}.js .collection-hero__image img.img-loaded{animation:.5s cubic-bezier(.26,.54,.32,1) 0s forwards;animation-name:image-fade-in;opacity:1}.collection_breadcrumbs,.collection-hero__navigation{color:rgb(var(--color-foreground))}.collection_breadcrumbs+.collection-hero__title{margin-top:1.5rem}.collection-hero--with-image .content-truncated:after{background:transparent}@media only screen and (min-width:750px){.collection-hero__paths{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-collection-hero.css.map */