.collection-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:10rem;background-color:var(--wc-background, #fcfcfc);background-size:cover;background-position:center;background-repeat:no-repeat;text-align:center;overflow:hidden}@media screen and (min-width:750px){.collection-hero{min-height:14rem}}.collection-hero__inner{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.collection-hero__text-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:40rem}.collection-hero__title{margin:0;font-family:var(--font-heading-family);font-weight:500;font-size:clamp(2.2rem,4vw,3.2rem);letter-spacing:.06em;line-height:1.15;text-transform:none;color:var(--wc-foreground, #020912)}.collection-hero__count{margin:0;font-size:1.3rem;letter-spacing:.04em;color:var(--wc-muted, rgba(2, 9, 18, .55));line-height:1.4}.collection-hero__description{margin:.75rem 0 0;font-size:1.4rem;line-height:calc(1 + .4 / var(--font-body-scale));color:var(--wc-muted, rgba(2, 9, 18, .7));max-width:36rem}.collection-hero__description p{margin:0}.collection-hero__description p+p{margin-top:.75rem}.collection-hero__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;margin:0 0 .25rem;font-size:1.1rem;letter-spacing:.04em;color:var(--wc-muted, rgba(2, 9, 18, .4));line-height:1.3}.collection-hero__breadcrumb a{color:inherit;text-decoration:none;transition:color .2s ease}.collection-hero__breadcrumb a:hover{color:var(--wc-foreground, #020912)}.collection-hero__breadcrumb-sep{opacity:.6}.collection-hero__breadcrumb [aria-current=page]{color:var(--wc-muted, rgba(2, 9, 18, .55))}.collection-hero--has-bg{background-color:var(--wc-background, #fcfcfc);background-image:none}.collection-hero--has-bg:after{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;z-index:0;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat}.collection-hero--has-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:#fcfcfccc}.collection-hero--has-bg .collection-hero__title,.collection-hero--has-bg .collection-hero__count,.collection-hero--has-bg .collection-hero__description,.collection-hero--has-bg .collection-hero__breadcrumb{color:var(--wc-foreground, #020912)}@media screen and (max-width:749px){.collection-hero__title{font-size:2.2rem}.collection-hero__count{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-collection-hero.css.map */