.collection-banner{position:relative;width:100%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.collection-banner.collection-banner--has-image{min-height:400px}body.collection .collection-banner-section{display:flex}body.collection .collection-banner-section .collection-banner{max-width:100%;width:100%;margin-bottom:22px}.collection-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.collection-banner__image{width:100%;height:100%;object-fit:cover;object-position:center}.collection-banner__image--desktop{display:none}.collection-banner__image--mobile{display:block}@media screen and (min-width: 750px){.collection-banner__image--desktop{display:block}.collection-banner__image--mobile{display:none}.collection-banner.collection-banner--has-image{min-height:400px;height:clamp(400px,20.83vw,600px);max-height:600px}.collection-banner.collection-banner--has-image .collection-banner__media{position:relative;height:100%}.collection-banner.collection-banner--has-image .collection-banner__image{width:100%;height:100%;object-fit:cover;max-height:600px}.collection-banner.collection-banner--has-image .collection-banner__content{position:absolute;top:0;left:0;height:100%;display:flex;align-items:flex-end}.collection-banner.collection-banner--has-image .collection-banner__text-wrapper{width:100%}.collection-banner.collection-banner--has-image .collection-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%}}.collection-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000 -28.25%,#000c);z-index:2}.collection-banner__content{position:relative;z-index:3;width:100%;padding:68px 16px 32px}@media screen and (min-width: 750px){.collection-banner{min-height:300px}.collection-banner__content{padding:68px 32px}}@media screen and (min-width: 990px){.collection-banner{min-height:400px}.collection-banner__content{padding:68px 60px}}.collection-banner__text-wrapper{max-width:1200px;margin:0 auto}.collection-banner__title{font-family:var(--font-heading--family);font-weight:600;font-size:clamp(32px,calc(1.04575vw + 27.92059px),48px);line-height:clamp(40px,calc(1.307vw + 34.9px),60px);text-align:center;text-transform:uppercase;color:var(--white);margin:0 0 10px;letter-spacing:.02em}.collection-banner__text-wrapper .breadcrumb{text-align:center;display:flex;flex-direction:row;justify-content:center;gap:4px}.collection-banner__text-wrapper .breadcrumb a,.collection-banner__text-wrapper .breadcrumb span{color:#b0b0b0;font-size:12px;font-style:normal;font-weight:500;line-height:18px}.collection-banner__text-wrapper .breadcrumb a:hover{color:var(--red)}.collection-banner__text-wrapper .breadcrumb span:last-child{color:var(--white)}@media screen and (min-width: 990px){.collection-banner__title{font-weight:700}}.collection-banner--no-image{min-height:fit-content;align-items:center}.collection-banner--no-image .collection-banner__content{padding:20px 16px}@media screen and (min-width: 750px){.collection-banner--no-image .collection-banner__content{padding:40px 32px}}.collection-banner--no-image .collection-banner__content--centered{display:flex;align-items:center;justify-content:center}.collection-banner--no-image .collection-banner__title,.collection-banner--no-image .collection-banner__text-wrapper .breadcrumb a,.collection-banner--no-image .collection-banner__text-wrapper .breadcrumb span{color:var(--black)}.collection-banner--no-image .collection-banner__text-wrapper .breadcrumb a:hover{color:var(--red)}.collection-banner__description{max-width:800px;margin:24px auto 0}.collection-banner__description,.collection-banner__description>*{font-weight:400;font-size:14px;line-height:20px;letter-spacing:0;text-align:center;vertical-align:middle}.collection-banner--no-image .collection-banner__description,.collection-banner--no-image .collection-banner__description>*{color:var(--black);font-weight:400;font-size:14px;line-height:20px;letter-spacing:0;text-align:center;vertical-align:middle}@media screen and (max-width: 749px){body.collection .collection-banner-section .collection-banner{margin-bottom:24px}.collection-banner--no-image{min-height:unset}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-collection-banner.css.map */