/* Цех Лендингов · kit.css — только механика (состояния и переходы); цвета, шрифты, формы — в стилях страницы */
.kit-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kit-cut{display:inline}.kit-cut-w{display:inline-flex;overflow:hidden;vertical-align:bottom}
.kit-cut-c{display:inline-block;transform:translateY(110%);transition:transform .6s cubic-bezier(.2,.9,.3,1.1);will-change:transform}
.kit-cut.on .kit-cut-c{transform:translateY(0)!important}
.kit-word{display:inline-block;opacity:0;transform:rotate(8deg) translateY(30%);transform-origin:left;will-change:transform,opacity}
.kit-cursor{display:inline-block;width:2px;height:1.1em;background:currentColor;vertical-align:middle;margin-left:2px;animation:kit-blink 1s step-end infinite}
@keyframes kit-blink{50%{opacity:0}}
[data-kit="grow"]{position:relative}[data-kit="grow"] .kit-pin{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}
[data-kit="grow"] .kit-win{position:absolute;inset:0;will-change:clip-path}[data-kit="grow"] .kit-win>*{width:100%;height:100%;object-fit:cover;display:block}
[data-kit="film"]{position:relative}[data-kit="film"] .kit-stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}
[data-kit="film"][data-mode="fixed"] .kit-stage{position:fixed;inset:0;z-index:0}[data-kit="film"][data-mode="cursor"] .kit-stage{position:relative;height:100vh}
.kit-scene{position:absolute;inset:0;opacity:0;transition:opacity 1s ease-in-out}.kit-scene.on{opacity:1}
.kit-scene video,.kit-scene .kit-poster,.kit-scene .kit-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.kit-scene .kit-poster{transition:opacity .5s;z-index:1}.kit-scene .kit-canvas{opacity:0;transition:opacity .5s;z-index:2;pointer-events:none}
.kit-cap{position:absolute;inset:0;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s;pointer-events:none;z-index:3}.kit-cap.in{opacity:1;transform:none;pointer-events:auto}
.kit-cap .kit-mask{display:block;overflow:hidden}.kit-cap .kit-mask>*{display:block;transform:translateY(100%);transition:transform .8s cubic-bezier(.16,1,.3,1)}.kit-cap.in .kit-mask>*{transform:none}
.kit-chapters{margin-top:-100vh}.kit-chapters .kit-ch{height:100vh}
[data-kit="flip"]{position:relative;overflow:hidden;cursor:col-resize}[data-kit="flip"]>img,[data-kit="flip"]>svg,[data-kit="flip"]>.kit-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}[data-kit="flip"]>.on{display:block}
[data-kit="flip"] .kit-seg{position:absolute;left:0;right:0;bottom:0;display:flex;gap:4px;padding:8px}[data-kit="flip"] .kit-seg i{flex:1;height:3px;background:rgba(255,255,255,.35)}[data-kit="flip"] .kit-seg i.on{background:currentColor}
[data-kit="slideshow"] .kit-frames{position:relative;overflow:hidden}[data-kit="slideshow"] .kit-frames>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 100% 0 0);transition:clip-path .5s cubic-bezier(.2,.8,.2,1)}[data-kit="slideshow"] .kit-frames>.on{clip-path:inset(0)}
[data-kit="tabs"] .kit-panel:not(.on){display:none!important}[data-kit="tabs"] .kit-panel.on{display:block;animation:kit-rise .35s ease-out}
@keyframes kit-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
[data-kit="sandwich"]{position:relative;overflow:hidden;height:100vh}[data-kit="sandwich"] .kit-back,[data-kit="sandwich"] .kit-front{position:absolute;inset:0;height:120%;will-change:transform}[data-kit="sandwich"] .kit-back>*,[data-kit="sandwich"] .kit-front>*{width:100%;height:100%;object-fit:cover;display:block}
[data-kit="spot"]{position:relative;--spot-x:-9999px;--spot-y:-9999px}
[data-kit="spot"]::before,[data-kit="spot"]::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
[data-kit="spot"]::before{background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.06) 40%,rgba(255,255,255,.06) 60%,rgba(255,255,255,.3))}
[data-kit="spot"]::after{background:radial-gradient(circle 260px at var(--spot-x) var(--spot-y),rgba(255,255,255,.75),transparent 60%)}
[data-kit="menu"]{position:relative;z-index:81;cursor:pointer}[data-kit="menu"] i{position:absolute;left:8px;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s}
[data-kit="menu"] i:nth-child(1){top:10px}[data-kit="menu"] i:nth-child(2){top:17px}[data-kit="menu"] i:nth-child(3){top:24px}
[data-kit="menu"].open i:nth-child(1){transform:translateY(7px) rotate(45deg)}[data-kit="menu"].open i:nth-child(2){opacity:0;transform:scale(0)}[data-kit="menu"].open i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.kit-overlay{position:fixed;inset:0;z-index:80;display:none;flex-direction:column;align-items:center;justify-content:center;gap:26px}.kit-overlay:not(.on){display:none!important}.kit-overlay.on{display:flex}
.kit-overlay a,.kit-overlay button{opacity:0;transform:translateY(20px);filter:blur(4px);transition:opacity .35s,transform .35s,filter .35s}.kit-overlay.on a,.kit-overlay.on button{opacity:1;transform:none;filter:blur(0)}
[data-kit="quiz"] .kit-step:not(.on){display:none!important}[data-kit="quiz"] .kit-step.on{display:block;animation:kit-slide .25s ease-out}
@keyframes kit-slide{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.kit-err{display:none}form.sent>*:not(.kit-done){display:none!important}.kit-done:not(.on){display:none!important}.kit-done.on{display:block}
[data-kit="sticky"]{transform:translateY(110%);transition:transform .25s ease}[data-kit="sticky"].show{transform:none}
[data-kit="cookie"]:not(.show){display:none!important}[data-kit="cookie"].show{display:flex}
.kit-ticker{overflow:hidden;white-space:nowrap;display:flex}.kit-ticker>*{flex:none;display:inline-flex;animation:kit-scroll var(--kit-ticker-d,20s) linear infinite}.kit-ticker.paused>*{animation-play-state:paused}
@keyframes kit-scroll{to{transform:translateX(-100%)}}
.kit-draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.37,.01,.2,1)}.kit-draw.on{stroke-dashoffset:0}
[data-kit="story"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--kit-story-gap,clamp(1.5rem,4vw,4rem));align-items:start}[data-kit="story"] .kit-frames{position:sticky;top:var(--kit-story-top,5rem);height:var(--kit-story-h,min(70vh,42rem));overflow:hidden;border-radius:var(--kit-story-r,8px)}
[data-kit="story"] .kit-frame{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.12);transform-origin:center center;clip-path:inset(0 0 0 0);transition:opacity .25s linear,transform 1.2s cubic-bezier(.2,.7,.2,1),clip-path .7s cubic-bezier(.4,0,.2,1);will-change:transform,clip-path}[data-kit="story"] .kit-frame>img,[data-kit="story"] img.kit-frame{width:100%;height:100%;object-fit:cover;display:block}
[data-kit="story"] .kit-frame.on{opacity:1;transform:scale(1);z-index:2}[data-kit="story"] .kit-frame.out{opacity:1;transform:scale(1);clip-path:inset(0 0 100% 0);z-index:3}[data-kit="story"] .kit-frame figcaption{position:absolute;left:0;right:0;bottom:0;padding:.6rem .9rem;font-size:.85rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.55))}
[data-kit="story"] .kit-steps{padding:var(--kit-story-pad,35vh) 0}[data-kit="story"] .kit-step{will-change:transform,opacity}[data-kit="story"] .kit-step+.kit-step{margin-top:var(--kit-story-step,30vh)}
@media(max-width:820px){[data-kit="story"]{display:block}[data-kit="story"] .kit-frames{top:var(--kit-story-top-m,0);height:var(--kit-story-h-m,36vh);z-index:5;border-radius:0 0 var(--kit-story-r,8px) var(--kit-story-r,8px)}[data-kit="story"] .kit-steps{padding:1.5rem 0 22vh}[data-kit="story"] .kit-step+.kit-step{margin-top:22vh}[data-kit="story"] .kit-step{opacity:1!important;transform:none!important}}
/* v78 — уроки MotionSites: вход, линза, петля, дымка, стекло, маска строки, шов видео на мобиле */
:root{--kit-e-reveal:cubic-bezier(.18,.85,.26,1);--kit-e-soft:cubic-bezier(.22,1,.36,1);--kit-e-nav:cubic-bezier(.33,1,.68,1);--kit-e-out:cubic-bezier(.16,1,.3,1)}
.kit-ln{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.kit-ln-i{display:block}
.kit-intro{opacity:0;will-change:transform,opacity}.kit-intro-mask{opacity:1}.kit-intro-mask .kit-ln-i{transform:translate3d(0,115%,0);will-change:transform}
.kit-intro-play .kit-intro-rise{animation:kit-i-rise .62s var(--kit-e-nav) var(--kit-d,0ms) both}.kit-intro-play .kit-intro-pill{animation:kit-i-pill .62s var(--kit-e-soft) var(--kit-d,0ms) both}.kit-intro-play .kit-intro-blur{animation:kit-i-blur 1.1s var(--kit-e-out) var(--kit-d,0ms) both}.kit-intro-play .kit-intro-mask .kit-ln-i{animation:kit-i-line .95s var(--kit-e-reveal) var(--kit-d,0ms) both}
.kit-intro-done{opacity:1}.kit-intro-done .kit-ln-i{transform:none}
@keyframes kit-i-rise{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}@keyframes kit-i-pill{from{opacity:0;transform:translate3d(0,13px,0) scale(.972)}to{opacity:1;transform:none}}@keyframes kit-i-blur{from{opacity:0;transform:translate3d(0,28px,0);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes kit-i-line{from{transform:translate3d(0,115%,0)}to{transform:none}}
[data-kit="lens"]{position:relative;overflow:hidden;--kit-x:50%;--kit-y:50%;--kit-r:260px}[data-kit="lens"] .kit-base,[data-kit="lens"] .kit-top{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
[data-kit="lens"] .kit-top{pointer-events:none;-webkit-mask-image:radial-gradient(circle var(--kit-r) at var(--kit-x) var(--kit-y),#fff 0,#fff 40%,rgba(255,255,255,.75) 60%,rgba(255,255,255,.4) 75%,rgba(255,255,255,.12) 88%,transparent 100%);mask-image:radial-gradient(circle var(--kit-r) at var(--kit-x) var(--kit-y),#fff 0,#fff 40%,rgba(255,255,255,.75) 60%,rgba(255,255,255,.4) 75%,rgba(255,255,255,.12) 88%,transparent 100%)}
.kit-haze{display:inline-block;opacity:0;filter:blur(10px);transform:translate3d(0,50px,0);transition:opacity .7s var(--kit-e-out),filter .7s var(--kit-e-out),transform .7s var(--kit-e-out)}.on>.kit-haze{opacity:1;filter:blur(0);transform:none}
.kit-glass,.kit-glass-strong{position:relative;overflow:hidden;background:rgba(255,255,255,.01);background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 1px 1px rgba(255,255,255,.1)}.kit-glass-strong{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:4px 4px 4px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.15)}
.kit-glass::before,.kit-glass-strong::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.15) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.15) 80%,rgba(255,255,255,.45) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.kit-glass-strong::before{background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.2) 80%,rgba(255,255,255,.5) 100%)}
.kit-seam{position:relative}.kit-seam::after{content:"";position:absolute;left:0;right:0;top:0;height:clamp(52px,16vw,120px);pointer-events:none;z-index:1;background:linear-gradient(to bottom,var(--kit-seam-color,#fff) 0%,color-mix(in srgb,var(--kit-seam-color,#fff) 65%,transparent) 38%,transparent 100%)}
[data-kit="film"][data-mode="gaze"] .kit-stage{position:relative;height:100vh;height:100dvh;cursor:crosshair}
/* v83 — векторный слой */
@keyframes kit-path{from{offset-distance:0%}to{offset-distance:100%}}
.kit-ink{stroke:currentColor;stroke-width:1.2;paint-order:stroke;transition:stroke-dashoffset 1.6s cubic-bezier(.37,.01,.2,1),fill-opacity .9s ease}
.kit-char{display:inline-block;will-change:transform;transition:font-variation-settings .15s}
.kit-scrub{opacity:.28;transition:opacity .25s linear}.kit-scrub.on{opacity:1}
#kit-cursor{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:999px;background:var(--kit-cursor,#111);opacity:0;transition:width .25s,height .25s,margin .25s,border-radius .25s,background .25s;mix-blend-mode:difference;background:#fff}
#kit-cursor span{display:none;color:#000;font:600 12px/1 system-ui,sans-serif;white-space:nowrap;padding:0 12px}
#kit-cursor.label{width:auto;height:32px;margin:-16px 0 0 -16px;padding:0;border-radius:16px;display:flex;align-items:center;mix-blend-mode:normal;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18)}#kit-cursor.label span{display:block}
[data-kit="depth"]{position:relative}[data-kit="depth"] [data-depth],[data-kit="depth"] .kit-shadow{will-change:transform}
[data-kit="explode"] [data-explode]{will-change:transform}[data-kit="explode"] .kit-label{opacity:0;transition:opacity .4s}
[data-kit="float"] [data-speed]{will-change:transform}
[data-kit="mask"]{display:block}
@media(prefers-reduced-motion:reduce){.kit-scrub{opacity:1!important}.kit-char{transform:none!important}.kit-ink{stroke-dashoffset:0!important;fill-opacity:1!important;transition:none!important}#kit-cursor{display:none!important}.kit-intro,.kit-intro-mask .kit-ln-i{opacity:1!important;transform:none!important;animation:none!important}.kit-haze{opacity:1!important;filter:none!important;transform:none!important}[data-kit="story"] .kit-frame{transition:opacity .4s linear!important;transform:none!important;clip-path:none!important}[data-kit="story"] .kit-step{opacity:1!important;transform:none!important}.kit-cut-c,.kit-word,.kit-scene,.kit-cap,.kit-cap .kit-mask>*,[data-kit="sticky"],.kit-overlay a,.kit-overlay button{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}.kit-word{opacity:1}}