.collection-hero-banner{padding-top:var(--PT, 0px);padding-bottom:var(--PB, 0px)}.collection-hero-banner__inner{display:flex;align-items:stretch;justify-content:space-between;overflow:hidden;border-radius:var(--hero-radius, 16px);background-color:var(--hero-bg, #ffffff)}.collection-hero-banner__content{display:flex;flex:1 0 0;flex-direction:column;gap:32px;justify-content:center;min-width:0;padding:var(--hero-padding, 32px)}@supports (text-box-trim: trim-both){.collection-hero-banner__breadcrumbs,.collection-hero-banner__title,.collection-hero-banner__description,.collection-hero-banner__usp-text{text-box-trim:trim-both;text-box-edge:cap alphabetic}}.collection-hero-banner__breadcrumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-family:var(--FONT-STACK-BODY);font-size:12px;font-weight:var(--FONT-WEIGHT-BODY-MEDIUM);line-height:normal;color:var(--hero-breadcrumb-color, #888888)}.collection-hero-banner__breadcrumbs a{color:inherit;text-decoration:none}.collection-hero-banner__breadcrumbs a:hover,.collection-hero-banner__breadcrumbs a:focus-visible{color:var(--hero-heading-color, #000000);text-decoration:underline}.collection-hero-banner__breadcrumbs-sep{opacity:.7}.collection-hero-banner__text{display:flex;flex-direction:column;gap:24px;align-items:flex-start;width:100%;max-width:var(--hero-text-width, 500px)}.collection-hero-banner__title{margin:0;font-family:var(--FONT-STACK-HEADING);font-size:clamp(28px,3.2vw,var(--hero-title-size, 40px));font-weight:var(--FONT-WEIGHT-HEADING-BOLD);line-height:1.2;letter-spacing:normal;text-transform:none;color:var(--hero-heading-color, #000000)}.collection-hero-banner__description{margin:0;font-family:var(--FONT-STACK-BODY);font-size:14px;font-weight:var(--FONT-WEIGHT-BODY-MEDIUM);line-height:1.4;color:var(--hero-text-color, #444444);opacity:.8}.collection-hero-banner__description>:first-child{margin-top:0}.collection-hero-banner__description>:last-child{margin-bottom:0}.collection-hero-banner__usps{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin:0;padding:0;list-style:none}.collection-hero-banner__usp{box-sizing:border-box;display:flex;gap:6px;align-items:center;height:30px;padding:0 10px;border:1px solid var(--hero-pill-border, #ebebeb);border-radius:8px;background-color:var(--hero-pill-bg, #f8f8f8);font-family:var(--FONT-STACK-BODY);font-size:12px;font-weight:var(--FONT-WEIGHT-BODY-MEDIUM);line-height:normal;white-space:nowrap;color:var(--hero-pill-color, #0c0c0f)}.collection-hero-banner__usp-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:10px;height:10px;overflow:hidden}.collection-hero-banner__usp-icon .usp-icon{display:block;width:100%;height:100%;stroke-width:1}.collection-hero-banner__usp-icon .icon{display:block;width:100%;height:100%;stroke-width:7}.collection-hero-banner__usp-icon svg:not(.icon):not(.usp-icon){display:block;width:100%;height:100%}.collection-hero-banner__media{position:relative;flex:0 0 auto;align-self:stretch;width:var(--hero-media-width, 39%);overflow:hidden;background-color:var(--hero-media-bg, #e4e4e4)}.collection-hero-banner__media img,.collection-hero-banner__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-media-position, center)}@media only screen and (max-width:767px){.collection-hero-banner__inner{flex-direction:column}.collection-hero-banner__content{gap:24px;padding:var(--hero-padding-mobile, 20px)}.collection-hero-banner__text{max-width:none}.collection-hero-banner__media{width:100%;max-width:none;aspect-ratio:var(--hero-media-ratio, 16 / 9)}.collection-hero-banner__inner--media-first .collection-hero-banner__media{order:-1}.collection-hero-banner__inner--media-hidden .collection-hero-banner__media{display:none}}.collection-hero-banner .hero-vis--hidden{display:none}@media only screen and (min-width:768px){.collection-hero-banner .hero-vis--mobile{display:none}}@media only screen and (max-width:767px){.collection-hero-banner .hero-vis--desktop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-collection-hero-banner.css.map */