.hero-section__container{display:grid;--hero-text-color: #030303: }.hero__image{overflow:hidden;position:relative;margin-bottom:-.5px}.hero__image .img--desktop{width:100%;height:100%;display:none;object-fit:cover;object-position:left}.hero__image .img--mobile{width:100%;height:100%}.hero__badge-img{position:absolute;top:26px;right:16px}.hero__content-container{padding:40px 16px;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;gap:14px}.hero__content-container>*{margin:0}.hero__social-proof{color:var(--hero-text-color);font-size:12px;font-style:normal;font-weight:400;line-height:20px;display:flex;align-items:center;gap:5px}.hero__title{font-family:var(--FONT-STACK-HEADING-CUSTOM);font-size:32px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.64px}.hero__title:not(h1.hero__title){color:#151830}.hero__value-props{display:grid;gap:3px}.hero__subheading{color:var(--hero-text-color);font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.28px;margin:0;text-transform:none}.hero__subheading span{transform:rotate(15deg);margin-right:5px}.hero__content-container .hero__btn.btn{color:var(--Dark, #030303);font-size:15px;font-style:normal;font-weight:500;line-height:normal}.hero__key-traits{display:flex;column-gap:20px;row-gap:6px;flex-wrap:wrap}.hero__trait-item{font-size:12px;font-style:normal;font-weight:400;line-height:normal;display:flex;gap:8px;width:fit-content;margin:0}@media screen and (min-width: 480px) and (max-width: 749px){.hero__key-traits{justify-content:center}}@media screen and (max-width: 749px){.hero__content-container .hero__btn.btn{width:100%;max-width:100%}}@media screen and (min-width: 750px){.hero-section__container{display:grid;grid-template-columns:1fr 1fr}.hero__content-container{place-content:center;grid-area:1 / 1;margin-top:0;padding:20px 0 20px 30px;gap:10px}.hero__image{margin-left:-.5px}.hero__image .img--mobile{display:none}.hero__image .img--desktop{display:block}.hero__social-proof{font-size:12px}.hero__title{font-size:45px}.hero__subheading{font-size:14px}.hero__content-container .hero__btn.btn{font-size:16px!important}}@media screen and (min-width: 1200px){.hero__content-container{padding:66px 56px 66px 132px;gap:14px}.hero__badge-img{right:65px}}.icon-five-stars{display:inline-flex;width:fit-content;gap:4px}
/*# sourceMappingURL=/cdn/shop/t/60/assets/hero-section.css.map */