.jj-hero{position:relative;display:flex;height:var(--jj-hero-height, 770px);overflow:hidden;background:#8a9aa5;color:var(--jj-color-on-hero)}.jj-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.jj-hero__track{display:flex;height:100%;transition:transform .5s ease-in-out}.jj-hero__track.is-instant{transition:none}.jj-hero__slide{position:relative;flex:0 0 100%;height:100%;color:var(--jj-color-on-hero)}.jj-hero__img{object-position:var(--jj-hero-focal, center)}.jj-hero__arrow{position:absolute;top:calc(50% - 16px);z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:0;background:#fff;color:var(--jj-color-text);opacity:.6;transition:opacity .15s ease-out,background-color .15s ease-out,color .15s ease-out}@media(hover:hover){.jj-hero__arrow:hover{background:#000;color:#fff;opacity:1}}.jj-hero__arrow:focus-visible{outline:2px solid var(--jj-color-inverse);outline-offset:2px;opacity:1}.jj-hero__arrow--prev{left:24px}.jj-hero__arrow--prev .jj-icon{transform:rotate(90deg)}.jj-hero__arrow--next{right:24px}.jj-hero__arrow--next .jj-icon{transform:rotate(-90deg)}.jj-hero__dots{position:absolute;bottom:34px;left:50%;z-index:1;display:flex;gap:10px;transform:translate(-50%)}.jj-hero__dot{width:10px;height:10px;border-radius:50%;background:#fff;opacity:.4}.jj-hero__dot[aria-current=true]{opacity:1}@media(pointer:coarse){.jj-hero__dot{position:relative}.jj-hero__dot:before{content:"";position:absolute;inset:calc((100% - 44px)/2) -5px}.jj-hero__dot:first-child:before{left:calc(100% - 39px)}.jj-hero__dot:last-child:before{right:calc(100% - 39px)}}.jj-hero__dot:focus-visible{outline:1px solid #ffffff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.jj-hero__track{transition:none}}.jj-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:24px;width:100%;padding:0 var(--jj-gutter) 86px 86px}.jj-hero__texts{display:flex;flex-direction:column;gap:14px}.jj-hero__kicker{font-size:18px;font-weight:400;line-height:26px;letter-spacing:.25px}.jj-hero__title{font-family:var(--jj-font);font-size:64px;font-weight:900;line-height:72px;letter-spacing:1px}.jj-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:160px;height:40px;padding:0 28px;border:1px solid var(--jj-color-inverse);border-radius:0;background:var(--jj-color-inverse);color:var(--jj-color-text);font-size:14px;font-weight:900;line-height:16px;letter-spacing:0;white-space:nowrap;transition:opacity .15s ease-in-out}.jj-hero__button:hover{opacity:.85}.jj-hero__button:focus-visible{outline:1px solid #0049ff;outline-offset:2px}@media screen and (min-width:750px)and (max-width:989px){.jj-hero__content{padding-left:48px;padding-bottom:64px}.jj-hero__title{font-size:52px;line-height:60px}}@media screen and (max-width:749px){.jj-hero{height:var(--jj-hero-height-mobile, 623px)}.jj-hero__img{object-position:var(--jj-hero-pos-mobile, var(--jj-hero-focal, center))}.jj-hero__arrow{display:none}.jj-hero__dots{bottom:20px}.jj-hero__dot{width:8px;height:8px;opacity:.55;box-shadow:0 1px 2px #00000059}.jj-hero__content{gap:16px;padding:0 32px 32px}.jj-hero--overlay-nav .jj-hero__content{padding:0 32px 32px}.jj-hero__texts{gap:10px}.jj-hero__kicker{font-size:15px;line-height:22px}.jj-hero__title{font-size:40px;line-height:48px;letter-spacing:.25px}.jj-hero__button{min-width:140px;height:38px;padding:0 18px}}.jj-header-section:has(~* .jj-hero--overlay-nav),html:has(.jj-hero--overlay-nav) .jj-header-section{height:0}html:has(.jj-hero--overlay-nav) .jj-header{position:absolute;inset-inline:0;top:0}html:has(.jj-hero--overlay-nav) .jj-header .jj-header__inner{box-shadow:none;border-bottom-color:transparent}@media screen and (min-width:750px){html:has(.jj-hero--overlay-nav) .jj-header:not(.is-scrolled){background:transparent;color:var(--jj-color-inverse)}html:has(.jj-hero--overlay-nav) .jj-header .jj-header__cart .cart-bubble__text{color:var(--jj-color-text)}}html:has(.jj-hero--overlay-nav) .jj-header:is(.is-mega-open,.is-search-open,.is-scrolled){background:var(--jj-color-background);color:var(--jj-color-text)}html:has(.jj-hero--overlay-nav) .jj-header:is(.is-mega-open,.is-search-open) .jj-header__inner{box-shadow:inset 0 -1px #cdcdcd}@media screen and (min-width:750px){html:has(.jj-hero--overlay-nav) .jj-header.is-scrolled .jj-header__inner{box-shadow:inset 0 -1px #cdcdcd}}@media(hover:hover)and (min-width:750px){html:has(.jj-hero--overlay-nav) .jj-header:hover{background:var(--jj-color-background);color:var(--jj-color-text)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-jj-hero.css.map */