<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">collection-header{--spacing-x: 1.5rem;--spacing-y: 3rem;--color-accent: var(--color-link);position:relative;display:flex;flex-direction:column;transition:.15s ease-out}.collection-hero__preheading,.collection-hero__description{transition:.15s ease-out}collection-header.collection-hero--with-image{--color-accent: var(--color-foreground)}collection-header.collection-hero--with-image .collection-hero__content{position:absolute;bottom:0;left:0;right:0;z-index:1}.collection-hero__image-container{width:100%;padding:0 3rem;min-height:50vh}.collection-hero__image-container img{width:100%;height:auto;display:block}.collection-hero__content{position:relative;display:flex;flex-direction:column;align-items:flex-start}.collection-hero__content:before{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;z-index:-1;background:linear-gradient(180deg,rgba(var(--color-background),0),rgba(var(--color-background),.9))}.collection-hero--with-image:has(.collection-bar--empty) .collection-hero__content:before{background:linear-gradient(180deg,rgba(var(--color-background),0),rgba(var(--color-background),1))}.collection-hero__text{padding:var(--spacing-y) calc(var(--spacing-x) * 1.5)}.collection-hero__preheading{font-family:var(--font-family__subheading);font-size:1.5rem;transition:.15s ease-out;color:rgb(var(--color-accent))}.collection-hero__title{position:relative;margin:0;transition:.15s ease-out;text-shadow:0 0 1rem rgba(var(--color-background),.25);padding:.35rem 0}.collection-hero__title:before{content:"";position:absolute;top:100%;left:0;width:4rem;height:.75rem;background:rgba(var(--color-foreground),1)}.collection-hero__title+.collection-hero__description{margin:2rem 0 0;font-size:1.2rem;line-height:calc(1 + .5 / var(--font-scale__base))}.collection-hero__description,.collection-hero__preheading{text-shadow:0 0 .5rem rgba(var(--color-background),.25)}@media screen and (min-width: 750px){.collection-hero__title+.collection-hero__description{font-size:1.4rem}.collection-hero__text{max-width:66.67%}.collection-hero--with-image .collection-hero__description{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/1635/assets/component-collection-hero.css.map */
</pre></body></html>