.hero{background-color:rgb(var(--color-dark-grey));display:block;text-align:center;padding:3.2rem 0 0}@media screen and (min-width: 990px){.hero{text-align:left;padding:0}}.hero__content{padding-bottom:24rem;position:relative;overflow:hidden}@media screen and (min-width: 750px){.hero__content{padding-bottom:32rem}}@media screen and (min-width: 990px){.hero__content{padding:11.6rem 0}}.hero__wrapper{position:relative;z-index:2}.hero__stars{color:rgb(var(--color-brand-pink-300));display:flex;align-items:center;justify-content:center;gap:.2rem}.hero__stars .svg-wrapper{width:2rem;height:2rem}.hero__image{width:100%;margin:0 auto;position:absolute;bottom:0;left:0;right:0;z-index:1}@media screen and (min-width: 460px){.hero__image{width:70%}}@media screen and (min-width: 750px){.hero__image{width:50%}}@media screen and (min-width: 990px){.hero__image{margin:auto;left:auto;top:0}}@media screen and (min-width: 1200px){.hero__image{width:70%}}@media screen and (min-width: 1440px){.hero__image{width:62%}}@media screen and (min-width: 1600px){.hero__image{width:50%}}@media screen and (min-width: 1920px){.hero__image{width:35%}}.hero__pre-heading{display:flex;flex-direction:column;gap:.8rem;align-items:center;justify-content:center;margin:0 0 1.6rem}@media screen and (min-width: 990px){.hero__pre-heading{flex-direction:row;align-items:center;justify-content:flex-start}.hero .hero__pre-heading span{font-size:calc(var(--font-body-scale) * 1.4rem);line-height:calc(1.428571 / var(--font-body-scale))}}.hero__heading{margin:0}.hero .button{margin:2.4rem 0 0}.hero__bottomline{color:rgb(var(--color-white));background-color:rgb(var(--color-brand-navy-blue));padding:1.2rem 1.6rem}@media screen and (min-width: 990px){.hero__bottomline{text-align:center;font-size:calc(var(--font-body-scale) * 1.8rem);line-height:calc(1.555556 / var(--font-body-scale));padding:1.6rem 3.2rem}}.hero__cursor{display:none;width:.2rem;height:.6em;border-radius:.4rem;background-color:currentColor;margin-left:.4rem;animation:blink .6s linear infinite alternate}@media screen and (min-width: 750px){.hero__cursor{height:.8em}}.hero.is-initialized .hero__cursor{display:inline-block}@keyframes blink{0%{opacity:1}40%{opacity:1}60%{opacity:0}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/239/assets/section-hero.css.map */