.campaign-banner{position:relative;min-height:var(--min-height-mobile);display:flex;align-items:center;overflow:hidden;padding:0}@media(min-width:768px){.campaign-banner{min-height:var(--min-height-desktop)}}.campaign-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.campaign-banner__image{width:100%;height:100%;object-fit:cover}.campaign-banner__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-alt);font-family:var(--font-body);font-size:var(--text-xl);color:var(--color-text);opacity:.3}.campaign-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color);opacity:var(--overlay-opacity);z-index:2}.campaign-banner__content-wrapper{position:relative;z-index:3;width:100%;padding:var(--space-2xl) 0;color:var(--text-color)}.campaign-banner__content-wrapper[data-vertical=top]{align-self:flex-start}.campaign-banner__content-wrapper[data-vertical=middle]{align-self:center}.campaign-banner__content-wrapper[data-vertical=bottom]{align-self:flex-end}.campaign-banner__content{max-width:700px}.campaign-banner__content-wrapper[data-position=left] .campaign-banner__content{margin-right:auto}.campaign-banner__content-wrapper[data-position=center] .campaign-banner__content{margin-left:auto;margin-right:auto;text-align:center}.campaign-banner__content-wrapper[data-position=right] .campaign-banner__content{margin-left:auto}.campaign-banner__eyebrow{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.12em;margin:0 0 var(--space-sm);opacity:.9}.campaign-banner__heading{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);font-weight:500;line-height:1.1;margin:0 0 var(--space-md);letter-spacing:-.02em}.campaign-banner__subheading{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.25rem);line-height:1.5;margin:0 0 var(--space-lg);opacity:.95}.campaign-banner__button{margin-top:var(--space-md)}.campaign-banner__content .btn--outline{border-color:currentColor;color:currentColor}.campaign-banner__content .btn--outline:hover{background-color:currentColor;color:var(--overlay-color)}@media(max-width:767px){.campaign-banner__content-wrapper{padding:var(--space-xl) 0}.campaign-banner__content{max-width:100%}.campaign-banner__heading{font-size:clamp(2rem,8vw,2.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-campaign-banner.css.map */