.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{border-bottom:1px solid #DDDAD5}}.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{font-size:32px;font-style:normal;font-weight:700;line-height:49.3px;letter-spacing:-.36px;margin:0 0 2.5rem}.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{padding-top:6rem}.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}.collection-hero__title{font-size:22px;font-style:normal;font-weight:700;line-height:37.8px;letter-spacing:.8px;margin:4rem 0 1rem;text-align:center}}@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-hero__navigation{display:flex;align-items:center;justify-content:space-between}.collection-hero__tags{display:flex;align-items:center;gap:2.4rem}.collection-hero__tag a{color:#161616cc;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-bottom:2px solid transparent;padding:.5rem 0}.collection-hero__tag a:hover,.collection-hero__collections a:hover{color:#db3832}.collection-hero__tag.active a{color:#161616;border-bottom:2px solid #161616}.collection-hero__collections{display:flex;align-items:center;gap:3rem}.collection-hero__collections a{color:#161616cc;font-size:10px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;margin-top:.5rem}.collection-hero__select{position:relative;text-align:center;width:100%;max-width:300px;margin:0 auto}.collection-hero__select select,.collection-hero__select .current-tag{position:relative;font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:1px;text-transform:uppercase;text-align:left;padding:1.2rem 2rem;width:100%;border:1px solid #DDDAD5;-webkit-appearance:none;appearance:none}.collection-hero__select svg{position:absolute;top:50%;transform:translateY(-50%);transition:transform .25s ease;right:14px;z-index:1}.collection-hero__select.open .current-tag svg{transform:translateY(-50%) rotate(-180deg)}ul.collection-hero__dropdown{display:none;position:absolute;top:42px;left:0;width:100%;height:auto;background:#fff;z-index:1;list-style:none;padding:0 0 1rem;border:1px solid #DDDAD5;margin:0}ul.collection-hero__dropdown li a{display:block;font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:1px;text-transform:uppercase;padding:.5rem 2rem;width:100%;text-align:left;text-decoration:none;color:#161616}.collection-hero__select.open .current-tag{border-bottom:none}.collection-hero__select.open ul.collection-hero__dropdown{border-top:none}@media (min-width: 750px) and (max-width: 989px){.collection-hero__collections{display:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-collection-hero.css.map */