.hero{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--c-surface)}.hero__container{position:relative;z-index:2;order:2}.hero__content{padding-block:0 36px;max-width:560px}@media(min-width:990px){.hero__content{padding-block:72px 88px;max-width:580px}}@media(min-width:1200px){.hero__content{max-width:620px}}.hero__media{position:relative;order:1;margin:0;overflow:hidden;aspect-ratio:16 / 13}.hero__image{width:100%;height:100%;object-fit:cover;object-position:center 42%}.hero__scrim{display:block;position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,transparent 0%,var(--c-surface) 92%);background:linear-gradient(180deg,color-mix(in srgb,var(--c-surface),transparent 100%) 0%,color-mix(in srgb,var(--c-surface),transparent 55%) 55%,var(--c-surface) 92%)}@media(min-width:990px){.hero{display:block;background:var(--c-surface)}.hero__media{position:absolute;inset:0 0 0 auto;width:64%;aspect-ratio:auto}.hero__image{object-position:center}.hero__scrim{top:0;right:0;bottom:0;left:0;height:auto;background:linear-gradient(90deg,var(--c-surface) 0%,var(--c-surface) 12%,transparent 58%);background:linear-gradient(90deg,var(--c-surface) 0%,var(--c-surface) 12%,color-mix(in srgb,var(--c-surface),transparent 100%) 58%)}}@media(min-width:1400px){.hero__media{width:60%}}.hero__heading{padding-top:4px;font-size:calc(clamp(1.4rem,1.02rem + 2.2vw,2.5rem) * var(--font-heading-scale));line-height:1.14;text-wrap:balance}.hero__description{margin-top:16px;color:var(--c-ink-soft);font-size:calc(1.0625rem * var(--font-body-scale));line-height:1.6;max-width:46ch}.hero__trust{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:24px}.hero__trust-item{display:inline-flex;align-items:center;gap:7px;color:var(--c-ink);font-size:calc(.8125rem * var(--font-body-scale));font-weight:600}.hero__trust-icon{display:inline-flex;color:var(--c-primary)}.hero__trust-icon svg{width:17px;height:17px}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:28px}.hero__cta .button__icon{transition:transform .18s ease}.hero__cta:hover .button__icon{transform:translate(3px)}.hero__price{display:inline-flex;align-items:baseline;gap:8px;color:var(--c-ink);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:calc(1.5rem * var(--font-heading-scale));letter-spacing:-.02em}.hero__price-caption{color:var(--c-ink-muted);font-size:calc(.8125rem * var(--font-body-scale));font-weight:400;letter-spacing:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-hero.css.map */
