.ks-hero-section{margin-top:calc(-1 * var(--ks-hdr-h))}.ks-hero{--stage-h: min(54svh, 580px);position:relative;min-height:100svh;padding:calc(var(--ks-hdr-h) + 28px) var(--ks-gutter) 40px;display:grid;grid-template-columns:minmax(200px,300px) 1fr;align-items:start;overflow:hidden;background:radial-gradient(120% 70% at 50% 38%,#fbfbfb,#f2f2f2 55%,#ebebeb);font-family:var(--ks-font-ui);color:var(--ks-ink)}.ks-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:16vh;pointer-events:none;background:linear-gradient(to bottom,#ebebeb00,#e6e6e6)}.ks-rail{display:flex;flex-direction:column;z-index:3;position:relative}.ks-rail__item{font:400 clamp(26px,2.5vw,38px)/1.04 var(--ks-font-display);text-transform:uppercase;text-decoration:none;width:max-content;color:transparent;-webkit-text-stroke:1px var(--ks-ink);letter-spacing:.012em;background:linear-gradient(var(--ks-ink),var(--ks-ink)) right / 0% 100% no-repeat;-webkit-background-clip:text;background-clip:text;transition:background-size .75s var(--ks-ease),transform .75s var(--ks-ease)}.ks-rail__item:hover{background-size:100% 100%;background-position:left}.ks-rail__item.is-active{background-size:100% 100%;background-position:left;transform:translate(10px)}.ks-rail__sub{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .6s var(--ks-ease),opacity .45s var(--ks-ease),margin .6s var(--ks-ease),visibility 0s .6s}.ks-rail__sub.is-open{grid-template-rows:1fr;opacity:1;visibility:visible;margin:6px 0 12px 10px;transition-delay:0s}.ks-rail__sub>div{overflow:hidden;display:flex;flex-direction:column;gap:6px}.ks-rail__sub>div:before{content:"";width:14px;height:1px;background:var(--ks-ink);margin-bottom:4px}.ks-rail__sub a{font:400 12px/1.3 var(--ks-font-ui);color:var(--ks-ink);text-decoration:underline;text-underline-offset:4px}.ks-stage{--sw: min(44vw, 600px);position:absolute;inset:var(--ks-hdr-h) 0 auto 0;height:var(--stage-h);z-index:1;touch-action:pan-y}.ks-slide{position:absolute;left:50%;top:50%;width:var(--sw);aspect-ratio:1;translate:-50% -50%;transition:transform .65s var(--ks-ease),opacity .65s var(--ks-ease),filter .65s var(--ks-ease);will-change:transform,opacity,filter;-webkit-user-select:none;user-select:none}.ks-slide__float,.ks-slide__in{display:block;width:100%;height:100%}.ks-slide img{width:100%;height:100%;object-fit:contain;pointer-events:none;scale:var(--fit, 1)}.ks-slide[data-pos="0"] img:not(.is-photo){filter:drop-shadow(0 16px 24px rgba(0,0,0,.11))}.ks-slide[data-pos="0"]{transform:none;opacity:1;filter:none;z-index:3;cursor:pointer}.ks-slide[data-pos="-1"]{transform:translate(-86%) scale(.48) rotate(-7deg);opacity:.4;filter:blur(10px);z-index:2;cursor:pointer}.ks-slide[data-pos="1"]{transform:translate(86%) scale(.48) rotate(7deg);opacity:.4;filter:blur(10px);z-index:2;cursor:pointer}.ks-slide[data-pos="-2"]{transform:translate(-150%) scale(.3) rotate(-12deg);opacity:0;filter:blur(18px);z-index:1;pointer-events:none}.ks-slide[data-pos="2"]{transform:translate(150%) scale(.3) rotate(12deg);opacity:0;filter:blur(18px);z-index:1;pointer-events:none}.ks-slide[data-pos=x]{opacity:0;transform:scale(.3);pointer-events:none}.ks-slide__float{animation:ks-float 4.2s ease-in-out infinite alternate}.ks-slide[data-pos="-1"] .ks-slide__float{animation-delay:-1.4s;animation-duration:5s}.ks-slide[data-pos="1"] .ks-slide__float{animation-delay:-2.6s;animation-duration:4.6s}@keyframes ks-float{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}.ks-floor{position:absolute;left:50%;top:calc(50% + var(--sw) * (var(--fy, .8) - .5) - 6px);width:calc(var(--sw) * var(--fw, .55));height:22px;translate:-50% 0;background:radial-gradient(closest-side,#0003,#0000);filter:blur(3px);transition:top .65s var(--ks-ease),width .65s var(--ks-ease);animation:ks-floor 4.2s ease-in-out infinite alternate}@keyframes ks-floor{0%{transform:scaleX(.86);opacity:.75}to{transform:scaleX(1.04);opacity:1}}.ks-hero__copy{position:absolute;left:0;right:0;top:calc(var(--ks-hdr-h) + var(--stage-h) + 4px);z-index:4;text-align:center;display:grid;justify-items:center;gap:12px;padding:0 var(--ks-gutter)}.ks-mask{overflow:hidden;display:block;padding:.06em .02em 0}.ks-mask>span{display:block;transition:transform .65s var(--ks-ease),opacity .5s var(--ks-ease)}.ks-mask.is-out>span{transform:translateY(-35%);opacity:0;transition-duration:.3s}.ks-mask.is-in-start>span{transform:translateY(108%);opacity:1;transition:none}.ks-mask[data-m=title]>span{transition-delay:50ms}.ks-mask[data-m=sub]>span{transition-delay:.11s}.ks-kicker{display:inline-block;letter-spacing:.2em}.ks-brand-xl{font:400 min(clamp(44px,6.4vw,96px),9.5svh,calc((100vw - 2 * var(--ks-gutter) - 320px) / (var(--chars, 6) * .48))) / .9 var(--ks-font-display);text-transform:uppercase;margin:0;letter-spacing:.004em;white-space:nowrap;color:var(--ks-ink)}.ks-hero__sub{font-size:13px;margin:0;letter-spacing:.02em}.ks-hero__sub .sep{color:var(--ks-g3);margin:0 10px}.ks-hero__ctas{display:flex;gap:22px;align-items:center;margin-top:4px}.ks-hero__meta{position:absolute;left:var(--ks-gutter);right:var(--ks-gutter);bottom:34px;z-index:5;display:flex;justify-content:space-between;align-items:end}.ks-counter{display:grid;gap:10px}.ks-counter__num{display:flex;align-items:baseline;gap:6px}.ks-counter__num b{font:400 30px/1 var(--ks-font-display)}.ks-progress{width:140px;height:1px;background:var(--ks-g2);overflow:hidden}.ks-progress span{display:block;height:100%;background:var(--ks-ink);transform-origin:left;transform:scaleX(0)}.ks-progress span.run{animation:ks-prog var(--ks-autoplay) linear forwards}.ks-hero.is-paused .ks-progress span.run{animation-play-state:paused}@keyframes ks-prog{to{transform:scaleX(1)}}.ks-arrows{display:flex;gap:10px;align-items:center}.ks-arrows .ks-micro{margin-right:8px}.ks-hero__pause .ks-ico-play{display:none}.ks-hero.is-held .ks-hero__pause .ks-ico-play{display:block;fill:currentColor;stroke:none}.ks-hero.is-held .ks-hero__pause .ks-ico-pause{display:none}.ks-hero__toggle{position:absolute;top:calc(var(--ks-hdr-h) + 28px);right:var(--ks-gutter);z-index:5}.ks-hero__empty{position:absolute;inset:42% 0 auto 0;text-align:center}.ks-hero.is-enter .ks-rail>*{animation:ks-in-left .9s var(--ks-ease) both}.ks-hero.is-enter .ks-slide[data-pos="0"] .ks-slide__in{animation:ks-shoe-in 1.3s var(--ks-ease) both .1s}.ks-hero.is-enter .ks-hero__copy .ks-mask>span{animation:ks-rise 1s var(--ks-ease) both .45s}.ks-hero.is-enter .ks-hero__ctas,.ks-hero.is-enter .ks-hero__meta{animation:ks-fade-up .9s var(--ks-ease) both .75s}@keyframes ks-in-left{0%{opacity:0;transform:translate(-24px)}}@keyframes ks-shoe-in{0%{opacity:0;transform:translateY(40px) scale(.82);filter:blur(18px)}}@keyframes ks-rise{0%{transform:translateY(108%)}}@keyframes ks-fade-up{0%{opacity:0;transform:translateY(16px)}}@media(max-width:1023px){.ks-stage{--sw: min(58vw, 540px)}}@media(max-width:767px){.ks-hero{grid-template-columns:minmax(0,1fr);padding-top:calc(var(--ks-hdr-h) + 10px);--stage-h: 44svh}.ks-rail{flex-direction:row;overflow-x:auto;gap:8px;scrollbar-width:none;padding-bottom:4px;max-width:100%}.ks-rail::-webkit-scrollbar{display:none}.ks-rail__sub{display:none}.ks-rail__item{font:600 10.5px/1 var(--ks-font-ui);letter-spacing:.12em;color:var(--ks-ink);-webkit-text-stroke:0;background:none;border:1px solid var(--ks-g2);border-radius:99px;padding:11px 15px;flex:none}.ks-rail__item.is-active{background:var(--ks-ink);color:#fff;border-color:var(--ks-ink);transform:none}.ks-stage{--sw: 80vw;top:calc(var(--ks-hdr-h) + 56px)}.ks-slide[data-pos="-1"]{transform:translate(-90%) scale(.42) rotate(-7deg)}.ks-slide[data-pos="1"]{transform:translate(90%) scale(.42) rotate(7deg)}.ks-hero__toggle{display:none}.ks-hero__copy{top:calc(var(--ks-hdr-h) + 56px + var(--stage-h) + 4px)}.ks-brand-xl{font-size:min(14vw,64px,8svh,calc((100vw - 32px) / (var(--chars, 6) * .5)))}.ks-hero__meta{bottom:22px}.ks-arrows .ks-micro{display:none}.ks-progress{width:90px}}@media(prefers-reduced-motion:reduce){.ks-hero *,.ks-hero *:before,.ks-hero *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ks-slide[data-pos="-1"],.ks-slide[data-pos="1"]{filter:none}.ks-hero__pause{display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/ks-hero.css.map */