@font-face{font-family:Vela;src:url('assets/VelaSans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vela;src:url('assets/VelaSans-800.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--ink:#171916;--paper:#d4d6cc;--lime:#ccff43;--pad:20px;--gallery:35svh;--ease:cubic-bezier(.22,.68,.15,1)}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Vela,Arial,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}button:disabled{cursor:default}.skip-link{position:fixed;left:20px;top:-100px;padding:12px;background:var(--lime);z-index:100}.skip-link:focus{top:20px}::selection{background:var(--lime);color:var(--ink)}
.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#d4d6cc}.ambient i{position:absolute;display:block;background:#c0c4b8;filter:blur(8px);border-radius:42% 58% 57% 43% / 40% 47% 53% 60%;animation:drift 28s ease-in-out infinite alternate}.ambient i:nth-child(1){width:75vw;height:72vh;left:-22vw;top:18vh;transform:rotate(-25deg);opacity:.56}.ambient i:nth-child(2){width:75vw;height:70vh;right:-28vw;top:7vh;background:#e1e2d7;animation-delay:-12s;opacity:.8}.ambient i:nth-child(3){width:44vw;height:45vh;right:21vw;bottom:-26vh;background:#b5bbab;animation-delay:-7s;opacity:.35}@keyframes drift{to{translate:7vw -4vh;rotate:18deg;scale:1.08}}
.topbar{position:absolute;inset:var(--pad) var(--pad) auto;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;z-index:5}.studio-badge{display:flex;gap:12px;align-items:center;text-align:left;background:var(--ink);color:#f2f3ec;padding:10px 16px 10px 10px;border-radius:4px;box-shadow:0 4px 30px #17191612}.badge-icon{display:grid;place-items:center;width:56px;height:52px;background:var(--lime);border-radius:2px}.badge-icon img{width:56px;height:28px}.badge-title{display:block;font-size:14px;line-height:1.25}.badge-status{display:flex;align-items:center;gap:6px;font-size:11px;margin-top:8px;color:#c8cbc1}.badge-status i{width:5px;height:5px;border-radius:50%;background:var(--lime)}.header-actions{display:flex;gap:8px;align-items:center}.contact-pill{display:flex;align-items:center;gap:22px;padding:16px 22px;background:var(--ink);color:#f2f3ec;border-radius:40px;font-size:14px;transition:background .2s,color .2s}.contact-pill:hover{background:var(--lime);color:var(--ink)}.arrow{width:96px;height:26px;flex:none;transition:transform .3s var(--ease)}.contact-pill .arrow{width:48px;height:14px}.menu-trigger{background:var(--lime);border-radius:50%;width:53px;height:53px;display:grid;place-items:center}.menu-trigger .arrow{width:38px;transform:rotate(-90deg)}.menu-trigger:hover .arrow{transform:rotate(-90deg) translateX(4px)}
.wall{position:absolute;z-index:1;inset:var(--pad) var(--pad) auto;height:var(--gallery);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;transition:height 1.55s var(--ease),inset 1.55s var(--ease),gap 1.55s var(--ease);will-change:height}.tile{overflow:hidden;border-radius:3px;background:#bcc2b0;transform:translateY(0) rotate(0);transition:transform 1.55s var(--ease),border-radius 1.55s var(--ease)}.tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.8s var(--ease)}.tile-logo{background:#171816}.tile-logo img{object-fit:contain;padding:14px}.tile:nth-child(4n+1){transform:translateY(11px)}.tile:nth-child(5n+2){transform:translateY(-8px)}.tile:nth-child(6n+3){transform:translateY(5px)}.tile:hover img{transform:scale(1.07)}.intro-running .wall{inset:0 0 auto;height:100svh;gap:6px}.intro-running .tile{transform:translateY(0);border-radius:0}.intro-running .tile img{transform:scale(1.12)}
.screen{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;padding:0 var(--pad);pointer-events:none}.screen a,.screen button{pointer-events:auto}.gallery-space{min-height:calc(var(--gallery) + var(--pad) + 30px)}.story{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex:1;padding:10px 0 18px}.eyebrow{font-size:11px;letter-spacing:.01em;line-height:1.5;margin:0 0 13px}.expertise h2{font-weight:400;font-size:clamp(25px,2.65vw,43px);letter-spacing:-.045em;line-height:1.08;margin:0;max-width:800px}.hello{padding-right:5vw;max-width:420px}.thought{font-size:clamp(19px,1.7vw,29px);line-height:1.12;letter-spacing:-.025em;margin:0 0 19px}.invitation{display:block;font-size:13px;line-height:1.5}.invitation:hover{text-decoration:underline;text-underline-offset:4px}.wordmark{padding:0;margin:0;line-height:0}.wordmark svg{display:block;width:100%;height:auto;overflow:visible}.wordmark text{font-family:Vela,Arial,sans-serif;font-size:279px;font-weight:800;letter-spacing:-24px;fill:var(--ink)}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;font-size:11px;line-height:1.4;padding:12px 0}.operator span{margin:0 6px;color:#5b6155}.footer a:hover{text-decoration:underline;text-underline-offset:3px}.footer-controls{display:flex;align-items:center;gap:22px}.language{display:flex;gap:7px;align-items:center;font-size:11px}.language span{opacity:.35}.language a{padding:3px;opacity:.45}.language a[aria-current]{opacity:1}.replay{background:none;width:25px;height:25px;padding:1px}.replay svg{width:100%;height:100%;transition:transform .4s}.replay:hover svg{transform:rotate(-45deg)}.reveal{opacity:1;transform:translateY(0);transition:opacity .65s .9s,transform 1s .7s var(--ease)}.intro-running .reveal{opacity:0;transform:translateY(32px);transition:none}
.studio-menu{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:94svh;padding:0;margin:0;border:0;overflow:visible;background:transparent;color:var(--ink);z-index:20}.studio-menu::backdrop{background:#17191670;backdrop-filter:blur(8px)}.menu-sheet{background:var(--lime);padding:22px 28px 26px;max-height:94svh;overflow-y:auto;border-radius:16px 16px 0 0;transform:translateY(105%);transition:transform .55s var(--ease)}.studio-menu.is-open .menu-sheet{transform:translateY(0)}.menu-top{display:flex;align-items:center;justify-content:space-between;font-size:14px}.menu-status{opacity:.55;font-size:11px;margin-left:18px}.menu-close{background:none;display:grid;place-items:center;width:58px;height:58px}.menu-close .arrow{width:50px;transform:rotate(90deg)}.menu-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;padding:30px 0 50px;align-items:start}.menu-intro{max-width:430px;scroll-margin:30px}.menu-intro:focus{outline:none}.menu-intro h2{font-size:clamp(30px,3vw,54px);font-weight:400;letter-spacing:-.045em;line-height:1.02;margin:0 0 22px}.menu-intro>p:not(.eyebrow){font-size:16px;line-height:1.55}.menu-intro .founders{font-size:12px!important;margin-top:28px}.menu-links{display:flex;flex-direction:column}.menu-links>a{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:15px 0 19px;border-bottom:1px solid #17191630;font-size:clamp(22px,2.7vw,44px);line-height:1.15;letter-spacing:-.04em}.menu-links>a:last-child{font-size:15px;letter-spacing:0;padding-top:27px}.menu-links>a:hover .arrow{transform:translateX(8px)}.menu-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #17191630;padding-top:21px}.menu-email{font-size:clamp(25px,3.2vw,48px);letter-spacing:-.04em}.menu-email:hover{text-decoration:underline;text-underline-offset:8px}body.menu-open{overflow:hidden}
.legal-page{min-height:100svh;padding:25px var(--pad) 50px}.legal-header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;padding:0 0 70px;font-size:13px}.legal-header .arrow{width:60px;vertical-align:middle;margin-right:12px;transform:rotate(180deg)}.legal-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.legal-content h1{font-size:clamp(35px,5vw,70px);font-weight:400;letter-spacing:-.055em;line-height:1.02;margin:0 0 26px}.legal-content h2{font-size:23px;font-weight:400;letter-spacing:-.02em;margin:35px 0 12px}.legal-content p,.legal-content li{font-size:15px;line-height:1.65}.legal-content a{text-decoration:underline;text-underline-offset:3px}.draft-note{border-left:3px solid var(--ink);padding:2px 0 2px 18px;margin:25px 0 35px;color:#414738}.legal-content .meta{font-size:11px;opacity:.7}
@media(min-width:761px){.gallery-space{min-height:calc(var(--gallery) + var(--pad) + 24px)}.wordmark{height:min(20vw,27svh)}.wordmark svg{height:100%;width:100%}}
@media(min-width:1600px){:root{--pad:26px;--gallery:35svh}.story{padding-bottom:22px}.expertise h2{font-size:43px}}
@media(max-width:760px){:root{--pad:12px;--gallery:38svh}.topbar{gap:8px}.studio-badge{padding:7px 9px 7px 7px;gap:7px}.badge-icon{width:40px;height:40px}.badge-icon img{width:43px;height:22px}.badge-title{font-size:11px;max-width:116px}.badge-status{font-size:9px;margin-top:5px;gap:4px}.contact-pill{font-size:11px;padding:12px 14px;gap:9px;height:42px}.contact-pill .arrow{width:27px;height:12px}.header-actions{gap:5px}.menu-trigger{width:42px;height:42px}.menu-trigger .arrow{width:31px}.wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.tile:nth-child(n+13){display:none}.tile-logo img{padding:8px}.gallery-space{min-height:calc(var(--gallery) + 31px)}.story{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:18px;padding:13px 0 23px}.eyebrow{font-size:10px;margin-bottom:10px}.expertise h2{font-size:clamp(27px,6.5vw,38px);line-height:1.07}.hello{padding:0;max-width:none;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.thought{font-size:14px;margin:0;line-height:1.2;flex:none}.invitation{font-size:10px;line-height:1.4}.wordmark{margin-left:-2px;margin-right:-2px}.footer{flex-wrap:wrap;font-size:9px;min-height:65px;gap:8px 15px;padding:13px 0 16px}.operator{flex:1}.policy-link{order:3;width:100%}.footer-controls{gap:13px}.language{font-size:10px}.replay{width:22px;height:22px}.menu-sheet{padding:16px 18px 23px;border-radius:13px 13px 0 0}.menu-top{font-size:12px}.menu-status{font-size:9px;margin-left:9px}.menu-close{width:39px;height:39px}.menu-close .arrow{width:38px}.menu-layout{grid-template-columns:1fr;gap:18px;padding:24px 0 28px}.menu-intro h2{font-size:35px;max-width:340px;margin-bottom:16px}.menu-intro>p:not(.eyebrow){font-size:13px}.menu-intro .founders{margin-top:18px;font-size:10px!important}.menu-links>a{font-size:26px;padding:11px 0 14px}.menu-links .arrow{width:75px}.menu-links>a:last-child{font-size:12px;padding-top:20px}.menu-bottom{padding-top:18px;gap:10px}.menu-email{font-size:27px}.legal-header{padding-bottom:45px}.legal-content h2{font-size:21px}.legal-content p,.legal-content li{font-size:14px}}
@media(max-width:390px){.badge-title{font-size:10px;max-width:107px}.studio-badge{gap:5px}.contact-pill{padding:12px 11px;gap:7px}.contact-pill .arrow{width:22px}.thought{font-size:13px}.invitation{font-size:9px}.menu-email{font-size:23px}}
@media(max-height:700px) and (min-width:761px){:root{--gallery:29svh}.gallery-space{min-height:calc(var(--gallery) + 30px)}.expertise h2{font-size:25px}.story{padding:10px 0}.thought{font-size:20px;margin-bottom:10px}.wordmark svg{max-height:30svh}.footer{min-height:43px;padding:8px 0}}
@media(max-height:740px) and (max-width:760px){:root{--gallery:31svh}.story{gap:15px;padding-bottom:20px}.expertise h2{font-size:26px}.footer{min-height:55px}.gallery-space{min-height:calc(var(--gallery) + 27px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient i{animation:none}.wall,.tile,.tile img,.reveal,.menu-sheet,.arrow{transition:none!important}.intro-running .wall{inset:var(--pad) var(--pad) auto;height:var(--gallery)}.intro-running .reveal{opacity:1;transform:none}.replay{display:none}}
/* v2: quieter navigation and the original Cyrillic wordmark. */
html[data-intro-state="ready"] .wall{transition:none;will-change:auto}
.badge-title{max-width:220px}.contact-pill{gap:0;min-height:53px}.menu-bars{width:22px;display:flex;flex-direction:column;gap:6px}.menu-bars i{display:block;width:100%;height:1px;background:currentColor}.menu-trigger:hover .menu-bars i{width:18px;transition:width .25s}.close-mark{position:relative;display:block;width:25px;height:25px}.close-mark::before,.close-mark::after{content:"";position:absolute;left:12px;top:0;width:1px;height:25px;background:currentColor;transform:rotate(45deg)}.close-mark::after{transform:rotate(-45deg)}.wordmark img{display:block;width:100%;height:auto}.menu-sign{display:block;width:144px;height:72px;margin:0 0 18px}.menu-intro .eyebrow{max-width:240px}.menu-links>a{padding-top:22px;padding-bottom:25px}.menu-links>a:last-child{padding-top:28px;padding-bottom:28px}.menu-intro h2{max-width:430px}.footer-controls{gap:0}
@media(min-width:761px){.wordmark{height:min(15vw,26svh);display:flex;align-items:center}.wordmark img{height:100%;object-fit:contain}.menu-layout{padding-top:20px;padding-bottom:44px}}
@media(max-width:760px){.badge-title{max-width:137px}.contact-pill{min-height:42px}.menu-sign{width:104px;height:52px;margin-bottom:16px}.menu-intro h2{font-size:31px}.menu-links>a{padding:15px 0 18px}.menu-links>a:last-child{padding-top:22px;padding-bottom:22px}.menu-layout{gap:18px;padding-top:15px;padding-bottom:24px}.footer-controls{gap:0}}
@media(max-width:390px){.badge-title{max-width:121px}.contact-pill{padding:12px 11px}.studio-badge{padding-right:8px}}
@media(max-width:345px){.badge-title{max-width:105px;font-size:9px}.badge-icon{width:34px;height:40px}.badge-icon img{width:38px}.contact-pill{font-size:10px;padding:12px 10px}.menu-trigger{width:38px}.topbar{gap:5px}}
