.promo-banner__inner{display:flex;align-items:stretch}.promo-banner--media-left .promo-banner__inner{flex-direction:row-reverse}.promo-banner__panel{flex:0 0 var(--pb-panel-width, 50%);background:var(--pb-panel-bg, #ed7f86);display:flex;align-items:center}.promo-banner__content{padding:6rem clamp(2rem,4vw,7rem) 6rem clamp(2rem,5.4vw,14rem)}.promo-banner--media-left .promo-banner__content{padding-left:clamp(2rem,4vw,7rem);padding-right:clamp(2rem,5.4vw,14rem)}.promo-banner__eyebrow{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.6rem;font-size:var(--pb-eyebrow-size, 1.4rem);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pb-eyebrow, #fff)}.promo-banner__eyebrow svg{width:1em;height:1em;fill:currentColor}.promo-banner__heading{margin:0;max-width:14em;font-size:clamp(2.8rem,4vw,var(--pb-heading-size, 7.2rem));font-weight:var(--pb-heading-weight, 700);line-height:1.08;letter-spacing:-.01em;color:var(--pb-heading, #fff)}.promo-banner__text{margin-top:1.6rem;max-width:45ch;color:var(--pb-heading, #fff)}.promo-banner__text>*{margin:0}.promo-banner__button{display:inline-flex;align-items:center;gap:.8rem;margin-top:3rem;padding:1.4rem 2.6rem;border:1px solid var(--pb-button-border, #fff);border-radius:var(--pb-button-radius, 60px);background:var(--pb-button-bg, transparent);color:var(--pb-button-text, #fff);font-size:var(--pb-button-size, 1.3rem);font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background .15s ease,color .15s ease}.promo-banner__button:hover{background:var(--pb-button-border, #fff);color:var(--pb-panel-bg, #ed7f86)}.promo-banner__button-arrow{transition:transform .2s ease}.promo-banner__button:hover .promo-banner__button-arrow{transform:translate(3px)}.promo-banner__media{flex:1 1 auto;min-width:0;aspect-ratio:100 / var(--pb-media-pct, 80)}.promo-banner__media img,.promo-banner__placeholder{width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width:749px){.promo-banner__inner,.promo-banner--media-left .promo-banner__inner{flex-direction:column}.promo-banner__media{aspect-ratio:4 / 3}.promo-banner__panel{flex:0 0 auto;width:100%}.promo-banner__content,.promo-banner--media-left .promo-banner__content{padding:4rem 2rem}.promo-banner__heading{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-promo-banner.css.map */