.ksh{position:relative;direction:var(--kott-dir, rtl);isolation:isolate;overflow:hidden;background:#0e0e14;color:#fff;--ksh-muted: #A8A199;--ksh-ease-out: cubic-bezier(.2, .86, .24, 1);--ksh-ease-travel: cubic-bezier(.16, 1, .3, 1)}.ksh__field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.ksh__glow{position:absolute;inset-inline-start:-10%;top:-30%;width:62vw;height:62vw;max-width:900px;max-height:900px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ksh-accent, #576FF6) 34%,transparent) 0%,transparent 68%);filter:blur(10px)}.ksh__dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1.4px);background-size:28px 28px;-webkit-mask-image:radial-gradient(110% 80% at 50% 45%,#000 0%,transparent 72%);mask-image:radial-gradient(110% 80% at 50% 45%,#000 0%,transparent 72%)}.ksh__inner{position:relative;z-index:1;min-height:clamp(600px,92vh,960px);max-width:1400px;margin-inline:auto;padding-block:clamp(120px,16vh,168px) clamp(40px,6vh,64px);padding-inline:clamp(22px,5vw,56px);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(48px,8vh,96px)}.ksh__copy{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.ksh__eyebrow{margin:0 0 clamp(18px,2.4vw,28px);display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body--family);font-weight:600;letter-spacing:.04em;font-size:calc(14px * var(--a11y-text-scale, 1));line-height:1;color:var(--ksh-accent, #576FF6)}.ksh__bead{width:10px;height:10px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--ksh-accent, #576FF6) 55%,#fff) 0%,var(--ksh-accent, #576FF6) 45%,color-mix(in srgb,var(--ksh-accent, #576FF6) 70%,#000) 100%);box-shadow:0 0 0 4px color-mix(in srgb,var(--ksh-accent, #576FF6) 18%,transparent)}.ksh__title{margin:0;font-family:var(--font-heading--family);font-weight:800;font-size:calc(96px * var(--a11y-display-scale, 1));line-height:1.04;letter-spacing:-.025em;color:#fff;text-wrap:balance}.ksh__line{display:block;overflow:hidden;padding-block:.04em;margin-block:-.04em}.ksh__lineIn{display:inline-block;will-change:transform}@media(max-width:1440px){.ksh__title{font-size:calc(72px * var(--a11y-display-scale, 1))}}@media(max-width:875px){.ksh__title{font-size:calc(64px * var(--a11y-text-scale, 1))}}@media(max-width:749px){.ksh__title{font-size:calc(46px * var(--a11y-text-scale, 1));line-height:1.08}}@media(max-width:410px){.ksh__title{font-size:calc(38px * var(--a11y-text-scale, 1))}}.ksh__desc{margin:clamp(22px,2.6vw,32px) auto 0;max-width:58ch;font-family:var(--font-body--family);font-weight:400;font-size:calc(18px * var(--a11y-text-scale, 1));line-height:1.7;color:var(--ksh-muted)}.ksh__desc p{margin:0}.ksh__desc p+p{margin-top:.8em}@media(max-width:749px){.ksh__desc{font-size:calc(16px * var(--a11y-text-scale, 1))}}.ksh__ctas{margin-top:clamp(28px,3.4vw,40px);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 14px}.ksh__ruler{position:relative;width:100%;flex:none;padding-block-start:clamp(44px,6vh,64px)}.ksh__track{position:relative;height:2px;margin-inline:6px}.ksh__trackLine{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff29;transform-origin:100% 50%}html[dir=ltr] .ksh__trackLine{transform-origin:0 50%}.ksh__tick{position:absolute;top:50%;inset-inline-start:var(--x);width:1px;height:12px;background:#ffffff57;translate:50% -50%}html[dir=ltr] .ksh__tick{translate:-50% -50%}.ksh__tick--edge{height:18px;width:2px;background:#ffffffb3}.ksh__year{position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;font-family:var(--font-heading--family);font-weight:600;letter-spacing:.02em;white-space:nowrap;font-size:calc(11px * var(--a11y-text-scale, 1));line-height:1;color:#ffffff6b;direction:ltr}.ksh__tick--edge .ksh__year{font-size:calc(13px * var(--a11y-text-scale, 1));color:#ffffffe0}.ksh__tick--marked .ksh__year{visibility:hidden}.ksh__mk{position:absolute;top:50%;inset-inline-start:0;height:2px;inline-size:var(--x);translate:0 -50%}.ksh__mkTrail{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;background:linear-gradient(to left,color-mix(in srgb,var(--mk, #576FF6) 20%,transparent),var(--mk, #576FF6))}html[dir=ltr] .ksh__mkTrail{background:linear-gradient(to right,color-mix(in srgb,var(--mk, #576FF6) 20%,transparent),var(--mk, #576FF6))}.ksh__mkDot{position:absolute;top:50%;inset-inline-end:0;width:16px;height:16px;border-radius:50%;translate:-50% -50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--mk, #576FF6) 50%,#fff) 0%,var(--mk, #576FF6) 48%,color-mix(in srgb,var(--mk, #576FF6) 72%,#000) 100%);box-shadow:0 0 0 6px color-mix(in srgb,var(--mk, #576FF6) 20%,transparent),0 10px 26px color-mix(in srgb,var(--mk, #576FF6) 45%,transparent)}html[dir=ltr] .ksh__mkDot{translate:50% -50%}.ksh__mkLabel{position:absolute;bottom:calc(100% + 16px);inset-inline-end:0;translate:-50% 0;display:inline-flex;flex-direction:column;align-items:center;gap:4px;white-space:nowrap;font-family:var(--font-heading--family);line-height:1;color:#fff}html[dir=ltr] .ksh__mkLabel{translate:50% 0}.ksh__mkYear{font-weight:700;font-size:calc(13px * var(--a11y-text-scale, 1));color:var(--mk, #576FF6);letter-spacing:.02em;direction:ltr}.ksh__mkText{font-family:var(--font-body--family);font-weight:700;font-size:calc(15px * var(--a11y-text-scale, 1))}.ksh__meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:38px;padding-inline:6px;font-family:var(--font-body--family);font-weight:500;font-size:calc(13px * var(--a11y-text-scale, 1));line-height:1.3;color:var(--ksh-muted)}.ksh__metaEnd{color:#ffffffe0;font-weight:600}@media(max-width:749px){.ksh__inner{min-height:clamp(560px,88vh,820px);padding-block-start:112px}.ksh__tick:not(.ksh__tick--edge) .ksh__year{display:none}.ksh__tick--first .ksh__year{left:auto;right:0;translate:0 0}.ksh__tick--last .ksh__year{left:0;right:auto;translate:0 0}html[dir=ltr] .ksh__tick--first .ksh__year{left:0;right:auto}html[dir=ltr] .ksh__tick--last .ksh__year{left:auto;right:0}.ksh__ctas{flex-direction:column;gap:10px}.ksh__meta{margin-top:32px;font-size:calc(12px * var(--a11y-text-scale, 1))}.ksh__mkText{font-size:calc(14px * var(--a11y-text-scale, 1))}}.ksh.is-armed .ksh__eyebrow{opacity:0}.ksh.is-armed .ksh__lineIn{transform:translateY(112%)}.ksh.is-armed .ksh__desc,.ksh.is-armed .ksh__ctas{opacity:0;transform:translateY(18px)}.ksh.is-armed .ksh__trackLine{transform:scaleX(0)}.ksh.is-armed .ksh__tick{opacity:0}.ksh.is-armed .ksh__mk{inline-size:0}.ksh.is-armed .ksh__mkDot{opacity:0}.ksh.is-armed .ksh__mkLabel{opacity:0;transform:translateY(8px)}.ksh.is-armed .ksh__meta{opacity:0}.ksh.is-in .ksh__eyebrow{opacity:1;transition:opacity .5s ease 40ms}.ksh.is-in .ksh__lineIn{transform:translateY(0);transition:transform .82s var(--ksh-ease-out) calc(80ms + var(--li, 0) * 90ms)}.ksh.is-in .ksh__desc{opacity:1;transform:none;transition:opacity .6s ease .38s,transform .7s var(--ksh-ease-out) .38s}.ksh.is-in .ksh__ctas{opacity:1;transform:none;transition:opacity .6s ease .5s,transform .7s var(--ksh-ease-out) .5s}.ksh.is-in .ksh__trackLine{transform:scaleX(1);transition:transform .9s var(--ksh-ease-out) .52s}.ksh.is-in .ksh__tick{opacity:1;transition:opacity .35s ease calc(.64s + var(--ti, 0) * 40ms)}.ksh.is-in .ksh__meta{opacity:1;transition:opacity .6s ease 1.1s}.ksh.is-in .ksh__mkDot{opacity:1;transition:opacity .2s ease .98s}.ksh.is-in .ksh__mk{inline-size:var(--x);transition:inline-size 1.25s var(--ksh-ease-travel) calc(1s + var(--mi, 0) * .3s)}.ksh.is-in .ksh__mkLabel{opacity:1;transform:none;transition:opacity .45s ease calc(2s + var(--mi, 0) * .3s),transform .6s var(--ksh-ease-out) calc(2s + var(--mi, 0) * .3s)}.ksh__mkDot.is-landed{animation:ksh-land .62s cubic-bezier(.2,.9,.26,1) both}@keyframes ksh-land{0%{transform:scale(1)}22%{transform:scaleX(1.32) scaleY(.72)}48%{transform:scaleX(.9) scaleY(1.12)}72%{transform:scaleX(1.08) scaleY(.94)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.ksh.is-armed .ksh__eyebrow,.ksh.is-armed .ksh__desc,.ksh.is-armed .ksh__ctas,.ksh.is-armed .ksh__tick,.ksh.is-armed .ksh__mkDot,.ksh.is-armed .ksh__mkLabel,.ksh.is-armed .ksh__meta{opacity:1;transform:none}.ksh.is-armed .ksh__lineIn,.ksh.is-armed .ksh__trackLine{transform:none}.ksh.is-armed .ksh__mk{inline-size:var(--x)}.ksh__mkDot.is-landed{animation:none}.ksh.is-in *{transition:none!important}}html[data-reduce-motion] .ksh.is-armed .ksh__eyebrow,html[data-reduce-motion] .ksh.is-armed .ksh__desc,html[data-reduce-motion] .ksh.is-armed .ksh__ctas,html[data-reduce-motion] .ksh.is-armed .ksh__tick,html[data-reduce-motion] .ksh.is-armed .ksh__mkDot,html[data-reduce-motion] .ksh.is-armed .ksh__mkLabel,html[data-reduce-motion] .ksh.is-armed .ksh__meta{opacity:1;transform:none}html[data-reduce-motion] .ksh.is-armed .ksh__lineIn,html[data-reduce-motion] .ksh.is-armed .ksh__trackLine{transform:none}html[data-reduce-motion] .ksh.is-armed .ksh__mk{inline-size:var(--x)}html[data-reduce-motion] .ksh__mkDot.is-landed{animation:none}html[data-reduce-motion] .ksh.is-in *{transition:none!important}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kott-story-hero.css.map */