.collection-banner-wrapper{--cl-ink: #111;--cl-muted: #414141;--cl-radius: 10px;--cl-banner-line: 23px;--cl-banner-pad: clamp(20px, 3.2vw, 40px);--cl-banner-plate-w: 44%}.collection-banner-wrapper .cl-breadcrumbs{margin-bottom:14px}.collection-banner-wrapper .cl-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0;padding:0;list-style:none}.collection-banner-wrapper .cl-breadcrumbs__item{display:flex;align-items:center;gap:5px}.collection-banner-wrapper .cl-breadcrumbs__link,.collection-banner-wrapper .cl-breadcrumbs__current{font-family:var(--font-body-family);font-weight:600;font-size:13px;line-height:18px;letter-spacing:0;text-decoration:none}.collection-banner-wrapper .cl-breadcrumbs__link{color:var(--cl-ink)}.collection-banner-wrapper .cl-breadcrumbs__link:hover{color:var(--cl-ink);opacity:.6}.collection-banner-wrapper .cl-breadcrumbs__current{color:var(--cl-muted);opacity:.8}.collection-banner-wrapper .cl-breadcrumbs__sep{display:flex;align-items:center;justify-content:center;width:12px;height:12px;color:var(--cl-ink)}.collection-banner-wrapper .cl-breadcrumbs__sep svg{width:12px;height:12px;transform:rotate(-90deg);stroke-width:1.5}.collection-banner-wrapper .cl-banner,.collection-banner-wrapper .cl-banner *:not(svg):not(svg *){box-sizing:border-box}.collection-banner-wrapper .cl-banner{position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:100%;overflow:hidden;border-radius:var(--cl-radius)}.collection-banner-wrapper .cl-banner>*{grid-area:1 / 1;min-width:0}.collection-banner-wrapper .cl-banner--plain{min-height:260px;background:var(--cl-banner-scrim, #0f141a)}.collection-banner-wrapper .cl-banner--plain.cl-banner--ov-panel .cl-banner__inner{padding:0;background:none}.collection-banner-wrapper .cl-banner--plain.cl-banner--right .cl-banner__content{justify-content:flex-start}.collection-banner-wrapper .cl-banner--plain:after{content:"";position:absolute;top:50%;right:clamp(-30px,-2vw,0px);z-index:0;height:130%;aspect-ratio:159 / 184;transform:translateY(-50%);background:url(icon-banner-watermark.svg) no-repeat center / contain;opacity:var(--cl-banner-mark-opacity, .14);pointer-events:none}.collection-banner-wrapper .cl-banner--plain.cl-banner--no-mark:after{content:none}.collection-banner-wrapper .cl-banner--plain.cl-banner--center:after{right:50%;transform:translate(50%,-50%)}.collection-banner-wrapper .cl-banner__media{aspect-ratio:1360 / 385;width:100%;min-width:0;min-height:0}.collection-banner-wrapper .cl-banner__media--mobile{display:none}.collection-banner-wrapper .cl-banner__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;min-width:0;max-width:100%;height:100%;object-fit:cover;object-position:center left}.collection-banner-wrapper .cl-banner__scrim{position:relative;z-index:1;background:var(--cl-banner-scrim, #0f141a);opacity:var(--cl-banner-scrim-alpha, .45);pointer-events:none}.collection-banner-wrapper .cl-banner--right .cl-banner__scrim{background:linear-gradient(to left,var(--cl-banner-scrim, #0f141a) 0%,var(--cl-banner-scrim, #0f141a) 45%,transparent 100%)}.collection-banner-wrapper .cl-banner--left .cl-banner__scrim{background:linear-gradient(to right,var(--cl-banner-scrim, #0f141a) 0%,var(--cl-banner-scrim, #0f141a) 45%,transparent 100%)}.collection-banner-wrapper .cl-banner--ov-full .cl-banner__scrim{background:var(--cl-banner-scrim, #0f141a)}.collection-banner-wrapper .cl-banner--ov-panel .cl-banner__scrim{display:none}.collection-banner-wrapper .cl-banner--ov-panel .cl-banner__inner{padding:24px 28px;border-radius:12px;background:var(--cl-banner-panel, rgba(15, 20, 26, .45))}.collection-banner-wrapper .cl-banner--shadow .cl-banner__title,.collection-banner-wrapper .cl-banner--shadow .cl-banner__text{text-shadow:0 2px 12px rgba(0,0,0,.55)}.collection-banner-wrapper .cl-banner--logo{min-height:260px;grid-template-columns:minmax(0,var(--cl-banner-plate-w, 44%)) minmax(0,1fr);background:var(--cl-banner-scrim, #0f141a)}.collection-banner-wrapper .cl-banner--logo .cl-banner__scrim{display:none}.collection-banner-wrapper .cl-banner--logo .cl-banner__media{position:relative;grid-area:1 / 1;align-self:stretch;justify-self:stretch;width:100%;max-width:100%;height:100%;aspect-ratio:auto;padding:clamp(16px,2.4vw,30px);background:var(--cl-banner-plate, #f4f5f6)}.collection-banner-wrapper .cl-banner--logo .cl-banner__content{grid-area:1 / 2}.collection-banner-wrapper .cl-banner--logo .cl-banner__img{position:static;object-fit:contain;object-position:center}.collection-banner-wrapper .cl-banner--logo.cl-banner--left{grid-template-columns:minmax(0,1fr) minmax(0,var(--cl-banner-plate-w, 44%))}.collection-banner-wrapper .cl-banner--logo.cl-banner--left .cl-banner__media{grid-area:1 / 2}.collection-banner-wrapper .cl-banner--logo.cl-banner--left .cl-banner__content{grid-area:1 / 1}.collection-banner-wrapper .cl-banner--logo.cl-banner--center{grid-template-columns:minmax(0,1fr)}.collection-banner-wrapper .cl-banner--logo.cl-banner--center .cl-banner__media{display:none}.collection-banner-wrapper .cl-banner--logo.cl-banner--center .cl-banner__content{grid-area:1 / 1}.collection-banner-wrapper .cl-banner--logo .cl-banner__inner{max-width:min(var(--cl-banner-content-width, 560px),100%)}.collection-banner-wrapper .cl-banner--logo .cl-banner__text{max-height:none;overflow:visible;padding-right:0}.collection-banner-wrapper .cl-banner--logo.cl-banner--ov-panel .cl-banner__inner{padding:0;background:none}.collection-banner-wrapper .cl-banner__content{position:relative;z-index:2;display:flex;align-items:center;padding:var(--cl-banner-pad)}.collection-banner-wrapper .cl-banner--left .cl-banner__content{justify-content:flex-start}.collection-banner-wrapper .cl-banner--center .cl-banner__content{justify-content:center;text-align:center}.collection-banner-wrapper .cl-banner--right .cl-banner__content{justify-content:flex-end}.collection-banner-wrapper .cl-banner__inner{display:flex;flex-flow:column;gap:16px;width:100%;max-width:var(--cl-banner-content-width, 560px)}.collection-banner-wrapper .cl-banner__more,.collection-banner-wrapper .cl-banner__more[hidden]{display:none}.collection-banner-wrapper .cl-banner__title{position:relative;margin:0;padding-left:18px;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(calc(var(--font-heading-scale, 1) * 2.8rem),1.6rem + 2vw,calc(var(--font-heading-scale, 1) * 4rem));line-height:1.15;letter-spacing:0;text-transform:uppercase;color:var(--cl-banner-text, #fff)}.collection-banner-wrapper .cl-banner__title:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:5px;border-radius:3px;background:var(--cl-banner-accent, #8bc34a)}.collection-banner-wrapper .cl-banner--center .cl-banner__title{padding-left:0;padding-bottom:14px}.collection-banner-wrapper .cl-banner--center .cl-banner__title:before{left:50%;top:auto;bottom:0;width:48px;height:5px;transform:translate(-50%)}.collection-banner-wrapper .cl-banner__text{max-height:calc(var(--cl-banner-lines, 4) * var(--cl-banner-line, 23px));overflow-y:auto;padding-right:14px;font-family:var(--font-body-family);font-weight:600;font-size:14px;line-height:var(--cl-banner-line, 23px);letter-spacing:0;color:var(--cl-banner-text, #fff);opacity:.85}.collection-banner-wrapper .cl-banner__text>*:first-child{margin-top:0}.collection-banner-wrapper .cl-banner__text>*:last-child{margin-bottom:0}.collection-banner-wrapper .cl-banner__text p{margin:0 0 12px;font-size:14px;line-height:var(--cl-banner-line, 23px)}.collection-banner-wrapper .cl-banner__text ul,.collection-banner-wrapper .cl-banner__text ol{margin:0 0 12px;padding-left:20px}.collection-banner-wrapper .cl-banner__text a{color:inherit;text-decoration:underline;text-underline-offset:2px}.collection-banner-wrapper .cl-banner__text p:has(br){display:none}.collection-banner-wrapper .cl-banner__text{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) transparent;overscroll-behavior:contain}.collection-banner-wrapper .cl-banner__text::-webkit-scrollbar{width:10px}.collection-banner-wrapper .cl-banner__text::-webkit-scrollbar-track{background:transparent}.collection-banner-wrapper .cl-banner__text::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#ffffff73;background-clip:padding-box}.collection-banner-wrapper .cl-banner__text::-webkit-scrollbar-thumb:hover{background:#ffffffb3;background-clip:padding-box}@media screen and (max-width:1199px){.collection-banner-wrapper{--cl-banner-plate-w: 42%}.collection-banner-wrapper .cl-banner__media{aspect-ratio:1360 / 420}}@media screen and (min-width:990px){.collection-banner-wrapper{--cl-banner-pad: clamp(20px, 2vw, 28px)}.collection-banner-wrapper .cl-banner:not(.cl-banner--logo) .cl-banner__media{aspect-ratio:1360 / 292}.collection-banner-wrapper .cl-banner--plain{min-height:233px}.collection-banner-wrapper .cl-banner:not(.cl-banner--logo) .cl-banner__content{position:absolute;top:0;right:0;bottom:0;left:0}.collection-banner-wrapper .cl-banner:not(.cl-banner--logo) .cl-banner__inner{min-height:0;max-height:100%}.collection-banner-wrapper .cl-banner:not(.cl-banner--logo) .cl-banner__title{flex:0 0 auto;font-size:clamp(calc(var(--font-heading-scale, 1) * 2rem),1.2rem + 1.4vw,calc(var(--font-heading-scale, 1) * 3rem))}.collection-banner-wrapper .cl-banner:not(.cl-banner--logo) .cl-banner__text{flex:1 1 auto;min-height:0;max-height:none}}@media screen and (max-width:989px){.collection-banner-wrapper{--cl-banner-line: 22px;--cl-banner-plate-w: 40%}.collection-banner-wrapper .cl-banner__media{aspect-ratio:21 / 9}.collection-banner-wrapper .cl-banner--logo{min-height:220px}}@media screen and (max-width:749px){.collection-banner-wrapper .cl-breadcrumbs{margin-bottom:12px}.collection-banner-wrapper .cl-breadcrumbs__link,.collection-banner-wrapper .cl-breadcrumbs__current{font-size:12px;line-height:16px}.collection-banner-wrapper .cl-breadcrumbs__sep svg{width:10px;height:10px}.collection-banner-wrapper .cl-banner__media{aspect-ratio:16 / 9}.collection-banner-wrapper .cl-banner--mstack{grid-template-rows:auto auto;background:var(--cl-banner-scrim, #0f141a)}.collection-banner-wrapper .cl-banner--mstack .cl-banner__media{position:relative;grid-area:1 / 1;aspect-ratio:var(--cl-banner-mobile-ratio, 16 / 9)}.collection-banner-wrapper .cl-banner--mstack .cl-banner__img{object-position:var(--cl-banner-mobile-pos, left center)}.collection-banner-wrapper .cl-banner--mstack .cl-banner__scrim{display:none}.collection-banner-wrapper .cl-banner--mstack .cl-banner__content{grid-area:2 / 1}.collection-banner-wrapper .cl-banner--mstack.cl-banner--plain .cl-banner__content,.collection-banner-wrapper .cl-banner--mstack.cl-banner--logo .cl-banner__content{grid-area:1 / 1}.collection-banner-wrapper .cl-banner--mstack.cl-banner--ov-panel .cl-banner__inner{padding:0;background:none}.collection-banner-wrapper .cl-banner:has(.cl-banner__media--mobile) .cl-banner__media--desktop{display:none}.collection-banner-wrapper .cl-banner__media--mobile{display:block}.collection-banner-wrapper .cl-banner--right .cl-banner__scrim,.collection-banner-wrapper .cl-banner--left .cl-banner__scrim{background:var(--cl-banner-scrim, #0f141a)}.collection-banner-wrapper .cl-banner__content{justify-content:flex-start;padding:var(--cl-banner-pad)}.collection-banner-wrapper .cl-banner--logo,.collection-banner-wrapper .cl-banner--logo.cl-banner--left{min-height:0;grid-template-columns:minmax(0,1fr)}.collection-banner-wrapper .cl-banner--logo .cl-banner__media{display:none}.collection-banner-wrapper .cl-banner--logo .cl-banner__content{grid-area:1 / 1}.collection-banner-wrapper .cl-banner--ov-panel .cl-banner__inner{padding:18px 20px;border-radius:10px}.collection-banner-wrapper .cl-banner--right .cl-banner__content,.collection-banner-wrapper .cl-banner--center .cl-banner__content{justify-content:flex-start;text-align:left}.collection-banner-wrapper .cl-banner__inner{max-width:100%;gap:12px}.collection-banner-wrapper .cl-banner__title{padding-left:12px}.collection-banner-wrapper .cl-banner--center .cl-banner__title{padding-left:12px;padding-bottom:0}.collection-banner-wrapper .cl-banner--center .cl-banner__title:before{left:0;top:3px;bottom:3px;width:4px;height:auto;transform:none}.collection-banner-wrapper .cl-banner__title:before{width:4px}.collection-banner-wrapper .cl-banner__text{max-height:none;overflow:visible;overscroll-behavior:auto;padding-right:0}.collection-banner-wrapper .cl-banner__text p{margin-bottom:10px}.collection-banner-wrapper .cl-banner--clamped .cl-banner__text{max-height:calc(var(--cl-banner-mobile-lines, 4) * var(--cl-banner-line));overflow:hidden;overflow:clip}.collection-banner-wrapper .cl-banner--clamped.is-expanded .cl-banner__text{max-height:none;overflow:visible}.collection-banner-wrapper .cl-banner__more{display:inline-flex;align-items:center;align-self:flex-start;margin:0;padding:0;border:0;min-height:0;background:none;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:13px;line-height:18px;letter-spacing:0;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;color:var(--cl-banner-accent, #8bc34a);cursor:pointer}}@media screen and (max-width:420px){.collection-banner-wrapper{--cl-banner-line: 21px;--cl-banner-pad: 16px}.collection-banner-wrapper .cl-banner__media{aspect-ratio:3 / 2}.collection-banner-wrapper .cl-banner--plain{min-height:160px}.collection-banner-wrapper .cl-banner--plain:after{height:70%;right:-18px;opacity:calc(var(--cl-banner-mark-opacity, .08) * .7)}.collection-banner-wrapper .cl-banner__title,.collection-banner-wrapper .cl-banner--center .cl-banner__title{padding-left:10px}.collection-banner-wrapper .cl-banner__text{padding-right:8px;font-size:13px}.collection-banner-wrapper .cl-banner__text p{font-size:13px}.collection-banner-wrapper .cl-banner--ov-panel .cl-banner__inner{padding:14px 16px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-collection-banner.css.map */
