.promo-banner{position:relative;width:100%;max-width:1920px;margin:0 auto;overflow:hidden;aspect-ratio:3 / 4}@media screen and (min-width:750px){.promo-banner{aspect-ratio:7 / 3}}@media screen and (min-width:1024px){.promo-banner{border:1px solid var(--Surface-Outline-1, #DFDED5);width:calc(100% - 1.6rem);border-radius:2.4rem}}.promo-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.promo-banner .video-component__toggle{z-index:2}.promo-banner--no-toggle .video-component__toggle{display:none}.promo-banner__img,.promo-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.promo-banner__media--desktop{display:none}.promo-banner__media--mobile{display:block}@media screen and (min-width:750px){.promo-banner__media--desktop{display:block}.promo-banner__media--mobile{display:none}}.promo-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#0000,#0009);pointer-events:none;z-index:1}.promo-banner__content{position:absolute;bottom:0;left:0;right:0;padding:2.4rem 1.6rem;color:#fff;display:flex;flex-direction:column;align-items:flex-start;z-index:2}@media screen and (min-width:750px){.promo-banner__content{padding:3.2rem;max-width:72rem}}@media screen and (min-width:1024px){.promo-banner__content{padding:4.8rem 6.4rem}}.promo-banner__eyebrow{margin-bottom:.6rem;font-size:1.4rem;font-weight:500;line-height:1.5;color:#fffc}@media screen and (min-width:1024px){.promo-banner__eyebrow{font-size:1.6rem;margin-bottom:.8rem}}.promo-banner__title{margin:0;font-size:2.8rem;font-weight:500;line-height:1.4;letter-spacing:-.1rem;color:#fff}.promo-banner__title p{margin:0}@media screen and (min-width:750px){.promo-banner__title{font-size:2.8rem;line-height:1.1}}@media screen and (min-width:1024px){.promo-banner__title{font-size:5.6rem;letter-spacing:-.3rem}}.promo-banner__description{margin:.8rem 0 0;font-size:1.6rem;font-weight:400;line-height:1.5;color:#fffc}@media screen and (min-width:750px){.promo-banner__description{margin:1.6rem 0 0;font-size:1.6rem}}.promo-banner__cta{color:var(--Secondary-On, #696C59);min-width:20rem;font-size:1.4rem;padding:1.2rem 2.4rem;margin-top:2.4rem;background:#fff}@media screen and (min-width:1024px){.promo-banner__cta{margin-top:2.4rem;padding:1.4rem 2.4rem;font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/section-promotional-banner.css.map */