/* Цех Лендингов · 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-e-quint:cubic-bezier(.23,1,.32,1);--kit-e-expo:cubic-bezier(.16,1,.3,1);--kit-e-back:cubic-bezier(.34,1.56,.64,1);--kit-e-sine:cubic-bezier(.39,.575,.565,1);--kit-e-quart:cubic-bezier(.76,0,.24,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}
/* v90: живой номер главы, тона, выноски — только механика; цвета и размеры в CSS страницы */
.kit-count .kit-num{opacity:0;transform:translate3d(0,.12em,0);transition:opacity .7s var(--kit-e-out),transform .7s var(--kit-e-out);will-change:opacity,transform}.kit-count .kit-num.on{opacity:1;transform:none}
[data-kit="count"]{font-variant-numeric:tabular-nums}
[data-kit="callouts"]{position:relative}[data-kit="callouts"] .kit-pin{position:absolute;left:var(--x,50%);top:var(--y,50%);display:inline-grid;place-items:center;min-width:1.7em;height:1.7em;padding:0 .35em;border-radius:999px;line-height:1;cursor:pointer;user-select:none;transform:translate(-50%,-50%) scale(0);transition:transform .5s var(--kit-e-soft);will-change:transform}
.kit-pins-in .kit-pin{transform:translate(-50%,-50%) scale(1)}.kit-pins-in .kit-pin.on{transform:translate(-50%,-50%) scale(1.2)}.kit-legend [data-n]{transition:opacity .3s,color .3s}
/* v92.1: внутренняя страница комплекта — шапка главной видна сразу, какие бы состояния «до прокрутки» ни задавал CSS главной */
html[data-inner="1"] body > header{transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;clip-path:none!important}
/* v92: до/после, гармошка кадров, стопка панелей — механика; цвета ручки, реек и подписей в CSS страницы */
[data-kit="compare"]{position:relative;overflow:hidden;--kit-cut:50%;touch-action:pan-y;user-select:none;-webkit-user-select:none}[data-kit="compare"] .kit-before,[data-kit="compare"] .kit-after{display:block;width:100%;height:100%;object-fit:cover}[data-kit="compare"] .kit-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--kit-cut))}
[data-kit="compare"] .kit-handle{position:absolute;top:0;bottom:0;left:var(--kit-cut);width:44px;margin-left:-22px;padding:0;border:0;background:transparent;cursor:ew-resize;touch-action:none;display:grid;place-items:center}[data-kit="compare"] .kit-handle::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:currentColor;opacity:.9}[data-kit="compare"] .kit-handle i{position:relative;width:36px;height:36px;border-radius:50%;background:currentColor;box-shadow:0 2px 10px rgba(0,0,0,.25)}[data-kit="compare"] .kit-handle:focus-visible{outline:3px solid currentColor;outline-offset:-3px}
[data-kit="compare"] .kit-lbl{position:absolute;bottom:.75rem;font-size:.8rem;padding:.25em .6em;border-radius:4px;pointer-events:none}[data-kit="compare"] .kit-lbl-a{left:.75rem}[data-kit="compare"] .kit-lbl-b{right:.75rem}
[data-kit="strips"]{display:flex;gap:var(--kit-strip-gap,6px);min-height:var(--kit-strip-h,60vh)}[data-kit="strips"] .kit-strip{position:relative;flex:1 1 0;min-width:var(--kit-rail,3.2rem);overflow:hidden;cursor:pointer;transition:flex-grow .6s var(--kit-e-out);margin:0}[data-kit="strips"] .kit-strip.on{flex-grow:var(--kit-strip-grow,5)}[data-kit="strips"] .kit-strip img,[data-kit="strips"] .kit-strip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[data-kit="strips"] .kit-strip figcaption{position:absolute;left:0;bottom:0;padding:.8rem 1rem;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;transition:opacity .3s}[data-kit="strips"] .kit-strip.on figcaption{writing-mode:horizontal-tb;transform:none;right:0;white-space:normal}[data-kit="strips"] .kit-strip:focus-visible{outline:3px solid currentColor;outline-offset:-3px}
@media(max-width:760px){[data-kit="strips"]{flex-direction:column;min-height:0}[data-kit="strips"] .kit-strip{min-width:0;min-height:var(--kit-rail-m,3.2rem);flex-basis:auto}[data-kit="strips"] .kit-strip.on{min-height:var(--kit-strip-h-m,56vw)}[data-kit="strips"] .kit-strip figcaption{writing-mode:horizontal-tb;transform:none}}
[data-kit="stack"]{position:relative}[data-kit="stack"] .kit-panel{position:sticky;top:var(--kit-stack-top,0);min-height:100vh;min-height:100svh;--kit-p:0;transform:scale(calc(1 - var(--kit-p) * .08));opacity:calc(1 - var(--kit-p) * .45);transform-origin:50% 0;will-change:transform,opacity}
/* v93: постер (урок промта MotionSites «The Next Layer»): единицы холста ставит кит poster; плита .kit-plate с измеренным затуханием низа в фон (--kit-fade — цвет фона секции, --kit-fade-start — доля чистого кадра) и летербоксом .kit-letterbox (--kit-box / --kit-box-outer — полуширины в единицах --u); в портрете и на планшете свои затемнения */
[data-kit="poster"]{position:relative;isolation:isolate;--u:1px;--uw:1px;--h:1px;--m:1px;--kit-fs:var(--kit-fade-start,78.8%);--kit-fr:calc(100% - var(--kit-fs))}
[data-kit="poster"] .kit-plate{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
[data-kit="poster"] .kit-plate>img,[data-kit="poster"] .kit-plate>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--kit-plate-pos,50% 50%);display:block}
[data-kit="poster"] .kit-plate::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,transparent var(--kit-fs),var(--kit-fade,#050505) 100%)}
[data-kit="poster"] .kit-plate.kit-letterbox::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to right,var(--kit-fade,#050505) calc(50% - var(--kit-box-outer,746)*var(--u)),transparent calc(50% - var(--kit-box,676)*var(--u)),transparent calc(50% + var(--kit-box,676)*var(--u)),var(--kit-fade,#050505) calc(50% + var(--kit-box-outer,746)*var(--u)))}
[data-kit="poster"].kit-portrait .kit-plate.kit-letterbox::before{display:none}
@supports (background:color-mix(in srgb,red 10%,transparent)){
[data-kit="poster"] .kit-plate::after{background:linear-gradient(to bottom,transparent var(--kit-fs),color-mix(in srgb,var(--kit-fade,#050505) 23%,transparent) calc(var(--kit-fs) + var(--kit-fr)*.038),color-mix(in srgb,var(--kit-fade,#050505) 45%,transparent) calc(var(--kit-fs) + var(--kit-fr)*.123),color-mix(in srgb,var(--kit-fade,#050505) 75%,transparent) calc(var(--kit-fs) + var(--kit-fr)*.212),color-mix(in srgb,var(--kit-fade,#050505) 84%,transparent) calc(var(--kit-fs) + var(--kit-fr)*.302),color-mix(in srgb,var(--kit-fade,#050505) 89%,transparent) calc(var(--kit-fs) + var(--kit-fr)*.434),color-mix(in srgb,var(--kit-fade,#050505) 90.5%,transparent) calc(var(--kit-fs) + var(--kit-fr)*.575),color-mix(in srgb,var(--kit-fade,#050505) 96%,transparent) calc(var(--kit-fs) + var(--kit-fr)*.764),var(--kit-fade,#050505) 100%)}
[data-kit="poster"].kit-portrait .kit-plate::after{background:linear-gradient(to right,color-mix(in srgb,var(--kit-fade,#050505) 86%,transparent) 0%,color-mix(in srgb,var(--kit-fade,#050505) 66%,transparent) 42%,color-mix(in srgb,var(--kit-fade,#050505) 20%,transparent) 78%,color-mix(in srgb,var(--kit-fade,#050505) 10%,transparent) 100%),linear-gradient(to bottom,color-mix(in srgb,var(--kit-fade,#050505) 72%,transparent) 0%,color-mix(in srgb,var(--kit-fade,#050505) 34%,transparent) 24%,color-mix(in srgb,var(--kit-fade,#050505) 34%,transparent) 56%,color-mix(in srgb,var(--kit-fade,#050505) 80%,transparent) 82%,color-mix(in srgb,var(--kit-fade,#050505) 97%,transparent) 94%,var(--kit-fade,#050505) 100%)}
[data-kit="poster"].kit-tablet .kit-plate::after{background:linear-gradient(to right,color-mix(in srgb,var(--kit-fade,#050505) 84%,transparent) 0%,color-mix(in srgb,var(--kit-fade,#050505) 60%,transparent) 42%,color-mix(in srgb,var(--kit-fade,#050505) 16%,transparent) 78%,color-mix(in srgb,var(--kit-fade,#050505) 6%,transparent) 100%),linear-gradient(to bottom,color-mix(in srgb,var(--kit-fade,#050505) 66%,transparent) 0%,color-mix(in srgb,var(--kit-fade,#050505) 28%,transparent) 24%,color-mix(in srgb,var(--kit-fade,#050505) 30%,transparent) 56%,color-mix(in srgb,var(--kit-fade,#050505) 78%,transparent) 82%,color-mix(in srgb,var(--kit-fade,#050505) 96%,transparent) 94%,var(--kit-fade,#050505) 100%)}
}
/* v94 (рецепт details.so «Button 04», чистый CSS): кнопка с заливкой снизу и сдвигом подписи — цвета и скругление задаёт страница через --kit-btn-base / --kit-btn-fill / --kit-btn-r; направление data-from="left|right|top" */
.kit-btn-fill{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;border:0;background:transparent;cursor:pointer;text-decoration:none;border-radius:var(--kit-btn-r,6px)}
.kit-btn-fill::before,.kit-btn-fill::after{content:"";position:absolute;inset:0;border-radius:var(--kit-btn-r,6px);transition:transform .5s cubic-bezier(.165,.84,.44,1);will-change:transform}
.kit-btn-fill::before{background:var(--kit-btn-base,var(--ink,#111));transform-origin:50% 90%;z-index:-2}
.kit-btn-fill::after{background:var(--kit-btn-fill,var(--accent,currentColor));transform:translateY(102%);z-index:-1}
.kit-btn-fill[data-from="left"]::after{transform:translateX(-102%)}.kit-btn-fill[data-from="right"]::after{transform:translateX(102%)}.kit-btn-fill[data-from="top"]::after{transform:translateY(-102%)}
.kit-btn-fill .kit-btn-w{overflow:hidden;white-space:nowrap;position:relative;line-height:1.25}
.kit-btn-fill .kit-btn-t{display:inline-block;position:relative;text-shadow:0 -2em 0 currentColor;transition:transform .3s cubic-bezier(.165,.84,.44,1)}
.kit-btn-fill:hover::before,.kit-btn-fill:focus-visible::before{transform:scale(.9)}
.kit-btn-fill:hover::after,.kit-btn-fill:focus-visible::after{transform:none}
.kit-btn-fill:hover .kit-btn-t,.kit-btn-fill:focus-visible .kit-btn-t{transform:translateY(2em)}
.kit-btn-fill:active{transform:scale(.99)}
@media(prefers-reduced-motion:reduce){.kit-btn-fill::before,.kit-btn-fill::after,.kit-btn-fill .kit-btn-t{transition:none}}
/* v95.0 (уроки 13 референсов, этап 1; details.so): лупа с находками, фаза ухода reveal, лента, занавес, диагональная заливка, кромка-лесенка, пауза автопрокруток — цвета и кегли в CSS страницы через переменные */
[data-kit="lens"][data-mode="hunt"]{touch-action:none;cursor:crosshair}
[data-kit="lens"][data-mode="hunt"] .kit-spot{position:absolute;left:var(--x,50%);top:var(--y,50%);transform:translate(-50%,-50%);z-index:3;appearance:none;border:0;margin:0;padding:0;width:16px;height:16px;border-radius:999px;background:var(--kit-spot,currentColor);color:transparent;font:inherit;font-size:.85em;line-height:1.25;cursor:pointer;overflow:hidden;white-space:nowrap;transition:width .35s var(--kit-e-out),height .35s var(--kit-e-out),padding .35s var(--kit-e-out),color .35s,border-radius .35s}
[data-kit="lens"][data-mode="hunt"] .kit-spot:focus-visible{outline:2px solid var(--kit-spot,currentColor);outline-offset:3px}
[data-kit="lens"][data-mode="hunt"] .kit-spot.found{width:auto;height:auto;padding:.35em .7em;border-radius:6px;background:var(--kit-spot-bg,#fff);color:var(--kit-spot-ink,#111);overflow:visible;white-space:nowrap}
[data-kit="lens"][data-mode="hunt"] .kit-hunt-count{position:absolute;left:1rem;top:1rem;z-index:3;margin:0;font-variant-numeric:tabular-nums}
[data-kit="lens"][data-mode="hunt"] .kit-hunt-all{position:absolute;right:1rem;top:1rem;z-index:3;min-height:44px;min-width:44px;padding:0 1rem;cursor:pointer;font:inherit}
[data-kit="lens"][data-mode="hunt"].kit-hunt-all .kit-hunt-all,[data-kit="lens"][data-mode="hunt"].kit-hunt-done .kit-hunt-all{display:none}
[data-kit="lens"][data-mode="hunt"][data-hint]:not(.touched)::after{content:attr(data-hint);position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);z-index:3;font-size:.85em;opacity:.85;pointer-events:none}
@media(pointer:fine){[data-kit="lens"][data-mode="hunt"][data-hint]::after{display:none}}
@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){
.kit-leave{animation:kit-leave-fade 1s linear both;animation-timeline:view();animation-range:exit 20% exit 100%}
.kit-leave[data-leave="soft"]{animation-name:kit-leave-soft}
@media(pointer:fine){.kit-leave.kit-leave-blur{animation-name:kit-leave-blur}.kit-leave.kit-leave-blur[data-leave="soft"]{animation-name:kit-leave-soft}}
@keyframes kit-leave-fade{to{opacity:0;transform:translateY(-1.25rem)}}
@keyframes kit-leave-blur{to{opacity:0;filter:blur(5px);transform:translateY(-1.25rem)}}
@keyframes kit-leave-soft{to{opacity:.15;transform:scale(.96)}}
}}
[data-kit="rail"]{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}[data-kit="rail"]::-webkit-scrollbar{display:none}[data-kit="rail"]>*{scroll-snap-align:start}
[data-kit="rail"].kit-overflow{-webkit-mask-image:linear-gradient(90deg,#0000,#000 2.5rem calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 2.5rem calc(100% - 2.5rem),#0000)}
[data-kit="rail"].kit-overflow.kit-rail-start{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000)}
[data-kit="rail"].kit-overflow.kit-rail-end{-webkit-mask-image:linear-gradient(90deg,#0000,#000 2.5rem);mask-image:linear-gradient(90deg,#0000,#000 2.5rem)}
.kit-curtain{position:fixed;left:0;right:0;top:0;height:100vh;height:100svh;background:var(--kit-curtain,var(--ink,#111));border-radius:0 0 var(--kit-curtain-r,28px) var(--kit-curtain-r,28px);z-index:9998;transform:translateY(0);transition:transform .45s var(--kit-e-out)}.kit-curtain.up{transform:translateY(-104%)}
.kit-btn-fill[data-from="corner"]::after{inset:0 -35%;transform:translate(-10%,112%) skewY(-8deg);transform-origin:0 100%}
.kit-btn-fill[data-from="corner"]:hover::after,.kit-btn-fill[data-from="corner"]:focus-visible::after{transform:none}
.kit-btn-fill[data-from="corner"] .kit-btn-t{text-shadow:none;transition:color .35s}.kit-btn-fill[data-from="corner"]:hover .kit-btn-t,.kit-btn-fill[data-from="corner"]:focus-visible .kit-btn-t{transform:none;color:var(--kit-btn-fill-ink,inherit)}
.kit-steps{--kit-step-w:12vw;--kit-step-h:24px;clip-path:polygon(0 calc(2*var(--kit-step-h)),var(--kit-step-w) calc(2*var(--kit-step-h)),var(--kit-step-w) var(--kit-step-h),calc(2*var(--kit-step-w)) var(--kit-step-h),calc(2*var(--kit-step-w)) 0,calc(100% - 2*var(--kit-step-w)) 0,calc(100% - 2*var(--kit-step-w)) var(--kit-step-h),calc(100% - var(--kit-step-w)) var(--kit-step-h),calc(100% - var(--kit-step-w)) calc(2*var(--kit-step-h)),100% calc(2*var(--kit-step-h)),100% 100%,0 100%)}
.kit-pause{position:absolute;right:.75rem;bottom:.75rem;z-index:5;min-width:44px;min-height:44px;padding:0 .9rem;border-radius:999px;border:1px solid currentColor;background:var(--kit-pause-bg,rgba(255,255,255,.82));color:var(--kit-pause-ink,#111);cursor:pointer;font:inherit;font-size:.85em}
.kit-progress{position:absolute;left:0;bottom:0;z-index:4;height:3px;width:100%;background:currentColor;opacity:.4;transform-origin:0 50%;transform:scaleX(0)}.kit-progress.run{animation:kit-cycle var(--kit-cycle-d,4000ms) linear forwards}@keyframes kit-cycle{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.kit-ticker:hover>*,.kit-ticker:focus-within>*{animation-play-state:paused}
/* v95.1 (уроки 13 референсов, этап 2; записи details.so): пиксель-матрица, кисть курсора, живое место и слой погоды, меню-лист, кадры push-y, словарь шторок reveal — цвета только через роли палитры и переменные страницы */
.kit-pixel{display:inline-block;vertical-align:-.12em;overflow:visible;shape-rendering:crispEdges}.kit-pixel:not([width]){width:var(--kit-px-size,1em)}.kit-pixel:not([height]){height:auto}
.kit-pixel rect{opacity:0;transition:opacity .08s steps(1,end)}.kit-pixel.on rect{opacity:1}
.kit-brush{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:9}.kit-brush.fixed{position:fixed;z-index:9990}
.kit-brush i{position:absolute;display:block;width:var(--kit-cell,10px);height:var(--kit-cell,10px);background:var(--kit-brush,currentColor);opacity:1;transition:opacity .5s linear}.kit-brush i.off{opacity:0}
[data-kit="place"]{min-height:1.4em}[data-kit="place"]:not(.on){visibility:hidden}[data-kit="place"][hidden]{display:none!important}
.kit-weather{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.kit-weather i{position:absolute;top:-16vh;display:block;opacity:var(--kit-weather-o,.5);animation:kit-fall var(--d,2s) linear var(--delay,0s) infinite}
.kit-weather.rain i{width:1px;height:14vh;background:linear-gradient(#0000,var(--kit-rain,currentColor));transform:rotate(8deg)}.kit-weather.snow i{width:5px;height:5px;border-radius:50%;background:var(--kit-snow,#fff);animation-duration:calc(var(--d,2s)*3)}
@keyframes kit-fall{from{translate:0 0}to{translate:0 136vh}}
.kit-sheet{transform-origin:50% var(--kit-sy,0px);transition:transform .7s var(--kit-e-expo)}
html.kit-sheet-open .kit-sheet{transform:translateY(var(--kit-sheet-y,62vh)) scale(.94);pointer-events:none;overflow:hidden}
html.kit-sheet-open .kit-sheet,html.kit-sheet-closing .kit-sheet{clip-path:inset(var(--kit-sy,0px) 0 0 0 round var(--kit-sheet-r,24px))}
html.kit-sheet-open .kit-overlay{bottom:auto;height:var(--kit-sheet-y,62vh)}
.kit-overlay.kit-marks a{position:relative}.kit-overlay.kit-marks a::before{content:"";position:absolute;left:-1.1em;top:50%;width:.45em;height:.45em;background:var(--kit-mark,var(--accent,currentColor));transform:translateY(-50%) scale(0);transition:transform .3s var(--kit-e-back)}
.kit-overlay.kit-marks a:hover::before,.kit-overlay.kit-marks a:focus-visible::before,.kit-overlay.kit-marks a.on::before{transform:translateY(-50%) scale(1)}
[data-kit="menu"][data-fill]{isolation:isolate}[data-kit="menu"][data-fill]::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--kit-menu-fill,var(--accent,currentColor));transform:scale(0);transition:transform .35s var(--kit-e-back);z-index:-1}[data-kit="menu"][data-fill].open::before{transform:scale(1)}
[data-kit="slideshow"][data-wipe="push-y"] .kit-frames>*{clip-path:none;transform:translateY(102%);transition:none}
[data-kit="slideshow"][data-wipe="push-y"] .kit-frames>.on{clip-path:none;transform:none;transition:transform .8s var(--kit-e-expo);z-index:2}
[data-kit="slideshow"][data-wipe="push-y"] .kit-frames>.prev{clip-path:none;transform:translateY(-102%);transition:transform .8s var(--kit-e-expo);z-index:1}
[data-kit="slideshow"] .kit-texts>*:not(.on){display:none!important}
@media(prefers-reduced-motion:reduce){.kit-pixel rect{opacity:1!important;transition:none!important}.kit-sheet{transition:none!important}.kit-weather,.kit-brush{display:none!important}[data-kit="slideshow"][data-wipe="push-y"] .kit-frames>*{transition:none!important}.kit-shape{clip-path:none!important;transition:none!important}}
/* v95.4 (матрица кнопок владельца; каталог 21st.dev «подвалы»): ореол на тёмном, иконка-плитка, split-кнопка, живая точка статуса, полоса точек с вырезанным именем — цвета через роли палитры и переменные страницы */
.kit-btn-glow{position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.14);transition:box-shadow .25s var(--kit-e-out),transform .25s var(--kit-e-out)}
.kit-btn-glow:hover,.kit-btn-glow:focus-visible{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px color-mix(in srgb,var(--kit-glow,var(--accent,currentColor)) 70%,transparent),0 8px 28px color-mix(in srgb,var(--kit-glow,var(--accent,currentColor)) 35%,transparent)}
.kit-btn-glow:active{transform:scale(.98)}
.kit-btn-ic{display:inline-grid;place-items:center;width:1.5em;height:1.5em;border-radius:var(--kit-ic-r,.35em);background:color-mix(in srgb,currentColor 18%,transparent);margin-right:.55em;flex:none;line-height:1}.kit-btn-ic.end{margin:0 0 0 .55em}.kit-btn-ic>svg{width:1em;height:1em;display:block}
.kit-btn-split{display:inline-flex;align-items:stretch;position:relative;vertical-align:middle}.kit-btn-split>.kit-btn-main{border-radius:var(--kit-btn-r,8px) 0 0 var(--kit-btn-r,8px)}
.kit-btn-dd{position:relative;display:inline-flex}.kit-btn-dd>summary{list-style:none;display:inline-grid;place-items:center;min-width:44px;height:100%;padding:0 .8em;cursor:pointer;border-radius:0 var(--kit-btn-r,8px) var(--kit-btn-r,8px) 0;border-left:1px solid color-mix(in srgb,currentColor 30%,transparent)}.kit-btn-dd>summary::-webkit-details-marker{display:none}.kit-btn-dd>summary::marker{content:""}
.kit-btn-dd>summary::after{content:"";width:.45em;height:.45em;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-.1em,-.1em);transition:transform .2s}.kit-btn-dd[open]>summary::after{transform:rotate(225deg) translate(.1em,.1em)}
.kit-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:max(100%,12em);z-index:30;margin:0;padding:.4em 0;list-style:none;background:var(--kit-menu-bg,var(--base,#fff));color:var(--kit-menu-ink,var(--ink,#111));border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:var(--kit-btn-r,8px);box-shadow:0 12px 32px -12px rgba(0,0,0,.35);text-align:left}
.kit-menu a{display:block;padding:.55em 1em;text-decoration:none;color:inherit;white-space:nowrap}.kit-menu a:hover,.kit-menu a:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}
.kit-dot{position:relative;display:inline-block;width:.5em;height:.5em;border-radius:50%;background:var(--kit-dot,var(--accent,currentColor));vertical-align:middle;margin-right:.5em;flex:none}.kit-dot::before{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;opacity:.6;animation:kit-ping 1.6s cubic-bezier(0,0,.2,1) infinite}@keyframes kit-ping{75%,100%{transform:scale(2.4);opacity:0}}
[data-kit="dither"]{position:relative;overflow:hidden;height:var(--kit-dither-h,240px);--kit-dither-accent:var(--accent,currentColor)}
.kit-dither-field{position:absolute;inset:0}
.kit-dither-field.lit{-webkit-mask-image:radial-gradient(circle 190px at var(--x,50%) var(--y,50%),#000 35%,rgb(0 0 0/.22) 100%);mask-image:radial-gradient(circle 190px at var(--x,50%) var(--y,50%),#000 35%,rgb(0 0 0/.22) 100%)}
.kit-dither-dots{position:absolute;top:0;bottom:0;left:0;width:calc(100% + 360px);background:var(--kit-dither-accent);-webkit-mask-image:radial-gradient(circle,#000 .9px,transparent 1.3px),url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27360%27%20height%3D%27240%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270.04%27%20stop-color%3D%27%23000%27%2F%3E%3Cstop%20offset%3D%270.96%27%20stop-color%3D%27%23fff%27%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%27f%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20color-interpolation-filters%3D%27sRGB%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.45%27%20numOctaves%3D%272%27%20seed%3D%277%27%20stitchTiles%3D%27stitch%27%20result%3D%27n%27%2F%3E%3CfeColorMatrix%20in%3D%27n%27%20type%3D%27matrix%27%20values%3D%271%200%200%200%200%201%200%200%200%200%201%200%200%200%200%200%200%200%200%201%27%20result%3D%27ng%27%2F%3E%3CfeComposite%20in%3D%27SourceGraphic%27%20in2%3D%27ng%27%20operator%3D%27arithmetic%27%20k2%3D%270.5%27%20k3%3D%270.5%27%20result%3D%27s%27%2F%3E%3CfeComponentTransfer%20in%3D%27s%27%20result%3D%27t%27%3E%3CfeFuncR%20type%3D%27discrete%27%20tableValues%3D%270%201%27%2F%3E%3C%2FfeComponentTransfer%3E%3CfeColorMatrix%20in%3D%27t%27%20type%3D%27matrix%27%20values%3D%270%200%200%200%201%200%200%200%200%200.5%200%200%200%200%200%201%200%200%200%200%27%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20fill%3D%27url%28%23g%29%27%20filter%3D%27url%28%23f%29%27%2F%3E%3C%2Fsvg%3E");mask-image:radial-gradient(circle,#000 .9px,transparent 1.3px),url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27360%27%20height%3D%27240%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270.04%27%20stop-color%3D%27%23000%27%2F%3E%3Cstop%20offset%3D%270.96%27%20stop-color%3D%27%23fff%27%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%27f%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20color-interpolation-filters%3D%27sRGB%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.45%27%20numOctaves%3D%272%27%20seed%3D%277%27%20stitchTiles%3D%27stitch%27%20result%3D%27n%27%2F%3E%3CfeColorMatrix%20in%3D%27n%27%20type%3D%27matrix%27%20values%3D%271%200%200%200%200%201%200%200%200%200%201%200%200%200%200%200%200%200%200%201%27%20result%3D%27ng%27%2F%3E%3CfeComposite%20in%3D%27SourceGraphic%27%20in2%3D%27ng%27%20operator%3D%27arithmetic%27%20k2%3D%270.5%27%20k3%3D%270.5%27%20result%3D%27s%27%2F%3E%3CfeComponentTransfer%20in%3D%27s%27%20result%3D%27t%27%3E%3CfeFuncR%20type%3D%27discrete%27%20tableValues%3D%270%201%27%2F%3E%3C%2FfeComponentTransfer%3E%3CfeColorMatrix%20in%3D%27t%27%20type%3D%27matrix%27%20values%3D%270%200%200%200%201%200%200%200%200%200.5%200%200%200%200%200%201%200%200%200%200%27%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20fill%3D%27url%28%23g%29%27%20filter%3D%27url%28%23f%29%27%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:4px 4px,360px 240px;mask-size:4px 4px,360px 240px;-webkit-mask-repeat:repeat,repeat-x;mask-repeat:repeat,repeat-x;-webkit-mask-position:0 0,left bottom;mask-position:0 0,left bottom;-webkit-mask-composite:source-in;mask-composite:intersect}
.kit-dither-mark{position:absolute;left:var(--kit-dither-x,.75rem);bottom:-.05em;margin:0;font-size:var(--kit-dither-size,clamp(5rem,21vw,13rem));font-weight:var(--kit-dither-weight,700);line-height:.8;letter-spacing:-.06em;color:var(--kit-dither-cut,var(--base,#fff));pointer-events:none;user-select:none;white-space:nowrap}
@media(prefers-reduced-motion:no-preference){.kit-dither-dots{animation:kit-drift 40s linear infinite}@supports(animation-timeline:view()){[data-kit="dither"]{view-timeline:--kit-dither}.kit-dither-mark{animation:kit-rise linear both;animation-timeline:--kit-dither;animation-range:entry 20% entry 100%}}}
@keyframes kit-drift{to{translate:-360px 0}}@keyframes kit-rise{from{translate:0 30%}}
@media(prefers-reduced-motion:reduce){.kit-btn-glow,.kit-btn-dd>summary::after{transition:none}.kit-dot::before{animation:none}.kit-dither-dots{animation:none}}
@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}.kit-pin{transform:translate(-50%,-50%)!important;transition:none!important}.kit-count .kit-num{opacity:1!important;transform:none!important;transition:none!important}[data-kit="strips"] .kit-strip{transition:none!important}[data-kit="stack"] .kit-panel{transform:none!important;opacity:1!important}}