.cbanner{position:relative;display:flex;align-items:center;min-height:var(--cb-height, 44vh);overflow:hidden;isolation:isolate}.cbanner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.cbanner__img{width:100%;height:100%;object-fit:cover}.cbanner__img--placeholder{background:radial-gradient(circle at 30% 30%,rgb(var(--color-soft)),transparent 60%),linear-gradient(135deg,rgb(var(--color-soft)),color-mix(in srgb,rgb(var(--color-soft)) 70%,rgb(var(--color-accent))))}.cbanner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / var(--cb-overlay, .3))}.cbanner--dark .cbanner__overlay{background:rgb(255 255 255 / var(--cb-overlay, .3))}.cbanner__inner{width:100%;padding-block:var(--space-3xl)}.cbanner--compact{min-height:0}.cbanner--compact .cbanner__inner{padding-block:var(--space-2xl) var(--space-lg)}.cbanner--compact .cbanner__crumbs{margin-bottom:var(--space-xs)}.cbanner--compact .cbanner__heading{font-size:clamp(1.75rem,3.2vw,2.5rem)}.cbanner__content{max-width:640px}.cbanner--align-center .cbanner__content{max-width:720px;margin-inline:auto;text-align:center}.cbanner--light,.cbanner--light .cbanner__crumbs a,.cbanner--light .cbanner__crumbs span{color:#fff}.cbanner--dark{color:rgb(var(--color-fg))}.cbanner__crumbs{font-size:var(--text-xs);opacity:.85;margin-bottom:var(--space-md)}.cbanner__crumbs a:hover{text-decoration:underline}.cbanner__crumbs span{opacity:.7;margin-inline:.3em}.cbanner__eyebrow{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--space-sm);opacity:.9;color:var(--cb-eyebrow, inherit)}.cbanner--light .cbanner__eyebrow{color:#fff}.cbanner--dark .cbanner__eyebrow{color:rgb(var(--color-accent))}.cbanner__heading{margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}.cbanner__desc{margin-top:var(--space-md);font-size:var(--text-base);line-height:1.6;opacity:.9;max-width:52ch}.cbanner--align-center .cbanner__desc{margin-inline:auto}.cbanner__cta{margin-top:var(--space-xl)}.cbanner--light .btn--ghost{border-color:#ffffff80;color:#fff}.cbanner--light .btn--ghost:hover{border-color:#fff;background:#ffffff1f}
/*# sourceMappingURL=/cdn/shop/t/55/assets/section-collection-banner.css.map */
