.jpm-hero{position:relative;display:flex;align-items:center;min-height:var(--jpm-hero-height,460px);overflow:hidden;background:var(--jpm-blush,#f5e2e2)}.jpm-hero__slides{position:absolute;top:0;right:0;bottom:0;left:0}.jpm-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% var(--jpm-focal-y,50%);opacity:0;transform:scale(1);transition:opacity 1.2s ease;will-change:opacity,transform}.jpm-hero__media.is-active{opacity:1;animation:jpm-kenburns 9s ease-out forwards}@keyframes jpm-kenburns{0%{transform:scale(1)}to{transform:scale(1.07)}}.jpm-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,var(--jpm-overlay,0))}.jpm-hero__inner{position:relative;width:100%}.jpm-hero__content{max-width:40ch;text-align:left}.jpm-hero__heading{margin:0;color:#000;font-weight:700;font-size:var(--font-h1--size,clamp(3rem,5.6vw,3.5rem));line-height:1;letter-spacing:0;text-align:left}.jpm-hero__sub{margin:16px 0 24px;color:#000;font-size:14px;line-height:2;max-width:52ch}.jpm-hero__button{display:inline-block;background:#000;color:#fff;padding:16px 24px;border:0;border-radius:var(--jpm-radius-button,14px);font-weight:400;font-size:14px;line-height:28px;letter-spacing:normal;text-transform:none;text-decoration:none;min-height:44px;transition:background .18s ease,color .18s ease}.jpm-hero__button:hover{background:var(--jpm-brand-hover,#d63a2f);color:#fff}.jpm-hero__dots{display:flex;gap:10px;margin-top:28px;padding:0}.jpm-hero__dot{width:32px;height:3px;padding:0;border:0;border-radius:2px;background:#00000040;cursor:pointer;transition:background .2s ease}.jpm-hero__dot:hover{background:#0000008c}.jpm-hero__dot.is-active{background:#000}.jpm-hero__dot:focus-visible{outline:2px solid #000;outline-offset:4px}@media(pointer:coarse){.jpm-hero__dots{gap:0}.jpm-hero__dot{height:44px;width:44px;background:none;position:relative}.jpm-hero__dot.is-active{background:none}.jpm-hero__dot:after{content:"";position:absolute;left:6px;right:6px;top:50%;height:3px;border-radius:2px;background:#00000040;transform:translateY(-50%)}.jpm-hero__dot.is-active:after{background:#000}}@media screen and (min-width:750px){.jpm-hero{min-height:0;aspect-ratio:1440/804;max-height:1080px}}@media screen and (max-width:749px){.jpm-hero__inner{padding-block:40px}.jpm-hero__content{max-width:none}.jpm-hero__media{object-position:68% var(--jpm-focal-y,50%)}}@media(prefers-reduced-motion:reduce){.jpm-hero__media{transition:none}.jpm-hero__media.is-active{animation:none;transform:none}}.jpm-hero--light{background:#0b0807}.jpm-hero--light .jpm-hero__overlay{background:rgba(0,0,0,var(--jpm-overlay,0))}.jpm-hero--light .jpm-hero__heading{color:#fff}.jpm-hero--light .jpm-hero__sub{color:#ffffffdb}.jpm-hero--light .jpm-hero__button{background:#fff;color:#000}.jpm-hero--light .jpm-hero__button:hover{background:var(--jpm-pink,#f2c6c2);color:#000}.jpm-hero--light .jpm-hero__button:focus-visible{outline:2px solid #fff;outline-offset:3px}.jpm-hero--light .jpm-hero__dot{background:#ffffff4d}.jpm-hero--light .jpm-hero__dot:hover{background:#fff9}.jpm-hero--light .jpm-hero__dot.is-active{background:#fff}.jpm-hero--light .jpm-hero__dot:focus-visible{outline-color:#fff}@media(pointer:coarse){.jpm-hero--light .jpm-hero__dot,.jpm-hero--light .jpm-hero__dot.is-active{background:none}.jpm-hero--light .jpm-hero__dot:after{background:#ffffff4d}.jpm-hero--light .jpm-hero__dot.is-active:after{background:#fff}}@media screen and (max-width:749px){.jpm-hero--light{display:block;min-height:0}.jpm-hero--light .jpm-hero__slides{position:relative;inset:auto;aspect-ratio:16/9;overflow:hidden}.jpm-hero--light .jpm-hero__media{object-position:50% 50%}.jpm-hero--light .jpm-hero__overlay{display:none}.jpm-hero--light .jpm-hero__inner{padding-block:28px 32px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/jpmode-hero.css.map */