.sp-hero{position:relative;overflow:hidden;background:var(--sp-50);isolation:isolate}.sp-hero__media{position:relative;overflow:hidden;background:#f4f0fa;container-type:size;height:clamp(200px,60.5vw,236px)}.sp-hero__frame{position:absolute;top:0;right:0;bottom:0;left:0}.sp-hero .sp-hero__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--sp-hero-pos-m, 50% 34%)}.sp-hero__img--placeholder{background:var(--sp-100);fill:var(--sp-300)}.sp-hero__sparks{position:absolute;top:10px;right:28px;width:50px;height:41px;z-index:1;pointer-events:none}.sp-hero__spark{display:block;aspect-ratio:1}.sp-hero__spark--lg{left:20px;top:0;width:30px;color:var(--sp-500)}.sp-hero__spark--sm{left:0;top:26px;width:15px;color:var(--sp-200)}.sp-hero__pill{letter-spacing:.04em}.sp-hero__pill--media{position:absolute;z-index:2;left:var(--sp-gutter);bottom:10px;padding:6px 12px}.sp-hero__pill--text{display:none}.sp-hero__inner{position:relative;z-index:1}.sp-hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 0 32px}.sp-hero__only-d{display:none}.sp-hero__rating{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.3;font-weight:600;color:var(--sp-text)}.sp-hero__rating{min-height:21px}.sp-hero__stars{--sp-star: 15.4px;gap:0}.sp-hero__stars svg{flex:none}.sp-hero__title{font-size:clamp(26px,7.7vw,30px);line-height:1.06;letter-spacing:-.04em;text-wrap:wrap}.sp-hero__t3{display:block}.sp-hero__hl{position:relative;display:inline-block}.sp-hero__trazo{position:absolute;pointer-events:none;left:-.1em;top:calc(100% + .5px);width:calc(100% + .3em);height:.34em;overflow:visible}.sp-hero__lead{font-size:15px;line-height:1.55;font-weight:400;color:var(--sp-text)}.sp-hero__ctas{display:flex;flex-direction:column;gap:8px;width:100%}.sp-hero__btn{width:100%;min-height:48px;padding:12px 24px}.sp-hero__arrow{display:none}.sp-hero__arrow svg{display:block;width:10px;height:10px}.sp-hero__proof{display:flex;align-items:center;gap:10px}.sp-hero__avatars{display:flex;align-items:center;flex:none}.sp-hero .sp-hero__avatar{width:32px;height:32px;max-width:none;border-radius:50%;border:2px solid var(--sp-white);object-fit:cover;background:var(--sp-100)}.sp-hero .sp-hero__avatar+.sp-hero__avatar{margin-left:-10px}.sp-hero__proof-text{font-size:13px;line-height:1.3;font-weight:600;color:var(--sp-text)}@media(max-width:371px){.sp-hero__proof-text{font-size:12px}}@media(min-width:750px){.sp-hero__media{height:clamp(360px,44vw,500px)}.sp-hero__frame{--_ar: var(--sp-hero-ar, 2.2326);--_fx: var(--sp-hero-fx, .5);--_fy: var(--sp-hero-fy, .5);--sp-hero-w: max(100cqw, 100cqh * var(--_ar));inset:auto;width:var(--sp-hero-w);height:calc(var(--sp-hero-w) / var(--_ar));left:calc((100cqw - var(--sp-hero-w)) * var(--_fx));top:calc((100cqh - var(--sp-hero-w) / var(--_ar)) * var(--_fy))}.sp-hero .sp-hero__img{object-position:50% 50%}.sp-hero__sparks{top:var(--sp-hero-spark-y, 19%);left:var(--sp-hero-spark-x, 48.5%);right:auto;width:4.01%;height:auto;aspect-ratio:77 / 74}.sp-hero__spark--lg{left:0;top:0;width:57.14%}.sp-hero__spark--sm{left:71.43%;top:70.27%;width:28.57%}.sp-hero__pill--media{bottom:20px;padding:8px 16px}.sp-hero__content{gap:18px;padding:32px 0 56px;max-width:680px}.sp-hero__only-d{display:revert}.sp-hero__only-m{display:none}.sp-hero__rating{gap:12px;min-height:26px;font-size:15px;line-height:1.2}.sp-hero__stars{--sp-star: 20.6px;gap:0}.sp-hero__title{font-size:clamp(44px,3.563vw + 17.27px,60px);line-height:1.04}.sp-hero__title{margin-bottom:8px}.sp-hero__trazo{left:-.05em;top:calc(100% - .035em);width:calc(100% + .15em);height:.3em}.sp-hero__lead{font-size:18px}.sp-hero__ctas{flex-direction:row;flex-wrap:wrap;gap:16px;width:auto}.sp-hero__btn{width:auto;min-height:55px;padding:16px 30px}.sp-hero__arrow{display:inline-block}.sp-hero__proof{gap:14px}.sp-hero .sp-hero__avatar{width:40px;height:40px}.sp-hero .sp-hero__avatar+.sp-hero__avatar{margin-left:-12px}.sp-hero__proof-text{font-size:15px;line-height:1.2}}@media(min-width:750px)and (max-width:1199px){.sp-hero__frame{--_ar: var(--sp-hero-ar-t, var(--sp-hero-ar, 2.2326));--_fx: var(--sp-hero-fx-t, var(--sp-hero-fx, .5));--_fy: var(--sp-hero-fy-t, var(--sp-hero-fy, .5))}.sp-hero__sparks{top:var(--sp-hero-spark-y-t, var(--sp-hero-spark-y, 19%));left:var(--sp-hero-spark-x-t, var(--sp-hero-spark-x, 48.5%));width:max(4.01%,40px)}}@media(min-width:990px)and (max-width:1199px){.sp-hero__media{height:clamp(300px,29.3vw,350px);background:#f0edfa}.sp-hero__frame{--sp-hero-w: min(100cqw, 100cqh * var(--_ar));-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.sp-hero__content{gap:14px;padding-top:20px}.sp-hero__title{font-size:48px}}@media(min-width:1200px){.sp-hero{background:#f4f0fa}.sp-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;z-index:0}.sp-hero__pill--media{display:none}.sp-hero__pill--text{display:inline-flex}.sp-hero__inner{display:flex;align-items:center;min-height:clamp(760px,41.667vw + 260px,860px)}.sp-hero__content{width:clamp(480px,33.333vw + 80px,560px);max-width:none;gap:32px;padding:48px 0}.sp-hero__title{font-size:clamp(64px,6.667vw - 16px,80px);line-height:1.04}.sp-hero__title{margin-bottom:0}.sp-hero__t1,.sp-hero__t2{display:block}.sp-hero__lead{font-size:20px}.sp-hero__pill--text{padding:8px 16px}}@media(min-width:1536px){.sp-hero__frame{--_ar: var(--sp-hero-ar-w, var(--sp-hero-ar, 2.2326));--_fx: var(--sp-hero-fx-w, var(--sp-hero-fx, .5));--_fy: var(--sp-hero-fy-w, var(--sp-hero-fy, .5))}.sp-hero__sparks{top:var(--sp-hero-spark-y-w, var(--sp-hero-spark-y, 19%));left:var(--sp-hero-spark-x-w, var(--sp-hero-spark-x, 48.5%))}}@media(min-width:1921px){.sp-hero,.sp-hero__media{background:#f1edfa}.sp-hero__frame{--sp-hero-w: calc(100cqh * var(--_ar));left:calc((100cqw - var(--sp-hero-w)) / 2);top:calc((100cqh - var(--sp-hero-w) / var(--_ar)) / 2);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}}@media(prefers-reduced-motion:reduce){.sp-hero .sp-btn__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/sp-hero.css.map */