@font-face{font-family:Pragmatica Next Web;src:url(/oktta/assets/pragmatica-next-vf-DTuPwNGs.woff2) format("woff2");font-weight:100 900;font-stretch:50% 200%;font-style:normal;font-display:swap}:root{--ink: #121212;--panel: #f5f5f5;--accent: #6af400;--page: #ffffff;--radius-lg: 30px;--radius-md: 25px;--radius-sm: 20px;--radius-pill: 100px;--gap-col: 5px;--gap-block: 50px;--edge: 20px;--header-h: 74px;--ease: cubic-bezier(.22, 1, .36, 1);--hover: .25s var(--ease);--press: .12s var(--ease)}*{box-sizing:border-box}*,*:before,*:after{font-variation-settings:"wght" var(--wght, 400),"wdth" 100}html,body,#root{height:100%}body{margin:0;background:var(--page);color:var(--ink);font-family:Pragmatica Next Web,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-weight:400;font-stretch:100%;--wght: 400;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;overflow:hidden}img{display:block}.media{display:block;width:100%;height:100%;object-fit:cover}.page{height:100vh;height:100dvh;display:grid;grid-template-columns:36.25% 63.75%}.header{position:fixed;inset:0 0 auto 0;z-index:10;height:var(--header-h);padding:20px var(--edge) 10px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.header>*{pointer-events:auto}.header__logo{height:44px;padding:8px 12px;display:flex;align-items:center;justify-content:center;background:var(--ink);border-radius:var(--radius-pill)}.header__logo img{width:103px;height:28px}.header__menu{position:absolute;left:50%;top:20px;transform:translate(-50%);display:flex;align-items:center;gap:15px;padding:12px 24px;background:var(--ink);color:#fff;border-radius:var(--radius-pill)}.header__actions{display:flex;align-items:center;gap:var(--gap-col)}.pill{display:flex;align-items:center;gap:15px;padding:12px 24px;border-radius:var(--radius-pill);font-size:15px;font-weight:490;--wght: 490;line-height:1.2;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;font-family:inherit}.pill--dark{background:var(--ink);color:#fff}.pill--accent{background:var(--accent);color:var(--ink);height:45px}.pill--light{background:#fff;color:var(--ink)}.pill--glass{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.pill__icon{width:20px;height:20px}.stage{position:relative;height:100%;background:var(--page);overflow:hidden}.stage__world{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;touch-action:pan-y}.stage__world.is-grabbing{cursor:grabbing}.stage__debug{position:absolute;left:0;top:0;pointer-events:none}.stage__object{position:absolute;left:0;top:0;transform-origin:50% 50%;will-change:transform;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.showreel{position:absolute;left:var(--edge);bottom:var(--edge);padding:5px;background:var(--ink);border-radius:var(--radius-lg)}.showreel__screen{position:relative;display:block;width:300px;height:200px;padding:0;border:0;background:var(--ink);border-radius:var(--radius-md);overflow:hidden;cursor:pointer}.showreel__play{position:absolute;left:50%;top:50%;width:70px;height:70px;transform:translate(-50%,-50%);pointer-events:none}.showreel--expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:0;background:#000;border-radius:0}.showreel--expanded .showreel__screen{width:100%;height:100%;border-radius:0;background:#000;cursor:zoom-out}.showreel--expanded .media{object-fit:contain}.scroller{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.scroller::-webkit-scrollbar{display:none}.scroller__inner{display:flex;flex-direction:column;gap:var(--gap-block);padding:75px var(--edge) var(--edge) 0}.hero{position:relative;height:850px;background:var(--panel);border-radius:var(--radius-lg)}.hero__text{position:absolute;left:50%;top:231px;transform:translate(-50%);width:871px;max-width:calc(100% - 40px);display:flex;flex-direction:column;align-items:center;gap:25px;text-align:center}.hero__title{margin:0;font-size:50px;font-weight:490;--wght: 490;line-height:1.1}.hero__subtitle{margin:0;width:561px;max-width:100%;font-size:15px;line-height:1.4;opacity:.5}.clients{position:absolute;left:var(--edge);right:var(--edge);bottom:30px;display:flex;flex-direction:column;align-items:center;gap:15px;overflow:hidden}.clients__label{margin:0;font-size:15px;line-height:1.4;opacity:.5}.clients__track{position:relative;width:100%;height:63px;overflow:hidden;mask-image:linear-gradient(to right,transparent 0,#000 90px,#000 calc(100% - 90px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 90px,#000 calc(100% - 90px),transparent 100%)}.clients__row{display:flex;align-items:center;height:63px;width:max-content;animation:clients-scroll 90s linear infinite}.clients__row:hover{animation-play-state:paused}.clients__logo{height:36px;width:auto;margin-right:81px;object-fit:contain;flex:none}@keyframes clients-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.banner{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;padding:24px;background:var(--accent);border-radius:var(--radius-lg);color:var(--ink);font-size:15px;font-weight:490;--wght: 490;line-height:1.2;text-decoration:none;overflow:hidden}.banner__arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;background:#ffffff80;border-radius:var(--radius-pill)}.banner__arrow img{width:20px;height:20px}.cases{display:flex;gap:var(--gap-col);align-items:stretch}.cases__col{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:var(--gap-col)}.card--grow{flex:1 1 0;min-height:0}.card{position:relative;display:flex;flex-direction:column;gap:10px;padding:10px;background:var(--panel);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit}.card--cover{justify-content:flex-start}.card--cover.card--bottom{justify-content:flex-end}.card__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.card__bg .media{width:100%;height:100%;object-fit:cover}.card__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#000,#0000)}.card__body{position:relative;display:flex;flex-direction:column;gap:30px;padding:20px}.card__top{display:flex;align-items:flex-start;justify-content:space-between}.card__arrow{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-pill);flex:none}.card__arrow img{width:20px;height:20px}.card__arrow--light{background:#fff}.card__arrow--glass{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card__text{display:flex;flex-direction:column;gap:15px}.card__title{margin:0;font-size:25px;font-weight:490;--wght: 490;line-height:1.2;white-space:pre-line}.card__desc{margin:0;font-size:15px;line-height:1.4}.card--light .card__desc{opacity:.5}.card--dark{color:#fff}.card__image{position:relative;flex:1 0 0;min-height:0;border-radius:var(--radius-sm);overflow:hidden}.card__image .media{width:100%;height:100%;object-fit:cover}.work{display:flex;flex-direction:column;gap:25px;margin-top:50px}.project{position:relative;display:flex;flex-direction:column;gap:10px;padding:10px;background:var(--panel);border-radius:var(--radius-lg);overflow:hidden;color:inherit;text-decoration:none}.project__row{display:flex;gap:10px;align-items:stretch}.project__big{flex:1 0 0;min-width:0;height:485px;border-radius:var(--radius-sm);overflow:hidden}.project__big .media{width:100%;height:100%;object-fit:cover}.project__side{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:10px}.project__thumb{flex:1 1 0;min-height:0;border-radius:var(--radius-sm);overflow:hidden}.project__thumb .media{width:100%;height:100%;object-fit:cover}.project__text{flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:30px;padding:20px}.project__meta{display:flex;flex-direction:column;gap:15px}.project__title{margin:0;font-size:25px;font-weight:490;--wght: 490;line-height:1.2}.project__desc{margin:0;font-size:15px;line-height:1.4;opacity:.5}.project__arrow{position:absolute;right:20px;top:20px;width:42px;height:42px;display:grid;place-items:center;background:#fff;border-radius:var(--radius-pill)}.project__arrow img{width:20px;height:20px}.tabs{display:flex;padding:5px;background:var(--ink);border-radius:var(--radius-lg)}.tabs__item{flex:1 0 0;min-width:0;padding:24px;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-md);background:transparent;color:#fff;font-family:inherit;font-size:15px;font-weight:490;--wght: 490;line-height:1.2;cursor:pointer}.tabs__item--active{background:#fff;color:var(--ink)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;background:var(--page);animation:intro-fade 1.1s ease-in-out forwards;pointer-events:none}@keyframes intro-fade{to{opacity:0}}.stage__world--intro{position:fixed;left:0;top:0;width:100vw;height:100vh;height:100dvh;z-index:200;transition-property:left,top,width,height;transition-timing-function:cubic-bezier(.65,0,.35,1)}@media (prefers-reduced-motion: reduce){.intro{animation-duration:.3s;animation-delay:.6s}}.reveal{opacity:0;transform:translateY(10px);transition:opacity .55s var(--ease),transform .55s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal,.reveal.is-visible{opacity:1;transform:none;transition:none}}.pill,.header__logo,.banner,.card,.project,.tabs__item,.showreel__screen{transition:transform var(--hover),background-color var(--hover),box-shadow var(--hover),opacity var(--hover)}.pill--dark:hover{background:#2a2a2c}.pill--accent:hover{background:#7cff1f}.pill--light:hover{background:#ebebeb}.pill--glass:hover{background:#fff6}.pill:active{transform:scale(.97);transition:transform var(--press)}.header__menu:active{transform:translate(-50%) scale(.97);transition:transform var(--press)}.header__logo:hover{background:#2a2a2c}.header__logo:active{transform:scale(.97);transition:transform var(--press)}.banner:hover{background:#7cff1f}.banner:active{transform:scale(.995);transition:transform var(--press)}.banner__arrow{transition:transform var(--hover),background-color var(--hover)}.banner:hover .banner__arrow{background:#fffc;transform:translate(4px,-50%)}.card .media,.project .media,.showreel .media{transition:transform .5s var(--ease)}.card:hover .media,.project:hover .media{transform:scale(1.04)}.card__arrow,.project__arrow{transition:transform var(--hover),background-color var(--hover)}.card:hover .card__arrow,.project:hover .project__arrow{transform:translate(4px)}.card--dark:hover .card__arrow{background:#ffffff73}.tabs__item:hover{color:#fff;opacity:.75}.tabs__item--active:hover{color:var(--ink);opacity:1;background:#ebebeb}.tabs__item:active{transform:scale(.99);transition:transform var(--press)}.showreel__screen:hover .media{transform:scale(1.04)}.showreel__screen:active{transform:scale(.99);transition:transform var(--press)}.showreel--expanded .showreel__screen:hover .media{transform:none}.header__nav a:hover{color:var(--ink)}@media (prefers-reduced-motion: reduce){.pill,.header__logo,.banner,.card,.project,.tabs__item,.showreel__screen,.card .media,.project .media,.showreel .media,.banner__arrow,.card__arrow,.project__arrow{transition:none!important;transform:none!important}}@media (max-width: 1400px){.hero{height:700px}.hero__text{top:160px}.hero__title{font-size:40px}}@media (max-width: 1000px){.page{display:block;position:relative}.stage{position:absolute;inset:0 0 auto 0;height:55dvh}.scroller{position:relative;z-index:1;height:100vh;height:100dvh}.scroller__inner{position:relative;padding:55dvh var(--edge) var(--edge)}.scroller__inner:before{content:"";position:absolute;left:0;right:0;top:calc(55dvh - 20px);bottom:0;z-index:-1;background:var(--page);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.header__menu{display:none}.hero{height:560px}.hero__text{top:100px;width:100%}.hero__title{font-size:32px}.cases{flex-direction:column}.showreel{display:none}.project__row{flex-direction:column}.project__big{height:280px}.project__thumb{min-height:200px}}