.hero-section{--hero-section-foreground: rgb(var(--color-foreground));width:100%;padding-block:var(--hero-section-padding-top) var(--hero-section-padding-bottom);background-color:rgb(var(--color-background));color:var(--hero-section-foreground)}@media screen and (min-width:750px){.hero-section{padding-block:var(--hero-section-padding-top-desktop) var(--hero-section-padding-bottom-desktop)}}.hero-section__inner{display:flex;flex-direction:column;max-width:144rem;margin-inline:auto}@media screen and (min-width:750px){.hero-section__inner{flex-direction:row;align-items:start;justify-content:space-between;gap:4.8rem;padding-inline:4rem}}@media screen and (min-width:1200px){.hero-section__inner{gap:9rem;padding-inline:14.4rem}}.hero-section__media{position:relative;width:100%;aspect-ratio:390 / 270;overflow:hidden;background-color:var(--brand-image-ground)}@media screen and (min-width:750px){.hero-section__media{width:52rem;aspect-ratio:520 / 360}}.hero-section__image{display:block;width:100%;height:100%;object-fit:cover}.hero-section__content{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding-block:2.6rem 0;padding-inline:2.4rem}@media screen and (min-width:750px){.hero-section__content{width:50%;max-width:52rem;padding:0}}.hero-section__subheading{margin:0;margin-block-end:2rem;font-size:1.4rem;font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase}.hero-section__title{margin:0;margin-block-end:1rem;font-family:var(--font-body-family);font-size:3.6rem;font-weight:500;line-height:3.9rem;letter-spacing:-.01em;text-transform:none;color:inherit}.hero-section__title :is(em,i,span){font-family:var(--font-accent-family);font-weight:var(--font-weight-regular);font-style:italic}.hero-section__text{max-width:50.1rem;margin-block-end:2rem;font-size:1.5rem;line-height:1.55}@media screen and (min-width:750px){.hero-section__text{font-size:1.6rem;line-height:1.6}}.hero-section__text p{margin:0;font-size:1.8rem;line-height:2.2rem}.hero-section__text p+p{margin-block-start:1.2rem;font-size:1.6rem}.hero-section__button{width:100%;padding-block:1.9rem;padding-inline:2.4rem;border:0;border-radius:var(--radius-button);font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:.01em;text-align:center;text-decoration:none;text-transform:none;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));transition:opacity .3s ease}@media screen and (min-width:750px){.hero-section__button{max-width:33.8rem;padding-block:1.6rem}}.hero-section__button:hover{opacity:.9}.hero-section__button:focus-visible{outline:2px solid var(--hero-section-foreground);outline-offset:2px}@media(prefers-reduced-motion:reduce){.hero-section__button{transition:none}}.hero-section__proof{margin-block-start:1.5rem;font-size:1.3rem;line-height:1.4}@media screen and (min-width:750px){.hero-section__proof{margin-block-start:1.1rem}}.hero-section__stars{display:inline-flex;align-items:center;gap:2px;margin-inline-end:.8rem;padding-block-end:3px;vertical-align:middle}.hero-section__star{display:inline-flex;flex-shrink:0;width:1.2rem;height:1.2rem}.hero-section__star svg{display:block;width:100%;height:100%}.hero-section__star--empty{opacity:.25}.hero-section__proof-item{line-height:1.1}.hero-section__stars+.hero-section__proof-item:after{content:"";display:block}@media screen and (min-width:750px){.hero-section__stars+.hero-section__proof-item:after{display:none}}.hero-section__proof-item+.hero-section__proof-item+.hero-section__proof-item:before{content:" \2022  "}@media screen and (min-width:750px){.hero-section__proof-item+.hero-section__proof-item:before{content:" \2022  "}}.hero-section--rating-first{--hero-section-rating-color: var(--brand-black);--hero-section-gap: 4.8rem;--hero-section-gutter: 4rem}@media screen and (min-width:1200px){.hero-section--rating-first{--hero-section-gap: 8.5rem;--hero-section-gutter: 11.4rem}}@media screen and (min-width:750px){.hero-section--rating-first .hero-section__inner{align-items:center;justify-content:flex-start;gap:var(--hero-section-gap);padding-inline:var(--hero-section-gutter)}}.hero-section--rating-first .hero-section__media{order:2;aspect-ratio:390 / 332}@media screen and (min-width:750px){.hero-section--rating-first .hero-section__media{order:0;flex:0 0 46%;width:46%;aspect-ratio:521 / 360}}@media screen and (min-width:1200px){.hero-section--rating-first .hero-section__media{flex-basis:52.1rem;width:52.1rem}}.hero-section__media picture{display:block;width:100%;height:100%}.hero-section--rating-first .hero-section__content{order:1;padding-block:2.6rem}@media screen and (min-width:750px){.hero-section--rating-first .hero-section__content{order:0;flex:1 1 auto;width:auto;max-width:55.3rem;padding-block:0}}.hero-section--rating-first .hero-section__proof{margin-block:0 2.3rem;color:var(--hero-section-rating-color);font-weight:400;line-height:1.4}.hero-section--rating-first .hero-section__stars{margin-inline-end:.4rem;padding-block-end:2px}.hero-section--rating-first .hero-section__title{margin-block-end:2.3rem;font-size:3.5rem;letter-spacing:-.035rem}@media screen and (min-width:750px){.hero-section--rating-first .hero-section__title{margin-block-end:1.6rem}}.hero-section--rating-first .hero-section__title :is(em,i,span){font-weight:500}.hero-section--rating-first .hero-section__text{max-width:none;margin-block-end:2.4rem;font-size:1.6rem;letter-spacing:-.016rem;line-height:2.2rem}@media screen and (min-width:750px){.hero-section--rating-first .hero-section__text{max-width:50.1rem;margin-block-end:2.3rem}}.hero-section--rating-first .hero-section__text p{font-size:inherit;letter-spacing:inherit;line-height:inherit}.hero-section--rating-first .hero-section__button{display:flex;align-items:center;justify-content:center;min-height:4.7rem;padding:1.4rem 2rem;border:1px solid rgb(var(--color-button));font-size:1.3rem;font-weight:500;letter-spacing:.013rem;text-transform:uppercase;color:var(--brand-white);transition:background-color .2s ease,color .2s ease}@media screen and (min-width:750px){.hero-section--rating-first .hero-section__button{width:33.8rem;min-height:4.1rem;padding-block:1.1rem}}.hero-section--rating-first .hero-section__button:hover{background-color:var(--brand-white);color:rgb(var(--color-button));opacity:1}@media(prefers-reduced-motion:reduce){.hero-section--rating-first .hero-section__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1123/assets/section-hero-section.css.map */