.jf-hero-wrap{background:var(--jf-cream, #FCFBF8);overflow:hidden}.jf-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem;padding-block:clamp(2.5rem,6vw,5.5rem)}.jf-hero__badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--jf-green-soft, #E7F9E6);color:var(--jf-green-text, #167A2E);padding:.5em 1em;border-radius:50px;font-size:.8rem;font-weight:700;letter-spacing:.01em;margin-bottom:1.25rem}.jf-hero__title{font-size:clamp(2.8rem,6.2vw,5.4rem);line-height:.98;margin:0 0 1.1rem;color:var(--jf-black, #0C0C0D)}.jf-hero__sub{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.5;max-width:33rem;margin:0 0 1.75rem;color:var(--jf-grey, #5C5C5C)}.jf-hero__benefits{list-style:none;padding:0;margin:0 0 2rem;display:grid;gap:.6rem}.jf-hero__benefits li{display:flex;align-items:center;gap:.65rem;font-weight:500;font-size:1rem}.jf-hero__check{display:grid;place-items:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--jf-mint);color:var(--jf-black, #0C0C0D)}.jf-hero__cta{display:flex;flex-wrap:wrap;gap:.75rem}.jf-hero__btn{min-width:190px}.jf-hero__media{position:relative}.jf-hero__panel{position:relative;border-radius:4px;background:linear-gradient(155deg,var(--jf-cream-2, #F8F6EB) 0%,var(--jf-green-soft, #E7F9E6) 100%);padding:clamp(1.5rem,4vw,3rem);display:grid;place-items:center;aspect-ratio:1 / .92;overflow:hidden}.jf-hero__img{position:relative;z-index:1;width:100%;max-width:460px;height:auto;object-fit:contain;filter:drop-shadow(0 26px 50px rgba(12,12,13,.16));mix-blend-mode:multiply}.jf-hero__float{position:absolute;left:1.25rem;bottom:1.25rem;z-index:2;background:#fff;border-radius:16px;padding:.85rem 1.15rem;box-shadow:0 14px 30px #0c0c0d24;display:flex;flex-direction:column;line-height:1.1}.jf-hero__float strong{font-family:var(--font-heading-family);font-size:1.5rem;color:var(--jf-green-text, #167A2E)}.jf-hero__float em{font-style:normal;font-size:.8rem;color:var(--jf-grey, #5C5C5C)}@media screen and (max-width:989px){.jf-hero{grid-template-columns:1fr;gap:1.75rem;text-align:left;padding-block:2.5rem}.jf-hero__media{order:-1}.jf-hero__panel{aspect-ratio:16 / 11}.jf-hero__img{max-width:320px}.jf-hero__cta .jf-hero__btn{flex:1 1 auto}}@media screen and (max-width:480px){.jf-hero__benefits li{font-size:.95rem}.jf-hero__cta{flex-direction:column;align-items:stretch}.jf-hero__btn{min-width:0;width:100%}.jf-hero__title{font-size:clamp(2rem,8.5vw,2.6rem)}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/section-jf-hero.css.map */