.collection-hero__inner{display:flex;flex-direction:column}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}@media screen and (min-width:750px){.collection-hero.collection-hero--with-image{padding:calc(4rem + var(--page-width-margin)) 0 calc(4rem + var(--page-width-margin));overflow:hidden}.collection-hero--with-image .collection-hero__inner{padding-bottom:0}}.collection-hero__text-wrapper{flex-basis:100%}@media screen and (min-width:750px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:2.5rem 0}.collection-hero__title+.collection-hero__description{margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width:750px){.collection-hero__title+.collection-hero__description{font-size:1.8rem;margin-top:2rem;margin-bottom:2rem}.collection-hero__description{max-width:66.67%}.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero--with-image .collection-hero__text-wrapper{padding:5rem 0 4rem}.collection-hero__image-container{border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}@media screen and (max-width:749px){.collection-hero__image-container{height:20rem}}@media screen and (min-width:750px){.collection-hero--with-image .collection-hero__text-wrapper{padding:4rem 2rem 4rem 0;flex-basis:50%}.collection-hero__image-container{align-self:stretch;flex:1 0 50%;margin-left:3rem;min-height:20rem}}.collection-banner{position:relative;display:grid}.collection-banner__content{width:100%;padding-block:3.2rem}.collection-banner__text{display:grid;gap:1.2rem;max-width:72rem}.collection-banner--left .collection-banner__text{justify-items:start;text-align:left;margin-right:auto}.collection-banner--center .collection-banner__text{justify-items:center;text-align:center;margin-inline:auto}.collection-banner--right .collection-banner__text{justify-items:end;text-align:right;margin-left:auto}.collection-banner__title{margin:0}.collection-banner__description>:first-child{margin-top:0}.collection-banner__description>:last-child{margin-bottom:0}.collection-banner__media{position:relative;overflow:hidden}.collection-banner__image{display:block;width:100%;height:var(--collection-banner-height, auto);object-fit:cover;object-position:center}.collection-banner--small{--collection-banner-height: 24rem}.collection-banner--medium{--collection-banner-height: 36rem}.collection-banner--large{--collection-banner-height: 48rem}.collection-banner--adapt{--collection-banner-height: auto}@media screen and (min-width:750px){.collection-banner--small{--collection-banner-height: 32rem}.collection-banner--medium{--collection-banner-height: 48rem}.collection-banner--large{--collection-banner-height: 64rem}.collection-banner__content{padding-block:4.8rem}}.collection-banner--text-over>.collection-banner__media,.collection-banner--text-over>.collection-banner__content{grid-area:1 / 1}.collection-banner--text-over>.collection-banner__content{position:relative;z-index:1;align-self:center;color:var(--collection-banner-text)}.collection-banner--text-over .collection-banner__title,.collection-banner--text-over .collection-banner__description,.collection-banner--text-over .collection-banner__description *{color:var(--collection-banner-text)}.collection-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--collection-banner-overlay, 0);pointer-events:none}#MainContent>.shopify-section:first-child .collection-banner[allow-transparent-header] .collection-banner__content{padding-block-start:calc(var(--header-height, 0px) + 3.2rem)}#MainContent>.shopify-section:first-child .collection-banner[allow-transparent-header]{--collection-banner-height-extra: var(--header-height, 0px)}.collection-banner--text-over:not(.collection-banner--adapt)>.collection-banner__media{align-self:stretch;min-height:calc(var(--collection-banner-height) + var(--collection-banner-height-extra, 0px))}.collection-banner--text-over:not(.collection-banner--adapt) .collection-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/128/assets/component-collection-hero.css.map */
