:root{--inner-hero-col-gap: 3rem}#collection h1.collection-hero__title span.highlight{font-size:max(13px,.55em);letter-spacing:.175em;font-family:var(--font-body-family);font-weight:300;opacity:.55;text-transform:uppercase;display:block}#product h1 span.highlight{letter-spacing:.175em;font-family:var(--font-body-family);font-weight:300;opacity:.55;text-transform:uppercase;display:block;color:var(--primary-dark-10)}#collection .half_width .hero_content_wrapper{display:flex}#collection .half_width .collection-hero__text-wrapper{flex-basis:100%;padding:0 var(--page__padding) 2rem 0}#collection .half_width .collection-hero__content{display:flex;align-items:flex-end;flex:1 0 50%}#collection .half_width .collection-hero__image-container{aspect-ratio:1.675;overflow:visible;width:50vw;min-width:50vw;aspect-ratio:1.5}#collection .half_width .collection-hero__image-container img{object-fit:cover}#collection .collection-hero--with-image.half_width .collection-hero__text-wrapper{padding-top:0;padding-bottom:2rem;padding-left:0;padding-right:var(--page__padding)}@media screen and (max-width: 750px){#collection .half_width .hero_content_wrapper{flex-direction:column-reverse}#collection .half_width .collection-hero__text-wrapper{padding-top:0;padding-right:var(--page__padding);padding-bottom:2rem}#collection .half_width .collection-hero__image-container{overflow:hidden;width:100vw;max-width:100vw}#collection .half_width .hero_content_wrapper{padding:0}}#collection .collection-hero:not(.collection-hero--with-image){min-height:120px;display:flex;align-items:flex-end}.collection-hero__inner{display:flex;flex-direction:column;padding:0 1.5rem 1.5rem}#collection .collection-hero:not(.collection-hero--with-image) .collection-hero__inner{padding-bottom:2rem!important;padding:0 var(--page__padding);flex:1;padding-top:3rem}.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 .collection-hero:not(.collection-hero--with-image){height:max(300px,26vh)}.collection-hero--with-image .collection-hero__inner{padding-bottom:0}#collection .collection-hero:not(.collection-hero--with-image) .collection-hero__inner{padding-bottom:3rem!important}}@media screen and (min-width: 750px){.collection-hero:not(.collection-hero--with-image){padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:2.5rem 0}.collection-hero__subtitle,.prepend_title{text-transform:uppercase;font-size:min(13px,.8em);font-weight:300;letter-spacing:.15em;margin-top:0;line-height:calc(4px + 2ex);opacity:.75;margin-bottom:.125em}@media screen and (min-width: 750px){.collection-hero:not(.collection-hero--with-image) .collection-hero__text-wrapper{width:calc(75% - .8rem)}.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero--with-image .collection-hero__title{margin:0}p:has(+.read-more-link){display:inline}.collection-hero--with-image .collection-hero__text-wrapper{padding-top:2rem;padding-bottom:2rem}.collection-hero__image-container.media{position:relative}#collection .collection-hero__image-container img{border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border:none;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));flex:1 1 calc(50% - (--grid-desktop-horizontal-spacing/2));object-fit:cover;position:relative}@media screen and (max-width: 749.8px){#collection .collection-hero__image-container{aspect-ratio:1.5}}@media screen and (min-width: 750px){#collection .collection-hero.full_width .collection-hero__image-container{display:none!important}.collection-hero--with-image .collection-hero__text-wrapper{padding-top:3rem;padding-bottom:3rem;flex-basis:50%}#collection .collection-hero__image-container{align-self:stretch;flex:1 1 50%;min-height:10rem;border:none;min-width:calc(50% - calc(var(--grid-desktop-horizontal-spacing) / 2));aspect-ratio:1.75;overflow:visible;width:50vw;max-width:50vw}#collection .image__collection-hero--primary,#collection .image__collection-hero--secondary{object-fit:contain;position:relative}}#collection .collection-hero.collection-hero--with-image{padding:0}#collection .collection-hero__title{font-size:1.25em;margin:0;padding:0;line-height:calc(4px + 2.1ex);font-variation-settings:"wght" 300;letter-spacing:-.01em;color:#151515;text-transform:capitalize}#collection .collection-hero__title:has(+.collection-hero__description:not:empty){margin-bottom:.5em!important}#collection .collection-hero__description p{margin-top:.5em}#collection .collection-hero__text-wrapper p{font-size:1em;margin-bottom:.75em;line-height:calc(4px + 2.325ex)}@media screen and (max-width: 749.8px){#collection .collection-hero--with-image .collection-hero__inner{flex-direction:column-reverse;padding:0;margin:0}#collection .collection-hero--with-image .collection-hero__text-wrapper{padding:3rem var(--page__padding) 2rem!important}#collection .collection-hero__image-container{border:none;border-radius:0}#collection .collection-hero__image-container img{position:static}#collection .collection-hero__image-container:after{background:linear-gradient(0deg,hsla(0,0%,8%,.6),transparent);content:"";position:absolute;height:50%;width:100%;bottom:0}#collection .collection-hero.full_width>img{display:none}#collection .collection-hero.full_width .hero_content_wrapper{display:flex;flex-direction:column-reverse}}#collection .image__collection-hero--secondary{display:none}@media screen and (max-width: 749.8px){#collection .collection-hero--with-image .collection-hero__inner{display:flex;flex-direction:column-reverse;margin-bottom:0}}@media screen and (min-width: 750px){#collection .collection-hero.full_width{position:relative;height:30vw;max-height:450px}#collection .collection-hero.full_width img{width:100%;object-fit:cover}#collection .collection-hero.full_width .hero_overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000059;z-index:1;display:block}#collection .collection-hero.full_width .hero_content_wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:80%}#collection .collection-hero.full_width .collection-hero__inner{padding-left:0!important}#collection .collection-hero.full_width .collection-hero__text-wrapper{flex-basis:unset}#collection .collection-hero.full_width .hero_content_wrapper h6{color:#f7f6f5;font-weight:400;opacity:1}#collection .collection-hero.full_width .hero_content_wrapper h1{color:#fff}#collection .collection-hero.full_width .hero_content_wrapper p{font-size:1.2em;line-height:calc(4px + 2.7ex);max-width:70%;color:#f7f6f5}#collection .collection-hero__description,#collection .add-collection-info__content{line-height:calc(4px + 2.4ex);font-size:1.55rem}#collection .collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding:3rem var(--page__padding);align-items:flex-end;flex-direction:row;gap:var(--inner-hero-col-gap);justify-content:space-between}#collection .image__collection-hero--primary{object-fit:cover;aspect-ratio:16/9}#collection .collection-hero--with-image .collection-hero__text-wrapper{padding:0}}@media screen and (min-width: 1000px){.collection-hero:not(.collection-hero--with-image) .collection-hero__text-wrapper{width:calc(50% - .8rem)}#collection .collection-hero__image-container{display:flex!important;flex-direction:row;gap:var(--grid-desktop-horizontal-spacing);border:none}#collection .image__collection-hero--secondary{display:flex}#collection .image__collection-hero--primary,#collection .image__collection-hero--secondary{width:calc(50% - calc(var(--inner-hero-col-gap) / 2));position:relative;flex:1 1 auto}}@media screen and (min-width: 1200px){:root{--inner-hero-col-gap: 4rem}#collection .collection-hero__description,#collection .add-collection-info__content{font-size:1.6rem}#collection .collection-hero__text-wrapper p,#collection .add-collection-info__content p{margin-bottom:.675em}}#collection .collection-hero__description :last-child,#collection .add-collection-info__content :last-child{margin-bottom:0}@media screen and (min-width: 1400px){.collection-hero__inner{max-width:var(--page-width);margin:0 auto}#collection .collection-hero__text-wrapper p{font-size:1.1em}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/collection-hero-styles.css.map */