.kh{--kh-p:0;--kh-mx:0;--kh-my:0;--kh-dir:1;--kh-ease:cubic-bezier(.16,1,.3,1);--kh-edge:max(var(--gutter),calc((100vw - var(--max))/2));position:relative;isolation:isolate;height:100vh;height:100svh;min-height:640px;max-height:1000px;margin-top:calc(-1 * var(--kh-hdr,84px));overflow:hidden;color:var(--ink)}.kh-slide{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;z-index:1}.kh-slide.is-on{visibility:visible;z-index:2}.kh-slide.is-off{visibility:visible;z-index:1}.kh-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}.kh-amb{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;opacity:0;transition:opacity 1s ease}.kh-amb img{width:100%;height:100%;object-fit:cover;filter:blur(70px) saturate(1.6) brightness(1.06);transform:scale(calc(1.1 + var(--kh-p) * .15))}.is-on .kh-amb{opacity:.95}.kh-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fffcfaf2,#fffcfacc 34%,#fffcfa2e 62%,#fffcfa00 80%)}.kh-num{position:absolute;left:calc(var(--kh-edge) - .05em);top:calc(var(--kh-hdr,84px) - .06em);font-family:var(--display);font-weight:800;font-size:clamp(170px,25vw,400px);line-height:.8;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1.5px rgba(31,21,34,.1);transform:translate3d(calc(var(--kh-mx) * -26px),calc(var(--kh-my) * -14px + var(--kh-p) * 120px),0);opacity:0;transition:opacity .9s ease}.is-on .kh-num{opacity:1}.kh-media{position:absolute;z-index:1;top:0;bottom:0;right:calc(var(--kh-edge) + 2vw);height:100%;aspect-ratio:9/16;display:block;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 76%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 76%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-composite:intersect}.kh-media-in{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate3d(calc(var(--kh-mx) * 26px),calc(var(--kh-my) * 16px + var(--kh-p) * -90px),0) scale(calc(1 - var(--kh-p) * .06));will-change:transform}.kh-media img,.kh-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.kh-media video{z-index:1}.is-on .kh-media{animation:khReveal 1.15s var(--kh-ease) both}.is-off .kh-media{animation:khLeave .8s ease both}@keyframes khReveal{0%{clip-path:inset(100% 0 0 0);transform:translateY(calc(var(--kh-dir) * 40px))}to{clip-path:inset(0 0 0 0);transform:none}}@keyframes khLeave{0%{opacity:1}to{opacity:0;transform:scale(1.04)}}.kh-shade{display:none}.kh-copy{position:absolute;z-index:3;left:var(--kh-edge);top:calc(var(--kh-hdr,84px) + 36px);bottom:110px;width:min(46vw,660px);display:flex;flex-direction:column;justify-content:center;gap:20px;transform:translate3d(0,calc(var(--kh-p) * -70px),0);opacity:calc(1 - var(--kh-p) * 1.5)}.kh-eyebrow{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:6px 16px 6px 6px;border-radius:var(--pill);background:#ffffffb3;border:1px solid var(--glass-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.kh-eyebrow b{display:grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:var(--pill);background:var(--grad-hot);color:#fff;font-family:var(--display);font-size:13px;letter-spacing:0}.kh-title{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(52px,6vw,104px);line-height:.9;letter-spacing:-.045em;text-wrap:balance}.kh-title a{color:inherit;text-decoration:none}.kh-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.kh-w>span{display:inline-block;transform:translate3d(0,108%,0);transition:transform 1s var(--kh-ease) calc(var(--i) * 70ms + .15s)}.is-on .kh-w>span{transform:none}.is-off .kh-w>span{transform:translate3d(0,-108%,0);transition-duration:.55s;transition-delay:calc(var(--i) * 30ms)}.kh-sub{display:block;margin-top:.22em;font-family:var(--serif);font-style:italic;font-weight:400;font-size:.42em;line-height:1.05;letter-spacing:-.01em;background:var(--grad-hot);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform 1s var(--kh-ease);transition-delay:calc(var(--i) * 70ms + .25s)}.is-on .kh-sub{opacity:1;transform:none}.kh-text,.kh-buy,.kh-perks{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform 1s var(--kh-ease)}.is-on .kh-text{opacity:1;transform:none;transition-delay:.45s}.is-on .kh-buy{opacity:1;transform:none;transition-delay:.55s}.is-on .kh-perks{opacity:1;transform:none;transition-delay:.65s}.is-off .kh-text,.is-off .kh-buy,.is-off .kh-perks{opacity:0;transition-duration:.3s;transition-delay:0s}.kh-text{margin:0;max-width:46ch;font-size:16px;line-height:1.6;color:var(--ink-2)}.kh-buy{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px}.kh-price{font-family:var(--display);font-weight:600;font-size:clamp(32px,3vw,44px);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.kh-price s{margin-left:10px;font-size:.45em;color:var(--ink-2);font-weight:400}.kh-form{display:flex;align-items:center;gap:18px;margin:0}.kh-cta{display:inline-flex;align-items:center;gap:14px;height:62px;padding:0 8px 0 28px;border:0;border-radius:var(--pill);background:var(--ink);color:#fff;font:600 16px var(--body);cursor:pointer;transition:transform .4s var(--kh-ease),box-shadow .4s}.kh-cta i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--grad-hot);font-style:normal;font-size:18px;transition:transform .5s var(--kh-ease)}.kh-cta:hover{transform:translateY(-2px);box-shadow:0 18px 40px -18px #1f152299}.kh-cta:hover i{transform:rotate(-45deg)}.kh-cta:focus-visible,.kh-more:focus-visible,.kh-arrow:focus-visible,.kh-thumb:focus-visible{outline:2px solid var(--hot);outline-offset:3px}.kh-cta:disabled{opacity:.5;cursor:not-allowed}.kh-more{font-weight:600;font-size:15px;color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}.kh-perks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13.5px;font-weight:600}.kh-perks li{display:inline-flex;align-items:center;gap:8px}.kh-perks li:before{content:"";width:18px;height:18px;border-radius:50%;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat,var(--grad-hot)}.kh-bars{position:absolute;z-index:4;top:calc(var(--kh-hdr,84px) + 8px);left:var(--kh-edge);width:min(380px,32vw);display:flex;gap:6px}.kh-bar{flex:1;height:3px;border-radius:3px;background:#1f152224;overflow:hidden;position:relative}.kh-bar i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);transform-origin:left;transform:scaleX(0)}.kh-bar.is-done i{transform:none}.kh-bar.is-cur i{animation:khFill var(--kh-ms,7s) linear forwards}.kh.is-paused .kh-bar.is-cur i{animation:none;transform:none}.kh.is-hold .kh-bar.is-cur i{animation-play-state:paused}@keyframes khFill{0%{transform:scaleX(0)}to{transform:none}}.kh-nav{position:absolute;z-index:4;left:var(--kh-edge);bottom:34px;display:flex;align-items:center;gap:10px}.kh-count{margin-right:8px;font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--ink-2);font-variant-numeric:tabular-nums}.kh-count b{color:var(--ink);font-size:22px}.kh-arrow{display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:50%;border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow);color:var(--ink);cursor:pointer;transition:background .3s,color .3s,transform .3s}.kh-arrow:hover{background:var(--ink);color:#fff}.kh-arrow svg{width:20px;height:20px}.kh-thumbs{display:flex;gap:8px;margin-left:12px}.kh-thumb{width:46px;height:46px;padding:0;border-radius:14px;overflow:hidden;border:2px solid transparent;background:var(--blush);cursor:pointer;opacity:.6;transition:opacity .3s,border-color .3s,transform .3s}.kh-thumb img{width:100%;height:100%;object-fit:cover}.kh-thumb.is-on{opacity:1;border-color:var(--ink)}.kh-thumb:hover{opacity:1;transform:translateY(-2px)}.kh-hint{display:none}.kh-scroll{position:absolute;z-index:4;left:50%;bottom:22px;width:22px;height:36px;margin-left:-11px;border:1.5px solid rgba(31,21,34,.35);border-radius:12px}.kh-scroll span{position:absolute;left:50%;top:7px;width:4px;height:7px;margin-left:-2px;border-radius:2px;background:var(--ink);animation:khScroll 1.8s ease-in-out infinite}@keyframes khScroll{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(12px)}}@media(max-width:1024px){.kh{height:100vh;height:100svh;min-height:560px;max-height:none;color:#fff}.kh-stage{display:none}.kh-media{top:0;bottom:0;left:0;right:0;width:100%;height:100%;aspect-ratio:auto;-webkit-mask-image:none;mask-image:none}.kh-media-in{transform:translate3d(0,calc(var(--kh-p) * 60px),0) scale(calc(1 + var(--kh-p) * .06))}.kh-shade{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#1f152252,#1f152200 20% 40%,#1f152280 62%,#1f1522e0)}.kh-copy{left:16px;right:16px;top:auto;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:auto;gap:10px;justify-content:flex-end;opacity:1;transform:none}.kh-eyebrow{padding:5px 12px 5px 5px;background:#ffffff29;border-color:#ffffff4d;color:#fff;font-size:11px}.kh-eyebrow b{min-width:26px;height:26px;font-size:12px}.kh-title{font-size:clamp(32px,9vw,44px);color:#fff;text-shadow:0 2px 24px rgba(31,21,34,.35)}.kh-sub{font-size:.5em;background:none;color:#ffd0e0}.kh-text{display:none}.kh-buy{gap:10px 14px}.kh-price{font-size:28px;color:#fff}.kh-price s{color:#ffffffb3}.kh-form{flex:1 1 100%;gap:14px}.kh-cta{flex:1;justify-content:space-between;height:58px;padding-left:24px;background:#fff;color:var(--ink)}.kh-cta i{width:42px;height:42px;color:#fff}.kh-more{color:#fff;font-size:14px;white-space:nowrap}.kh-perks{gap:6px 14px;font-size:12px;color:#ffffffeb}.kh-perks li:before{width:16px;height:16px;background-size:10px}.kh-bars{left:16px;right:16px;width:auto;top:calc(var(--kh-hdr,76px) + 4px)}.kh-bar{background:#ffffff59}.kh-bar i{background:#fff}.kh-nav{left:auto;right:10px;bottom:auto;top:40%}.kh-count,.kh-thumbs,.kh-nav .kh-arrow:not(.kh-arrow-next){display:none}.kh-arrow-next{width:44px;height:44px;background:#fff3;border-color:#fff6;color:#fff;animation:khNudge 2.4s ease-in-out 1.5s 3}.kh-hint{display:block;position:absolute;z-index:4;right:12px;top:calc(40% + 52px);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px rgba(31,21,34,.5);transition:opacity .4s}.kh-hint i{display:inline-block;font-style:normal;animation:khArrow 1.4s ease-in-out infinite}.kh.is-touched .kh-hint{opacity:0}.kh-scroll{display:none}}@keyframes khNudge{0%,60%,to{transform:translate(0)}30%{transform:translate(6px)}}@keyframes khArrow{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.kh *{animation:none!important;transition:none!important}.kh-w>span,.kh-sub,.kh-text,.kh-buy,.kh-perks{transform:none!important;opacity:1!important}.kh-media-in,.kh-num,.kh-copy,.kh-amb img{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/kaju-hero.css.map */