.jym-hero{--jym-hero-gap: 10px;--jym-hero-stack: 435px;--jym-hero-avatar: 26px;--jym-hero-avatar-overlap: -8px;background:rgb(var(--jym-hero-background));color:rgb(var(--jym-hero-text));padding-block:8px 40px;padding-inline:var(--container-gutter)}.jym-hero__inner{display:grid;gap:var(--jym-hero-gap);max-width:var(--container-max-width);margin-inline:auto}.jym-hero__media{order:-1;position:relative;width:100%;overflow:hidden;border-radius:var(--rounded-block, 24px);aspect-ratio:var(--jym-hero-mobile-ratio, 4 / 3);max-height:var(--jym-hero-mobile-cap, max(196px, calc(var(--jym-hero-vh, 100vh) - var(--jym-hero-stack, 460px))));background:rgb(var(--jym-hero-text) / .06)}.jym-hero__media img,.jym-hero__media svg{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--jym-hero-image-position, 50% 0%)}.jym-hero__caption{display:none;position:absolute;--jym-hero-caption-inset: 24px;padding:8px 14px;border-radius:60px;background:#fff;color:#1a1a1a;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap}.jym-hero__caption--top-left{top:var(--jym-hero-caption-inset);left:var(--jym-hero-caption-inset)}.jym-hero__caption--top-right{top:var(--jym-hero-caption-inset);right:var(--jym-hero-caption-inset)}.jym-hero__caption--bottom-left{bottom:var(--jym-hero-caption-inset);left:var(--jym-hero-caption-inset)}.jym-hero__caption--bottom-right{bottom:var(--jym-hero-caption-inset);right:var(--jym-hero-caption-inset)}.jym-hero__copy{display:flex;flex-direction:column;align-items:center;gap:var(--jym-hero-gap);text-align:center}.jym-hero__proof{display:flex;align-items:center;gap:12px}.jym-hero__avatars{display:flex;align-items:center}.jym-hero__avatar{flex:0 0 auto;width:var(--jym-hero-avatar);height:var(--jym-hero-avatar);border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgb(var(--jym-hero-background))}.jym-hero__avatar+.jym-hero__avatar{margin-inline-start:var(--jym-hero-avatar-overlap)}.jym-hero__avatar--window{--jym-hero-strip-zoom: 1.14;position:relative;overflow:hidden;background:rgb(var(--jym-hero-background));z-index:calc(var(--i) + 1)}.jym-hero__avatar--window img{position:absolute;display:block;max-width:none;height:calc(var(--jym-hero-avatar) * var(--jym-hero-strip-zoom));width:auto;top:calc(var(--jym-hero-avatar) * (1 - var(--jym-hero-strip-zoom)) / 2);left:calc(var(--jym-hero-avatar) / 2 - (39 + 54 * var(--i)) * var(--jym-hero-avatar) * var(--jym-hero-strip-zoom) / 78)}.jym-hero__proof-text{font-size:17px;font-weight:700;line-height:1.2}.jym-hero__title{margin:0;font-size:clamp(1.625rem,.5rem + 2.7vw,2.75rem);line-height:1.05;text-wrap:balance}.jym-hero__text{font-size:16px;line-height:1.45;color:rgb(var(--jym-hero-text) / .78)}.jym-hero__text p{margin:0}.jym-hero__text p+p{margin-block-start:.6em}.jym-hero__ctas{display:flex;flex-direction:column;gap:14px;width:100%}.jym-hero__ctas .button{width:100%}.jym-hero__guarantee{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;font-size:13px;font-weight:500;line-height:1.5;color:rgb(var(--jym-hero-text) / .65)}.jym-hero__guarantee li:before{content:"\2713";margin-inline-end:6px}@media screen and (min-width:412px){.jym-hero{--jym-hero-stack: 385px}}@media screen and (min-width:700px){.jym-hero{--jym-hero-gap: 16px;padding-block:40px}.jym-hero__media{aspect-ratio:var(--jym-hero-tablet-ratio, 16 / 9);max-height:none;width:min(100%,max(420px,calc((var(--jym-hero-vh, 100svh) - 420px) * var(--jym-hero-tablet-ratio, 1.7778))));margin-inline:auto}.jym-hero__ctas{flex-direction:row;flex-wrap:wrap;justify-content:center;width:auto}.jym-hero__ctas .button{width:auto;white-space:nowrap}.jym-hero__guarantee{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px 28px;font-size:14px}}@media screen and (min-width:1000px){.jym-hero{--jym-hero-gap: 20px;--jym-hero-avatar: 34px;--jym-hero-avatar-overlap: -10.5px;padding-block:56px}.jym-hero__inner{grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:48px;align-items:center}.jym-hero__media{order:0;aspect-ratio:680 / 520;max-height:none;width:100%}.jym-hero__caption{display:block}.jym-hero__copy{align-items:flex-start;text-align:start}.jym-hero__text{font-size:20px;max-width:30em}.jym-hero__title{max-width:14em}.jym-hero__ctas,.jym-hero__guarantee{justify-content:flex-start}}@media screen and (min-width:1400px){.jym-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,680px)}}
/*# sourceMappingURL=/cdn/shop/t/178/assets/jym-hero.css.map */