.ksh{position:relative;direction:rtl;background:#0b0b12;--cl: #3a4170;--cl-shadow: .3}.ksh__wrap{position:relative;height:260vh}.ksh__stage{position:sticky;inset-block-start:0;height:100vh;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#08080f,#12142e 38%,#1a1d45 72%,#232a66)}.ksh__sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:var(--sky-bright, 0);background:radial-gradient(120% 80% at 50% 84%,rgba(255,182,140,.42),transparent 58%),radial-gradient(110% 80% at 14% 14%,rgba(120,150,255,.4),transparent 60%),radial-gradient(100% 75% at 88% 22%,rgba(96,210,170,.3),transparent 60%),linear-gradient(180deg,#e7eeff,#f3f5fb 46%,#fff3ec)}.ksh__glow{position:absolute;left:50%;top:58%;z-index:1;width:82vw;height:82vw;max-width:1000px;max-height:1000px;transform:translate(-50%,var(--glow-y, 70px)) scale(var(--glow-s, .8));opacity:var(--glow-op, 0);border-radius:50%;filter:blur(22px);background:radial-gradient(circle,rgba(255,214,176,.62) 0%,rgba(150,170,255,.22) 40%,transparent 66%)}.ksh__stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:var(--stars, 1);background-repeat:no-repeat;background-image:radial-gradient(1.6px 1.6px at 22% 22%,rgba(255,255,255,.95),transparent 60%),radial-gradient(1.1px 1.1px at 73% 32%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.3px 1.3px at 49% 12%,rgba(255,255,255,.85),transparent 60%),radial-gradient(1px 1px at 14% 56%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.5px 1.5px at 88% 16%,rgba(255,255,255,.85),transparent 60%),radial-gradient(1px 1px at 38% 42%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1.2px 1.2px at 63% 50%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1px 1px at 30% 30%,rgba(255,255,255,.5),transparent 60%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 42%,transparent 72%);mask-image:linear-gradient(180deg,#000 0%,#000 42%,transparent 72%)}.ksh__clouds{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.ksh__layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.ksh__c{position:absolute;display:block;will-change:transform;animation:ksh-float var(--dur, 18s) ease-in-out infinite;animation-delay:var(--dl, 0s)}.ksh__cl{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 26px rgba(10,10,30,var(--cl-shadow, .3)))}@keyframes ksh-float{50%{transform:translate(var(--dx, 20px),var(--dy, -8px)) scale(calc(1 + var(--sc, .05)))}}.ksh__beat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding-inline:clamp(22px,6vw,88px);will-change:transform,opacity}.ksh__beat--1{opacity:var(--b1, 1)}.ksh__beat--2{opacity:var(--b2, 0)}.ksh__open{margin:0;font-family:var(--font-heading--family);font-weight:700;text-align:center;font-size:clamp(calc(44px * var(--a11y-text-scale, 1)),8vw,calc(110px * var(--a11y-display-scale, 1)));line-height:1;letter-spacing:-.02em;color:#fff;text-shadow:0 8px 40px rgba(0,0,0,.4)}.ksh__beatInner{position:relative;width:min(900px,92vw);padding:clamp(48px,6vw,88px) clamp(36px,5vw,72px);display:flex;flex-direction:column;align-items:center;justify-content:center}.ksh__beatCloud{position:absolute;top:-16%;right:-12%;bottom:-16%;left:-12%;z-index:0;opacity:var(--nc-op, 0);transform:translateY(var(--nc-y, 40px)) scale(var(--nc-s, .92));transform-origin:center;filter:drop-shadow(0 38px 66px rgba(60,70,140,.24))}.ksh__beatCloudSvg{display:block;width:100%;height:100%}.ksh__beatText{position:relative;z-index:1;text-align:center}.ksh__name{margin:0;font-family:var(--font-heading--family);font-weight:700;white-space:nowrap;font-size:clamp(calc(40px * var(--a11y-text-scale, 1)),5.6vw,calc(78px * var(--a11y-display-scale, 1)));line-height:1;letter-spacing:-.03em;background:linear-gradient(165deg,#0e0e14,#2a2f5a 70%,#3a4170);-webkit-background-clip:text;background-clip:text;color:transparent}.ksh__desc{margin:clamp(16px,2vw,24px) auto 0;max-width:44ch;font-family:var(--font-body--family);font-size:clamp(calc(16px * var(--a11y-text-scale, 1)),1.5vw,calc(19px * var(--a11y-text-scale, 1)));line-height:1.6;color:#1b1712;font-weight:500}.ksh__desc p{margin:0}.ksh__cue{position:absolute;z-index:6;left:50%;transform:translate(-50%);inset-block-end:clamp(26px,4.6vh,52px);display:flex;flex-direction:column;align-items:center;gap:9px;opacity:var(--cue, 1);transition:opacity .4s ease;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6))}.ksh__chevs{display:flex;flex-direction:column;align-items:center;gap:3px}.ksh__chevs i{width:13px;height:13px;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;border-radius:1.5px;transform:rotate(45deg);opacity:.25;animation:ksh-chev 1.9s cubic-bezier(.55,0,.45,1) infinite}.ksh__chevs i:nth-child(2){animation-delay:.16s}@keyframes ksh-chev{0%{opacity:.15;transform:rotate(45deg) translate(-2.5px,-2.5px)}40%{opacity:1}80%,to{opacity:.15;transform:rotate(45deg) translate(2.5px,2.5px)}}.ksh__cue .scroll-pill{display:inline-flex;align-items:center;padding:7px 16px;border-radius:999px;font-family:var(--font-body--family);font-weight:600;letter-spacing:.005em;font-size:calc(12.5px * var(--a11y-text-scale, 1));color:#fff;white-space:nowrap;background:linear-gradient(180deg,#1c1e3894,#1c1e386b);border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 1px #ffffff2e,0 10px 26px -14px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(7px) scale(.95);transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1)}.ksh__cue .scroll-pill.is-on{opacity:1;transform:none}.ksh__prog{position:absolute;z-index:6;inset-inline:0;inset-block-end:0;height:2px;background:#ffffff1f}.ksh__prog i{display:block;height:100%;width:var(--ksh-p, 0%);background:linear-gradient(to left,#ff6f3c,#576ff6)}.ksh__a11y{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}@media(max-width:749px){.ksh__wrap{height:240vh}.ksh__beatInner{width:min(680px,92vw);padding:clamp(44px,11vw,72px) clamp(26px,7vw,44px)}.ksh__name{white-space:normal;font-size:clamp(calc(40px * var(--a11y-text-scale, 1)),12vw,calc(60px * var(--a11y-text-scale, 1)));line-height:.96}.ksh__beatCloud{top:-14%;right:-14%;bottom:-14%;left:-14%}.ksh__desc{font-size:calc(15.5px * var(--a11y-text-scale, 1));margin-block-start:22px}.ksh__cue{display:flex;inset-block-end:clamp(20px,5vh,40px)}}@media(prefers-reduced-motion:reduce){.ksh__wrap{height:auto}.ksh__stage{position:relative;height:auto;min-height:90vh}.ksh__sky{opacity:1}.ksh__stars,.ksh__cue,.ksh__glow{display:none}.ksh{--cl: #ffffff;--cl-shadow: .12}.ksh__c{animation:none}.ksh__beat--1{display:none}.ksh__beat--2{opacity:1;position:relative;min-height:90vh}.ksh__beatCloud{opacity:1;transform:none}}html[data-reduce-motion] .ksh__wrap{height:auto}html[data-reduce-motion] .ksh__stage{position:relative;height:auto;min-height:90vh}html[data-reduce-motion] .ksh__sky{opacity:1}html[data-reduce-motion] .ksh__stars,html[data-reduce-motion] .ksh__cue,html[data-reduce-motion] .ksh__glow{display:none}html[data-reduce-motion] .ksh{--cl: #ffffff;--cl-shadow: .12}html[data-reduce-motion] .ksh__c{animation:none}html[data-reduce-motion] .ksh__beat--1{display:none}html[data-reduce-motion] .ksh__beat--2{opacity:1;position:relative;min-height:90vh}html[data-reduce-motion] .ksh__beatCloud{opacity:1;transform:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kott-story-hero.css.map */