.scn{position:relative;overflow:hidden;padding:var(--space-4xl,clamp(96px,12vw,180px)) 0 clamp(72px,9vw,140px)}.scn__head{display:grid;grid-template-columns:1fr;gap:clamp(18px,2vw,28px);align-items:end;margin-bottom:clamp(28px,3.4vw,52px)}.scn__head .lede{max-width:44ch;margin:0}.scn__head h2{white-space:nowrap}.scn{--scn-col:max(560px, calc((100svh - 190px)*1.6) )}.scn__stage{position:relative}.scn__head,.scn__stage{max-width:var(--scn-col);margin-inline:auto}.scn--case .scn__head,.scn--case .scn__stage{max-width:none}.scn__frame{position:relative}.scn__amb{position:absolute;inset:-14% -22% -38%;z-index:0;pointer-events:none;opacity:1;filter:blur(clamp(64px,7vw,130px)) saturate(1.9) brightness(2.3);transition:opacity .9s ease;-webkit-mask-image:linear-gradient(to bottom,transparent 4%,#000 26%);mask-image:linear-gradient(to bottom,transparent 4%,#000 26%)}.scn__amb canvas{position:absolute;inset:12% 14% 24%;width:72%;height:64%;display:block;border-radius:40%}.scn__amb:after{content:"";position:absolute;left:22%;right:22%;bottom:20%;height:22%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#7896ff38,#7896ff00 70%)}.scn__view{position:relative;z-index:1;aspect-ratio:16/10;border-radius:var(--vk-r-img,22px);overflow:hidden;background:#060812;box-shadow:0 40px 90px #0000006b,0 0 0 1px #ffffff12;isolation:isolate}@media (max-width:767px){.scn__stage{max-width:none}.scn__view{aspect-ratio:3/5;width:min(100%,calc((100svh - 120px)*.6));margin-inline:auto}.scn__amb{filter:blur(56px) saturate(1.6) brightness(1.4)}}.scn__media{position:absolute;inset:0;margin:0}.scn__media video,.scn__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.scn__media[hidden],.scn__media video[hidden]{display:none}.scn__demo{position:absolute;z-index:1;top:clamp(12px,1.4vw,22px);right:clamp(12px,1.4vw,22px);pointer-events:none;font:600 12px/1 Figtree,system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap;color:#f4f1eceb;padding:8px 12px;border:1px solid rgba(244,241,236,.38);border-radius:999px;background:#0608126b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width:767px){.scn__media .scn__demo{top:auto;bottom:12px;right:12px}}html.no-js .scn__go,html.no-js .scn__tabs{display:none}.scn__bar{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(20px,3.2vw,56px);align-items:center}.scn__stage>.scn__bar:first-child{margin-bottom:clamp(26px,2.8vw,40px)}.scn__view+.scn__bar,.scn__frame+.scn__bar,.scn__made+.scn__bar{margin-top:clamp(22px,2.6vw,34px);align-items:start}.scn__view+.scn__bar .scn__go,.scn__frame+.scn__bar .scn__go,.scn__made+.scn__bar .scn__go{margin-top:-4px}@media (max-width:899px){.scn__bar{grid-template-columns:1fr;gap:14px}.scn__bar .scn__go{justify-self:start;margin-top:4px}}.scn__hit{position:absolute;inset:0;z-index:2;border:0;padding:0;margin:0;background:none;cursor:pointer}.scn__view:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff14;background:radial-gradient(ellipse 80% 70% at 50% 50%,#fff0 60%,#04060e47);transition:opacity .5s ease}.scn__frames{transition:transform 1.1s var(--ease-taste,cubic-bezier(.16,1,.3,1)),filter .6s ease}.scn__view:hover .scn__frames{transform:scale(1.012);filter:brightness(1.06)}.scn__tabs{position:relative;display:flex;gap:clamp(18px,2.2vw,30px);padding-bottom:10px}.scn__tab{appearance:none;border:0;background:none;padding:6px 0;margin:0;cursor:pointer;font:500 clamp(17px,1.35vw,20px)/1.2 Figtree,system-ui,sans-serif;letter-spacing:-.01em;color:#f4f1ec80;transition:color .3s ease;white-space:nowrap}.scn__tab:hover,.scn__tab[aria-selected=true]{color:#f4f1ec}.scn__tab:focus-visible{outline:2px solid var(--vk-focus,#57A377);outline-offset:4px;border-radius:4px}.scn__glide{position:absolute;left:0;bottom:0;width:1px;height:2px;border-radius:2px;background:#d97a4e;transform-origin:0 50%;pointer-events:none}.scn__caps{display:grid}.scn__cap{grid-area:1/1;margin:0;max-width:62ch;color:#f4f1ecb8;font-size:clamp(15px,1.05vw,17px);line-height:1.55}.scn__cap[hidden]{display:block;visibility:hidden}.scn__cap a{color:#f4f1ec;text-decoration:underline;text-decoration-color:#f4f1ec59;text-underline-offset:4px;transition:text-decoration-color .3s ease;margin-left:.35em;white-space:nowrap}.scn__cap a:hover{text-decoration-color:currentColor}.scn-x{position:fixed;inset:0;z-index:2000;background:#04060e;overflow:hidden;clip-path:inset(var(--t,0) var(--r,0) var(--b,0) var(--l,0) round var(--rad,0));transition:clip-path .75s var(--ease-taste,cubic-bezier(.16,1,.3,1))}.scn-x iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;opacity:0;transition:opacity .7s ease .1s}.scn-x.is-live iframe{opacity:1}.scn-x__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.55);transform:scale(1.06);transition:opacity .8s ease}.scn-x.is-live .scn-x__poster{opacity:0}.scn-x__top{position:absolute;z-index:3;top:max(clamp(14px,1.6vw,26px),env(safe-area-inset-top));left:max(clamp(14px,1.6vw,26px),env(safe-area-inset-left));display:flex;align-items:center;gap:10px}.scn-x__top .scn-x__demo{position:static;opacity:0;transition:opacity .4s ease .45s}.scn-x.is-open .scn-x__demo{opacity:1}.scn-x__back{min-width:0;gap:.55em;opacity:0;transform:translateY(-6px);transition:opacity .4s ease .35s,transform .5s var(--ease-taste,cubic-bezier(.16,1,.3,1)) .35s}.scn-x__back svg{width:15px;height:15px;flex:none;position:relative;z-index:1;margin-left:-.2em}.scn-x.is-open .scn-x__back{opacity:1;transform:none}@media (max-aspect-ratio:1/1){.scn-x{--bar: calc(64px + env(safe-area-inset-top)) }.scn-x iframe{top:var(--bar);height:calc(100% - var(--bar))}.scn-x__top{top:calc(10px + env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left))}.scn-x--demo{--foot: calc(40px + env(safe-area-inset-bottom)) }.scn-x--demo iframe{height:calc(100% - var(--bar) - var(--foot))}.scn-x__top .scn-x__demo{position:fixed;top:auto;right:auto;left:50%;bottom:calc(6px + env(safe-area-inset-bottom));transform:translate(-50%)}}@media (min-aspect-ratio:1/1) and (max-height:520px){.scn-x--demo{--foot: calc(40px + env(safe-area-inset-bottom)) }.scn-x--demo iframe{height:calc(100% - var(--foot))}.scn-x__top .scn-x__demo{position:fixed;top:auto;right:auto;left:50%;bottom:calc(6px + env(safe-area-inset-bottom));transform:translate(-50%)}}.scn-x__skip{position:absolute;z-index:3;text-transform:none;letter-spacing:.01em;right:max(clamp(14px,1.6vw,26px),env(safe-area-inset-right));bottom:calc(max(clamp(14px,1.6vw,26px),env(safe-area-inset-bottom)) + 34px);min-width:0;animation:scn-skip-in .5s var(--ease-taste,cubic-bezier(.16,1,.3,1)) both}.scn-x__skip[hidden]{display:none}@keyframes scn-skip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-aspect-ratio:1/1){.scn-x--demo .scn-x__skip{right:max(14px,env(safe-area-inset-right));bottom:calc(var(--foot) + 46px)}}@media (min-aspect-ratio:1/1) and (max-height:520px){.scn-x--demo .scn-x__skip{bottom:calc(var(--foot) + 50px)}}.scn-x__skip:focus-visible{outline:2px solid var(--ember,#D97A4E);outline-offset:3px}html.scn-lock,html.scn-lock body{overflow:hidden!important}@media (prefers-reduced-motion:reduce){.scn-x,.scn-x iframe,.scn-x__back,.scn-x__poster{transition:none}.scn-x__skip{animation:none}}.scn__frames{position:absolute;inset:0;z-index:0}@media (prefers-reduced-motion:reduce){.scn__frames{transition:none}.scn__view:hover .scn__frames{transform:none}}.scn__bar--solo{grid-template-columns:minmax(0,1fr) auto}.scn--case .scn__head{grid-template-columns:1fr}@media (max-width:899px){.scn__bar--solo{grid-template-columns:1fr}}.scn__made{display:flex;align-items:center;gap:10px;width:fit-content;margin:clamp(14px,1.6vw,20px) 0 0 auto;position:relative;z-index:2;color:#f4f1ec99;font-size:13px;line-height:1;text-decoration:none;transition:color .3s ease}.scn__made:hover{color:#f4f1ec}.scn__made img{width:120px;height:auto;display:block}.scn__made [hidden]{display:none}@media (min-width:1921px){.scn__tab{font-size:1.25rem}.scn__cap{font-size:1.0625rem}.scn__demo{font-size:.75rem}.scn__made{font-size:.8125rem}}