.kan{--kan-origin: right}[dir=ltr] .kan{--kan-origin: left}.kan-bar{position:fixed;inset-block-start:0;inset-inline:0;height:2px;z-index:70;background:transparent;pointer-events:none}.kan-bar i{display:block;height:100%;transform:scaleX(0);transform-origin:var(--kan-origin);background:linear-gradient(90deg,rgba(17,17,19,.15),var(--bone))}.kan-pre{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:grid;place-items:center;align-content:center;gap:26px;transition:opacity .9s var(--ease),visibility .9s}.kan-pre.is-done{opacity:0;visibility:hidden}.kan-pre img{width:min(150px,34vw);opacity:.9;animation:kan-pre-in 1.4s var(--ease) both}.kan-pre .bar{width:min(190px,44vw);height:1px;background:#11111329;overflow:hidden}.kan-pre .bar i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:var(--kan-origin);animation:kan-pre-bar 1.4s var(--ease-2) forwards}@keyframes kan-pre-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:.9;transform:none}}@keyframes kan-pre-bar{to{transform:scaleX(1)}}.kan-hero{position:relative;min-height:100svh;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse 60% 50% at 50% 42%,rgba(120,140,160,.16),transparent 65%),radial-gradient(ellipse 90% 60% at 50% 108%,rgba(255,255,255,.07),transparent 60%),var(--ink)}.kan-hero__dust{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.kan-hero__grid{position:relative;z-index:3;width:100%;max-width:1500px;padding:110px var(--pad) 60px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(20px,4vw,70px)}.kan-hero__copy>*+*{margin-block-start:clamp(14px,1.8vw,26px)}.kan-hero__title .l{display:block;overflow:hidden}.kan-hero__title .l i{display:block;font-style:normal;transform:translateY(105%);animation:kan-rise 1.25s var(--ease) forwards}.kan-hero__title .l:nth-child(1) i{animation-delay:.15s}.kan-hero__title .l:nth-child(2) i{animation-delay:.28s}@keyframes kan-rise{to{transform:none}}.kan-fade-up{opacity:0;transform:translateY(22px);animation:kan-fu 1.1s var(--ease) forwards}@keyframes kan-fu{to{opacity:1;transform:none}}.kan-d1{animation-delay:.45s}.kan-d2{animation-delay:.6s}.kan-d3{animation-delay:.75s}.kan-d4{animation-delay:.9s}.kan-hero__visual{position:relative;display:grid;place-items:center;min-height:52vh}.kan-hero__glow{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(160,185,205,.24),transparent 62%);filter:blur(28px);animation:kan-breathe 7s ease-in-out infinite}@keyframes kan-breathe{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.09);opacity:1}}.kan-hero__bottle{position:relative;height:min(560px,58vh);width:auto;max-width:100%;filter:drop-shadow(0 30px 50px rgba(17,17,19,.22));will-change:transform,opacity;opacity:0;animation:kan-fu 1.5s var(--ease) .15s forwards}.kan-hero__ring{position:absolute;border:1px solid rgba(17,17,19,.1);border-radius:50%;width:60%;aspect-ratio:1;animation:kan-ring 5.5s var(--ease-2) infinite}.kan-hero__ring:nth-of-type(2){animation-delay:1.8s}.kan-hero__ring:nth-of-type(3){animation-delay:3.6s}@keyframes kan-ring{0%{transform:scale(.55);opacity:0}18%{opacity:.7}to{transform:scale(1.75);opacity:0}}.kan-scroll-cue{position:absolute;inset-block-end:26px;inset-inline-start:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--fg-dim)}[dir=rtl] .kan-scroll-cue{transform:translate(50%)}.kan-scroll-cue .track{width:1px;height:54px;background:#1111132e;overflow:hidden}.kan-scroll-cue .track i{display:block;width:100%;height:40%;background:var(--bone);animation:kan-cue 2.1s var(--ease-2) infinite}@keyframes kan-cue{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}.kan-hero__buy{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.kan-atc__row{display:flex;align-items:center;gap:clamp(14px,2vw,24px);flex-wrap:wrap}.kan-atc__price{display:flex;align-items:baseline;gap:10px}.kan-atc__price-now{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:700;color:var(--fg);font-variant-numeric:tabular-nums}.kan-atc__price-was{color:var(--fg-dim);font-size:.95rem}.kan-atc__btn{border:1px solid var(--bone);background:var(--bone);color:var(--on-accent);padding:14px 38px;border-radius:100px;cursor:pointer;font-size:.88rem;letter-spacing:.08em;font-weight:500;transition:.4s var(--ease)}.kan-atc__btn:hover:not([disabled]){background:transparent;color:var(--fg)}.kan-atc__btn[disabled]{background:#11111314;border-color:#11111324;color:#11111373;cursor:not-allowed}.kan-atc--dark .kan-atc__btn{border-color:var(--bone);background:var(--bone);color:var(--on-accent)}.kan-atc--dark .kan-atc__btn:hover:not([disabled]){background:transparent;color:var(--fg)}.kan-atc--dark .kan-atc__price-now{color:var(--fg)}.kan-atc__empty{color:var(--fg-dim);font-size:.85rem}.kan-trust{display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,28px);padding:0;margin:0;list-style:none}.kan-trust li{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--fg-mut);letter-spacing:.02em}.kan-trust svg{width:15px;height:15px;flex:0 0 auto;color:var(--steel)}.kan-intro{background:var(--ink);padding:clamp(90px,16vh,190px) 0}.kan-intro__text{font-size:clamp(1.6rem,4.4vw,3.7rem);line-height:1.35;font-weight:500;max-width:22ch;margin-inline:auto;text-align:center}.kan-intro__text w{display:inline-block;opacity:.08;will-change:opacity,transform}.kan-intro__text em{font-style:normal;color:var(--steel)}.kan-ba{position:relative;background:#000}.kan-ba__pin{position:sticky;inset-block-start:0;height:100svh;overflow:hidden;display:grid;place-items:center;background:#000}.kan-ba__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;will-change:transform;transform-origin:center center}.kan-ba__vig{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 78% 70% at 50% 50%,transparent 42%,rgba(0,0,0,.72) 100%)}.kan-ba__label{position:absolute;z-index:4;font-size:clamp(3.4rem,13vw,11rem);font-weight:900;line-height:1;letter-spacing:-.03em;will-change:opacity,transform;filter:drop-shadow(0 10px 34px rgba(0,0,0,.9)) drop-shadow(0 2px 6px rgba(0,0,0,.7))}.kan-ba__note{position:absolute;z-index:5;inset-block-end:clamp(34px,8vh,90px);inset-inline-start:var(--pad);max-width:44ch;opacity:0;will-change:opacity,transform;padding:clamp(20px,2.4vw,30px);border:1px solid var(--line);border-radius:4px;background:#050506b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.kan-ba__note .h3{margin-block-end:10px}.kan-ba__note .lede{font-size:clamp(.92rem,1.1vw,1.02rem)}.kan-ba__line{position:absolute;z-index:4;inset-block:0;inset-inline-start:50%;width:1px;background:repeating-linear-gradient(180deg,#fff 0 10px,transparent 10px 22px);opacity:0}.kan-tech{padding:clamp(90px,15vh,170px) 0 clamp(70px,10vh,130px);position:relative;overflow:hidden}.kan-tech__head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,70px);align-items:end;margin-block-end:clamp(40px,7vh,90px)}.kan-tech__grid{display:grid;grid-template-columns:repeat(var(--kan-cell-count, 3),minmax(0,1fr));gap:1px;background:#00000021;border-block:1px solid rgba(0,0,0,.13)}.kan-tech__cell{background:var(--bone);padding:clamp(24px,3.4vw,46px);min-height:210px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;transition:background .5s var(--ease)}.kan-tech__cell:hover{background:var(--bone-2)}.kan-tech__cell .k{font-size:.68rem;letter-spacing:.26em;color:#0000006b;text-transform:uppercase}.kan-tech__cell .v{font-size:clamp(1.5rem,2.6vw,2.3rem);font-weight:700;line-height:1.15}.kan-tech__cell p{margin:0;color:#00000094;font-size:.95rem}.kan-showcase{margin:clamp(50px,9vh,110px) auto 0;width:min(1180px,100%);overflow:hidden;will-change:transform,border-radius,opacity;background:#000}.kan-showcase img{width:100%;height:clamp(280px,56vh,560px);object-fit:cover}.kan-steps{padding:clamp(80px,13vh,150px) 0 clamp(90px,15vh,170px)}.kan-steps__head{text-align:center;margin-block-end:clamp(34px,6vh,64px)}.kan-steps__progress{width:min(620px,84%);height:2px;margin:0 auto clamp(40px,7vh,74px);background:#0000001f;overflow:hidden}.kan-steps__progress i{display:block;height:100%;background:#0a0a0a;transform:scaleX(0);transform-origin:var(--kan-origin)}.kan-steps__grid{display:grid;grid-template-columns:repeat(var(--kan-step-count, 4),minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}.kan-step{background:#fff;border:1px solid var(--line);border-radius:3px;padding:clamp(22px,2.6vw,34px);min-height:230px;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(46px) scale(.95);transition:opacity .7s var(--ease),transform .7s var(--ease),background .5s,border-color .5s}.kan-step.is-on{opacity:1;transform:none}.kan-step .sn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(0,0,0,.2);font-size:.8rem;letter-spacing:.04em;transition:.6s var(--ease)}.kan-step.is-on .sn{background:var(--bone);color:var(--on-accent);border-color:var(--bone)}.kan-step h4{margin:0;font-size:clamp(1.1rem,1.7vw,1.45rem);font-weight:700}.kan-step p{margin:0;color:#00000094;font-size:.93rem}.kan-cta{position:relative;background:var(--ink)}.kan-cta__pin{position:sticky;inset-block-start:0;height:100svh;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse 60% 55% at 50% 52%,rgba(17,17,19,.05),transparent 64%),var(--ink)}.kan-cta__orb{width:76px;height:76px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(150deg,#26262a,#111113 42%,#1c1c20 70%,#0c0c0e);color:var(--on-accent);will-change:width,height,border-radius,transform;box-shadow:0 50px 120px #000000bf}.kan-cta__inner{opacity:0;will-change:opacity,transform;text-align:center;padding:clamp(20px,4vw,52px);display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vh,22px)}.kan-cta__inner img{width:clamp(66px,9vw,110px)}.kan-cta__inner .h2{font-size:clamp(1.5rem,3.2vw,2.8rem)}.kan-cta__inner p{margin:0;color:#faf9f7a8;max-width:34ch;font-size:.98rem}.kan-sticky{position:fixed;inset-inline:0;inset-block-end:0;z-index:68;padding:12px var(--pad);background:#050506d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-block-start:1px solid var(--line);transform:translateY(110%);transition:transform .55s var(--ease);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.kan-sticky.is-on{transform:none}.kan-sticky__id{display:flex;align-items:center;gap:14px;min-width:0}.kan-sticky__id img{width:34px;height:34px;object-fit:contain;flex:0 0 auto}.kan-sticky__name{font-size:.86rem;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1100px){.kan-hero__grid{grid-template-columns:1fr;text-align:center;justify-items:center;padding-block-start:120px}.kan-hero__copy .lede{margin-inline:auto}.kan-hero__copy .chips,.kan-hero__buy,.kan-trust{justify-content:center;align-items:center}.kan-hero__bottle{height:min(420px,40vh)}.kan-morph__inner{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:8px;padding-block-start:88px}.kan-morph__bottle{grid-column:1;height:min(340px,34vh)}.kan-morph__feats{grid-column:1;min-height:270px;text-align:center}.kan-feat{align-items:center}.kan-feat p{margin-inline:auto}.kan-feat .no:after{display:none}.kan-morph__index{display:none}.kan-tech__head,.kan-tech__grid{grid-template-columns:1fr}.kan-steps__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.kan-steps__grid{grid-template-columns:1fr}.kan-ba__note{inset-inline:var(--pad);max-width:none}.kan-morph__inner{padding:76px var(--pad) 40px}.kan-morph__bottle{height:min(250px,29vh)}.kan-morph__feats{min-height:220px}.kan-feat{gap:12px}.kan-feat .ico{width:38px;height:38px}.kan-cta__inner{padding:18px;gap:10px}.kan-cta__inner img{width:54px}.kan-cta__inner p{font-size:.85rem;max-width:26ch}.kan-sticky{padding:10px 14px}.kan-sticky__id{display:none}.kan-sticky .kan-atc__row{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.kan-step,.kan-feat,.kan-cta__inner,.kan-ba__note,.kan-fade-up,.kan-hero__bottle{opacity:1!important;transform:none!important}.kan-intro__text w{opacity:1!important}.kan-pre{display:none}}.kan-cta__pin{background:radial-gradient(ellipse 60% 55% at 50% 52%,rgba(140,165,185,.14),transparent 64%),#050506}.kan-cta__orb{background:linear-gradient(150deg,#fff,#d6dade 42%,#f4f6f7 70%,#c3c8cd);color:#0a0a0a;box-shadow:0 50px 120px #000000bf}.kan-cta__inner p{color:#0009}.kan-cta .kan-atc--dark .kan-atc__btn{border-color:#0a0a0a;background:#0a0a0a;color:#faf9f7}.kan-cta .kan-atc--dark .kan-atc__btn:hover:not([disabled]){background:transparent;color:#0a0a0a}.kan-cta .kan-atc--dark .kan-atc__price-now{color:#0a0a0a}.kan-cta .kan-atc--dark .kan-atc__price-was{color:#00000073}.kan-cta .kan-atc--dark .kan-atc__btn[disabled]{background:#0000001a;border-color:#00000029;color:#00000073}.kan-cta__pin{background:radial-gradient(ellipse 60% 55% at 50% 52%,rgba(17,17,19,.05),transparent 64%),var(--ink)}.kan-cta__orb{box-shadow:0 40px 90px #11111338}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kan-sections.css.map */