.lm-cbanner{position:relative;display:grid;align-items:center;overflow:clip;padding-block:var(--lm-section-py-top, var(--lm-section-py)) var(--lm-section-py-bottom, var(--lm-section-py))}.lm-cbanner--has-image.lm-cbanner--small{min-block-size:280px}.lm-cbanner--has-image.lm-cbanner--medium{min-block-size:420px}.lm-cbanner--has-image.lm-cbanner--large{min-block-size:clamp(440px,56vh,640px)}.lm-cbanner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.lm-cbanner__media-img{width:100%;height:100%;object-fit:cover}.lm-cbanner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,color-mix(in srgb,#000 90%,transparent) 0%,color-mix(in srgb,#000 30%,transparent) 55%,transparent 100%);opacity:var(--lm-cbanner-overlay, .45)}.lm-cbanner--align-center .lm-cbanner__scrim{background:#000}.lm-cbanner__inner{position:relative;z-index:1;width:100%}.lm-cbanner__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--lm-space-4);max-width:64ch}.lm-cbanner--align-center .lm-cbanner__content{align-items:center;text-align:center;margin-inline:auto}.lm-cbanner__eyebrow{margin:0}.lm-cbanner__title{margin:0;line-height:var(--lm-leading-tight)}.lm-cbanner__text{font-size:var(--lm-text-lg);max-width:60ch}.lm-cbanner--has-image{color:#fff}.lm-cbanner--has-image .lm-cbanner__title,.lm-cbanner--has-image .lm-cbanner__eyebrow,.lm-cbanner--has-image .lm-cbanner__text,.lm-cbanner--has-image .lm-cbanner__text :where(p,li,h2,h3){color:#fff}.lm-cbanner--has-image .lm-cbanner__text{color:color-mix(in srgb,#fff 88%,transparent)}.lm-cbanner--has-image .lm-cbanner__title.gradient-text{color:transparent}.lm-cbanner--plain{background-color:var(--lm-color-bg-alt)}.lm-cbanner[data-parallax] .lm-cbanner__media-img{will-change:transform;transform:translate3d(0,var(--lm-cbanner-shift, 0),0) scale(1.12)}@media(max-width:989px){.lm-cbanner--has-image.lm-cbanner--large{min-block-size:clamp(380px,48vh,520px)}.lm-cbanner__text{font-size:var(--lm-text-base)}}@media(max-width:749px){.lm-cbanner--has-image.lm-cbanner--small{min-block-size:220px}.lm-cbanner--has-image.lm-cbanner--medium{min-block-size:320px}.lm-cbanner--has-image.lm-cbanner--large{min-block-size:380px}.lm-cbanner__content{gap:var(--lm-space-3)}}@media(prefers-reduced-motion:reduce){.lm-cbanner[data-parallax] .lm-cbanner__media-img{transform:scale(1.02)}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/component-collection-banner.css.map */