.hero-section{width:100%}.hero-section__container{max-width:1536px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr;gap:24px;grid-auto-rows:min-content}@media (min-width: 640px){.hero-section__container{padding:0 24px}}@media (min-width: 1024px){.hero-section__container{padding:0 32px}}.hero-section__content{display:flex;flex-direction:column;gap:8px}.hero-section__title{font-size:36px;font-weight:700;line-height:1.1;letter-spacing:-.025em;margin:0;color:#2f3049}@media (min-width: 640px){.hero-section__title{font-weight:800}}@media (max-width: 767px){.hero-section{padding-bottom:128px!important}}@media (min-width: 768px){.hero-section__title{font-size:60px}}.hero-section__text{font-size:16px;font-weight:400;color:#000;margin:0 0 24px}.toggle{display:inline-flex;padding:4px;width:fit-content;background-color:#e5e7eb;border-radius:9999px}.toggle__item{padding:4px 16px;font-size:14px;font-weight:500;border-radius:9999px;transition:all .3s ease;text-decoration:none;color:inherit}.toggle__item--active{background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.hero-section__actions{display:flex;flex-direction:column;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;font-weight:500;text-align:center;transition:all .3s ease;text-decoration:none;border:1px solid transparent;cursor:pointer}.button--primary{background-color:#2f3049;color:#fff;border-color:#2f3049}.button--primary:hover{background-color:#111a36;border-color:#111a36}.button--md{padding:10px 24px;font-size:16px;line-height:24px;border-radius:6px}.button__icon{font-size:18px}.button__text{display:inline-block}.hero-section__figure{align-self:end;display:none;margin:0}.hero-section__picture{display:block}.hero-section__image{width:100%;height:auto;display:block}@media (min-width: 768px){.hero-section__container{padding:0 32px;grid-template-columns:repeat(2,1fr);gap:24px}.hero-section__content{grid-column:span 2}.hero-section__actions{padding-bottom:64px}.hero-section__figure{display:block}}@media (min-width: 1024px){.hero-section__content{grid-column:span 1;align-self:end}.hero-section__actions{grid-row:2}.hero-section__figure{grid-row:span 2}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/hero-shop.css.map */