.ji-hero{--ji-hero-accent:var(--ji-flavour,var(--ji-accent));position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:min(92svh,860px);padding-block:clamp(28px,4vh,54px);background:var(--ji-surface);color:var(--ji-on-surface);overflow:hidden;touch-action:pan-y;isolation:isolate}.ji-hero__wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(58% 52% at 74% 40%,color-mix(in srgb,var(--ji-hero-accent) 52%,transparent),transparent 70%),linear-gradient(180deg,var(--ji-surface) 0%,color-mix(in srgb,var(--ji-hero-accent) 20%,var(--ji-surface)) 100%);transition:background var(--ji-dur-slow) var(--ji-ease)}.ji-hero__inner{position:relative;z-index:3;width:min(var(--ji-page),100% - (var(--ji-gutter) * 2));margin-inline:auto;display:grid;grid-template-columns:minmax(0,50%) minmax(0,1fr);align-items:end;gap:var(--ji-s6)}.ji-hero__copy{position:relative;z-index:4;padding-bottom:var(--ji-s4)}.ji-hero__number{display:flex;align-items:center;gap:8px;margin-bottom:var(--ji-s4);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ji-on-surface-mute);font-variant-numeric:tabular-nums}.ji-hero__number strong{color:var(--ji-on-surface);font-weight:800}.ji-hero__title{font-size:clamp(46px,min(8.4vw,13vh),132px);line-height:.86}.ji-hero__seo-title{max-width:32ch;margin:0 0 var(--ji-s4);font-size:clamp(22px,2.8vw,38px);line-height:1.05;letter-spacing:-.025em}.ji-hero__journey{display:flex;flex-wrap:wrap;gap:var(--ji-s3);margin-top:var(--ji-s5)}.ji-hero__journey .ji-button{min-height:48px}.ji-hero__title-line--2{color:color-mix(in srgb,var(--ji-hero-accent) 78%,var(--ji-ink));transition:color var(--ji-dur-slow) var(--ji-ease)}.ji-hero__tagline{margin-top:var(--ji-s4);font-family:var(--ji-serif);font-style:italic;font-size:clamp(17px,1.5vw,23px);max-width:30ch;color:var(--ji-on-surface-mute)}.ji-hero__rating{display:flex;align-items:center;gap:10px;margin-top:var(--ji-s4);font-size:12px;font-variant-numeric:tabular-nums;color:var(--ji-on-surface-mute);min-height:20px}.ji-hero__specs{display:flex;flex-wrap:wrap;gap:10px var(--ji-s5);margin-top:var(--ji-s4);padding-top:var(--ji-s4);border-top:1px solid var(--ji-line);max-width:620px}.ji-hero__spec{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ji-on-surface-mute)}.ji-hero__buy{display:flex;align-items:center;gap:var(--ji-s4);flex-wrap:wrap;margin-top:var(--ji-s5)}.ji-hero__price{font-family:var(--ji-display);font-weight:800;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.ji-hero__price small{font-family:var(--ji-sans);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ji-on-surface-mute);margin-left:7px}.ji-hero__qty{display:inline-flex;align-items:center;border:2px solid var(--ji-on-surface);border-radius:var(--ji-radius-pill)}.ji-hero__qty button{min-width:44px;min-height:48px;display:grid;place-items:center;font-size:19px}.ji-hero__qty output{min-width:26px;text-align:center;font-weight:750;font-variant-numeric:tabular-nums}.ji-hero__cta{min-height:56px;padding:0 var(--ji-s7);background:var(--ji-on-surface);color:var(--ji-surface);border:2px solid var(--ji-on-surface);border-radius:var(--ji-radius-pill);font-size:13px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;box-shadow:6px 6px color-mix(in srgb,var(--ji-hero-accent) 82%,var(--ji-ink));transition:transform var(--ji-dur-fast) var(--ji-slow),box-shadow var(--ji-dur-fast) var(--ji-slow)}.ji-hero__cta:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:9px 9px color-mix(in srgb,var(--ji-hero-accent) 82%,var(--ji-ink))}.ji-hero__cta:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ji-hero__status{margin-top:var(--ji-s3);font-size:12px;font-weight:700;color:var(--ji-on-surface-mute);min-height:18px}.ji-hero__stage{position:absolute;inset:0 0 calc(var(--ji-s6) + 46px) 0;z-index:2;pointer-events:auto;touch-action:pan-y}.ji-hero__stage img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.ji-hero__media{--ji-active-bag-scale:var(--ji-hero-bag-scale,1.22);position:absolute;top:48%;left:75%;width:min(48vw,660px);transform:translate(-50%,-50%) rotate(var(--bag-rotate,0deg)) scale(.9);opacity:0;visibility:hidden;transition:opacity var(--ji-dur-slow) var(--ji-ease),transform var(--ji-dur-slow) var(--ji-slow),visibility var(--ji-dur-slow)}.ji-hero__media.is-active{opacity:1;visibility:visible;transform:translate(calc(-50% + var(--ji-drag,0px)),-50%) rotate(var(--bag-rotate,0deg)) scale(var(--ji-active-bag-scale))}.ji-hero__media img{display:block;width:100%;height:auto}.ji-hero--shadow .ji-hero__media img{filter:drop-shadow(0 30px 26px rgba(63,40,30,.24))}.ji-hero--float .ji-hero__media.is-active img{animation:jiHeroBagFloat 5.8s ease-in-out infinite}@keyframes jiHeroBagFloat{0%,to{transform:translate3d(0,-1.2%,0) rotate(-.25deg)}50%{transform:translate3d(0,1.2%,0) rotate(.25deg)}}.ji-hero__nav{position:relative;z-index:5;width:min(var(--ji-page),100% - (var(--ji-gutter) * 2));margin:var(--ji-s6) auto 0;display:flex;align-items:center;gap:var(--ji-s2);flex-wrap:wrap}.ji-hero__tab{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 14px 0 12px;border:1.5px solid var(--ji-line-strong);border-radius:var(--ji-radius-pill);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--ji-on-surface-mute);background:color-mix(in srgb,var(--ji-surface) 86%,transparent);transition:transform var(--ji-dur-fast) var(--ji-slow),background var(--ji-dur-fast) ease,color var(--ji-dur-fast) ease,border-color var(--ji-dur-fast) ease}.ji-hero__tab i{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:var(--ji-radius-pill);border:1px solid var(--ji-line-strong);background:color-mix(in srgb,var(--ji-surface) 92%,transparent);font-style:normal;font-size:9px;font-variant-numeric:tabular-nums;opacity:.78}.ji-hero__tab b{font-size:11px;letter-spacing:.11em}.ji-hero__tab:hover{transform:translateY(-2px);border-color:var(--ji-on-surface);color:var(--ji-on-surface)}.ji-hero__tab.is-active{transform:translateY(-2px);background:var(--ji-on-surface);color:var(--ji-surface);border-color:var(--ji-on-surface);box-shadow:0 8px 18px color-mix(in srgb,var(--ji-on-surface) 28%,transparent)}.ji-hero__tab.is-active i{background:color-mix(in srgb,var(--ji-surface) 16%,transparent);border-color:color-mix(in srgb,var(--ji-surface) 50%,transparent);opacity:1}.ji-hero__drag{margin-left:auto;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ji-on-surface-mute)}.ji-hero__setup{position:relative;z-index:4;width:min(var(--ji-page),100% - (var(--ji-gutter) * 2));margin-inline:auto}@media(max-width:980px){.ji-hero{min-height:auto;padding-top:var(--ji-s5)}.ji-hero__wash{background:radial-gradient(64% 34% at 50% 26%,color-mix(in srgb,var(--ji-hero-accent) 56%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--ji-hero-accent) 24%,var(--ji-surface)) 0%,var(--ji-surface) 58%)}.ji-hero__inner{grid-template-columns:1fr;align-items:start}.ji-hero__stage{position:relative;inset:auto;height:min(46vh,360px);order:-1;margin-bottom:var(--ji-s4);overflow:hidden}.ji-hero__media{--ji-active-bag-scale:var(--ji-hero-bag-scale-mobile,1.16);left:50%;top:50%;width:min(84vw,420px);max-height:100%}.ji-hero__media img{max-height:min(46vh,360px);width:auto;margin-inline:auto;object-fit:contain}.ji-hero__copy{padding-bottom:0}.ji-hero__title{font-size:clamp(42px,13vw,72px)}.ji-hero__seo-title{font-size:clamp(22px,7vw,34px)}.ji-hero__buy{gap:var(--ji-s3)}.ji-hero__cta{flex:1;min-width:170px}.ji-hero__nav{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;margin-inline:calc(var(--ji-gutter) * -1);padding-inline:var(--ji-gutter);width:auto}.ji-hero__nav::-webkit-scrollbar{display:none}.ji-hero__tab{flex:0 0 auto}.ji-hero__drag{display:none}}@media(max-width:380px){.ji-hero__title{font-size:clamp(36px,12vw,54px)}.ji-hero__specs{gap:8px var(--ji-s4)}}@media(prefers-reduced-motion:reduce){.ji-hero__media{transition:opacity .001ms,visibility .001ms}.ji-hero__media.is-active{transform:translate(-50%,-50%) rotate(var(--bag-rotate,0deg)) scale(var(--ji-active-bag-scale))}.ji-hero--float .ji-hero__media.is-active img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/ji-hero.css.map */