.hero-banner-with-marquee .hero-banner-section{position:relative;overflow:hidden;margin-top:var(--hero-pt-desktop, 60px);margin-bottom:var(--hero-pb-desktop, 60px)}.hero-banner-with-marquee .hero-banner__title{font-size:clamp(36px,4.5vw,58px);font-weight:800;line-height:1.05;margin:0 0 18px;letter-spacing:-.02em}.hero-banner-with-marquee .hero-banner__review{display:flex;align-items:center;gap:8px;margin:0 0 32px}.hero-banner-with-marquee .hero-banner__stars{display:flex;gap:2px;font-size:15px}x.hero-banner-with-marquee .hero-banner__image-wrap{position:relative;overflow:hidden;z-index:-1}.hero-banner-with-marquee .banner-marquee-wrapper__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0}.hero-banner-with-marquee .banner-marquee-wrapper__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--wrapper-overlay, rgba(0,0,0,0));pointer-events:none}.hero-banner-with-marquee .banner-marquee-wrapper>*{position:relative;z-index:2}.hero-banner-with-marquee .hero-banner__eyebrow{font-family:Futura PT Demi;color:var(--sub_title);font-weight:500;font-size:14px;line-height:150%;letter-spacing:1.6px;text-transform:uppercase}.hero-banner-with-marquee .inline-richtext strong{display:inline-block}.hero-banner-with-marquee .hero-marquee__track{position:relative;z-index:2;padding-bottom:14px;display:inline-flex;gap:0;animation:hero-marquee-scroll 28s linear infinite;will-change:transform}.hero-banner-with-marquee .hero-marquee__track:hover{animation-play-state:paused}.hero-banner-with-marquee .hero-banner__content{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;padding:30px 50px;max-width:530px}.hero-banner-with-marquee .inline-richtext{line-height:1.1;font-weight:400;font-family:Futura PT Book;margin:20px 0}.hero-banner-with-marquee .hero-banner__review-text{color:var(--heading_color);font-weight:500;font-size:13px;line-height:150%;letter-spacing:0;text-transform:uppercase;font-family:Futura PT Demi}.hero-banner-with-marquee .banner-marquee-wrapper{border-radius:20px;position:relative;background-size:100% 100%;background-attachment:local}.hero-banner-with-marquee p.hero-banner__text.body-large-font{opacity:.8}.hero-banner-with-marquee .hero-marquee__item{color:var(--heading_color);min-width:max-content;display:inline-flex;align-items:center;gap:18px;padding:0 30px;font-weight:500;font-size:14px;line-height:150%;letter-spacing:0;text-transform:uppercase;font-family:Futura PT Demi;position:relative}.hero-banner-with-marquee .hero-marquee__item:after{position:absolute;left:0;width:1.3px;height:13px;content:"";background-color:var(--heading_color);opacity:.3;top:50%;transform:translateY(-50%)}.hero-banner-with-marquee .hero-marquee{overflow:hidden;height:96px;display:flex;align-items:end}.hero-banner-with-marquee .hero-banner__inner{display:grid;grid-template-columns:537px 1fr;min-height:638px;border-radius:20px;overflow:hidden}.hero-banner-with-marquee .hero-banner__image-wrap img{height:100%;width:100%;display:block;object-fit:cover;object-position:left}.hero-banner-with-marquee .hero-marquee:after{position:absolute;left:0;bottom:0;background:linear-gradient(180deg,#bb4b9900 34.04%,#bb4b9966);width:100%;height:100%;content:""}@keyframes hero-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media screen and (max-width:1300px){.hero-banner-with-marquee .hero-banner__inner{grid-template-columns:449px 1fr;min-height:638px}.hero-banner-with-marquee .hero-banner__content{padding:30px}}@media(min-width:990px){.hero-banner-with-marquee .hero-marquee{position:absolute;bottom:0}}@media screen and (max-width:989px){.hero-banner-with-marquee .hero-banner-section{margin-top:var(--hero-pt-mobile, 36px);margin-bottom:var(--hero-pb-mobile, 40px)}.hero-banner-with-marquee .hero-banner__inner{grid-template-columns:1fr;min-height:unset}.hero-banner-with-marquee .hero-banner__image-wrap:before{display:none}.hero-banner-with-marquee .hero-banner__content{padding:30px 20px 0}.hero-banner-with-marquee .hero-banner__image-wrap{order:-1}}@media(max-width:749px){.hero-banner-with-marquee .hero-banner__image-wrap img{height:auto}.hero-banner-with-marquee .hero-marquee{height:70px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-banner-marquee.css.map */