.hero{position:relative;background-color:var(--color-background);overflow:hidden}.hero__container{position:relative;min-height:427px;display:flex;flex-direction:column}.hero__image{position:absolute;top:0;left:0;width:100%;height:427px;z-index:1}.hero__image .image{height:100%}.hero__image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero__decorative{position:absolute;top:310px;right:-55px;width:180px;z-index:2;pointer-events:none}.hero__decorative img{width:100%;height:100%;object-fit:contain}.hero__content{position:relative;z-index:3;margin-top:443px;padding:0 16px 32px}.hero__text{margin-bottom:24px}.hero__title{color:var(--color-warm-gray-neutral-800);margin:0 0 12px;max-width:380px}.hero__description{color:var(--color-warm-gray-neutral-600);max-width:280px}.hero__button{display:inline-flex;align-items:center;justify-content:center;padding:10px 45px}.hero__button:hover,.hero__button:focus-visible{background-color:var(--color-lilypad-400)}.hero__signup{position:relative}.hero__signup-button{display:inline-flex;align-items:center;gap:8px;padding:13px 10px;height:40px;background-color:var(--color-lilypad-500);color:var(--color-warm-gray-neutral-100);border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.hero__signup-button:hover,.hero__signup-button:focus-visible{background-color:var(--color-lilypad-400)}.hero__signup-icon{width:12px;height:12px;display:flex;align-items:center;justify-content:center}@media screen and (min-width:768px){.hero__container{min-height:800px;flex-direction:row;align-items:center;margin:0 auto;padding:0 32px}.hero__image{position:absolute;top:0;right:0;width:50%;height:100%;left:auto;overflow:hidden;border-radius:0 0 0 32px}.hero__decorative{top:50%;left:50%;width:250px;height:auto;transform:translate(-50%,-50%)}.hero__content{position:relative;z-index:3;margin-top:0;padding:0;max-width:670px;flex-shrink:0}.hero__title{max-width:616px;margin-bottom:24px}.hero__description{max-width:354px}.hero__signup{display:none}}@media screen and (min-width:1200px){.hero__decorative{width:310px;top:52%;left:47%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-index-hero.css.map */