.collection-banner{position:relative;display:flex;align-items:center;justify-content:center;height:var(--banner-height, 200px);margin-bottom:3.6rem;overflow:hidden;background-color:#f3eee8;color:var(--banner-text-color, #121212);text-align:center}.collection-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% var(--banner-focus, 50%)}.collection-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 38% 75% at center,#ffffffd1,#ffffff8c 45%,#fff0);pointer-events:none}.collection-banner__content{position:relative;z-index:1;padding:0 2rem}.collection-banner__title{margin:0;color:inherit;font-family:var(--font-body-family);font-size:1.4rem;font-weight:600;line-height:1.3;letter-spacing:.4rem;text-transform:uppercase;opacity:.8}.collection-banner__subtitle{margin:.6rem 0 0;font-family:var(--font-heading-family);font-size:clamp(3.4rem,4vw,5.8rem);font-weight:var(--font-heading-weight, 600);line-height:1;letter-spacing:.2rem;text-transform:uppercase}.collection-banner--left{justify-content:flex-start;text-align:left}.collection-banner--left .collection-banner__content{max-width:50%;padding:0 6vw}.collection-banner--left:after{background:linear-gradient(90deg,#ffffffd9,#fff9,#fff0 60%)}@media screen and (max-width:749px){.collection-banner{height:calc(var(--banner-height, 200px) * .6);min-height:11rem;margin-bottom:2.4rem}.collection-banner:after{background:radial-gradient(ellipse 70% 85% at center,#ffffffd9,#ffffff8c,#fff0)}.collection-banner__title{font-size:1.1rem;letter-spacing:.3rem}.collection-banner__subtitle{font-size:2.8rem;letter-spacing:.18rem}.collection-banner--left .collection-banner__content{padding:0 2rem}.collection-banner--left:after{background:linear-gradient(90deg,#ffffffe0,#ffffffa6,#ffffff1a)}}.collection-hero--banner .breadcrumbs{margin:2rem 0 1.4rem}.collection-banner--page{margin-bottom:3.2rem}.collection-banner--page .collection-banner__subtitle{font-size:clamp(3.6rem,4.4vw,6.4rem)}.collection-banner__text{max-width:44rem;margin:1.2rem 0 0;font-size:1.5rem;line-height:1.6;letter-spacing:.02rem;opacity:.85}.collection-banner__text p{margin:0}.collection-banner--center .collection-banner__text{margin-right:auto;margin-left:auto}.collection-banner--plain{background:linear-gradient(120deg,#f7f0e8,#fbf8f4 60%,#f3eee8)}.collection-banner--plain:after{content:none}.collection-banner--plain .collection-banner__content:before{content:"";display:block;width:4rem;height:.2rem;margin-bottom:1.4rem;background-color:#b6713e}.collection-banner--center.collection-banner--plain .collection-banner__content:before{margin-right:auto;margin-left:auto}@media screen and (max-width:749px){.collection-hero--banner .breadcrumbs{margin:1.4rem 0 1rem}.collection-banner--page{height:auto;min-height:17rem;padding:2.4rem 0;margin-bottom:2rem}.collection-banner--page .collection-banner__content{max-width:78%}.collection-banner--page .collection-banner__subtitle{font-size:3rem}.collection-banner__text{font-size:1.3rem}}@media screen and (min-width:990px){.collection-hero--banner>.page-width,#ProductGridContainer,.template-collection-full .facets-vertical.page-width,.facets-vertical.page-width:has(#ProductGridContainer){max-width:none}.collection-hero--banner>.page-width,.facets-vertical.page-width:has(#ProductGridContainer){padding-right:5rem;padding-left:5rem}.collection-banner--page.collection-banner--left .collection-banner__content{padding:0 5rem}}@media screen and (min-width:990px){.facets-vertical-sort.page-width{max-width:none;padding-right:5rem;padding-left:5rem}}.collection-banner--contain .collection-banner__image{left:auto;right:6%;width:auto;max-width:60%;height:100%;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%)}.collection-banner--contain:after{content:none}@media screen and (max-width:749px){.collection-banner--contain .collection-banner__image{right:0;max-width:55%;opacity:.9}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-collection-banner.css.map */
