:root{--dark:#000;--paper:#eceae4;--ink-on-dark:#f2f0eb;--ink-on-paper:#111110;--bg:var(--dark);--fg:var(--ink-on-dark);--muted:#f2f0eb8c;--faint:#f2f0eb52;--line:#f2f0eb24;--glass-bg:#18181a8c;--glass-border:#ffffff29;--font-display:"Unbounded", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--font-btn:"Manrope", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--pad:clamp(20px, 5vw, 72px);--ease-out:cubic-bezier(.22, 1, .36, 1);--sheet-r:clamp(22px, 4vw, 44px)}.sheet--paper{--bg:var(--paper);--fg:var(--ink-on-paper);--muted:#11111099;--faint:#11111061;--line:#11111029}.sheet--dark{--bg:var(--dark);--fg:var(--ink-on-dark);--muted:#f2f0eb8c;--faint:#f2f0eb52;--line:#f2f0eb24}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--dark)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--dark);color:var(--ink-on-dark);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55;overflow-x:clip}::selection{color:#eceae4;background:#111110}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:0;font-family:inherit}img,video{max-width:100%;display:block}.grain{z-index:9990;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.7s steps(4,end) infinite grain-shift;position:fixed;inset:-100px}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-38px,22px)}50%{transform:translate(24px,-30px)}75%{transform:translate(-14px,-18px)}to{transform:translate(30px,34px)}}.preloader{z-index:10000;padding:var(--pad);background:var(--paper);color:var(--ink-on-paper);flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.preloader__name{font-family:var(--font-mono);letter-spacing:.2em;color:#1111108c;text-transform:uppercase;font-size:13px}.preloader__pct{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;align-self:flex-end;margin-top:auto;font-size:clamp(72px,18vw,220px);font-weight:800;line-height:.9}.gl-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.site{z-index:1;position:relative}.section{padding:clamp(90px, 14vh, 160px) var(--pad);position:relative}.sheet{z-index:2;background:var(--bg);color:var(--fg);border-radius:var(--sheet-r) var(--sheet-r) 0 0;margin-top:calc(-1 * var(--sheet-r));position:relative;box-shadow:0 -24px 60px #0000004d}.section-head{align-items:baseline;gap:18px;margin-bottom:clamp(36px,6vh,72px);display:flex}.section-head__idx{font-family:var(--font-mono);color:var(--faint);font-size:13px}.section-head__title{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;color:var(--fg);font-size:clamp(30px,6vw,84px);font-weight:800;line-height:1}.nav{z-index:9000;padding:18px var(--pad);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav>*{pointer-events:auto}.nav__logo{font-family:var(--font-display);letter-spacing:.02em;color:#fff;mix-blend-mode:difference;font-size:17px;font-weight:800}.nav__logo sup{opacity:.6;font-size:9px}.pillnav{border-radius:99em;gap:2px;padding:5px;display:inline-flex;position:relative}.pillnav__pill{will-change:transform, width;background:linear-gradient(#ffffff57,#ffffff1a 55%,#ffffff2e);border-radius:99em;height:calc(100% - 10px);position:absolute;top:5px;left:0;box-shadow:inset 0 1px 1px #ffffff73,inset 0 -1px 2px #0000002e,0 4px 14px #00000059}.pillnav__btn{z-index:1;font-family:var(--font-btn);letter-spacing:.05em;text-transform:uppercase;color:#f2f0eb99;white-space:nowrap;border-radius:99em;padding:9px 18px;font-size:12.5px;font-weight:700;transition:color .25s;position:relative}.pillnav__btn.is-active{color:#f2f0eb}.sheet--paper .lgx__tint{background:linear-gradient(150deg,#ffffff80,#ffffff24 45%,#ffffff4d)}.sheet--paper .pillnav__btn{color:#11111080}.sheet--paper .pillnav__btn.is-active{color:#f2f0eb}.sheet--paper .pillnav__pill{background:linear-gradient(#2b2b2e,#121211);box-shadow:inset 0 1px #ffffff24,0 5px 14px #11111047}.dock{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:9000;display:none;position:fixed;transform:translate(-50%)}@media (width<=900px){.dock{display:block}.dock .pillnav__btn{padding:9px 13px;font-size:11.5px}}.btn-glass{-webkit-backdrop-filter:blur(14px)saturate(160%);font-family:var(--font-btn);letter-spacing:.05em;text-transform:uppercase;color:#f2f0eb;background:#14141699;border:1px solid #ffffff29;border-radius:99em;align-items:center;gap:10px;padding:13px 26px;font-size:13.5px;font-weight:700;transition:background .25s,transform 80ms;display:inline-flex;box-shadow:0 6px 20px #0000004d,inset 0 1px #ffffff1a}.btn-glass:hover{background:#28282cb3}.btn-glass:active{transform:scale(.97)}.btn-glass:disabled{opacity:.5}.btn-ghost{border:1px solid var(--line);font-family:var(--font-btn);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-radius:99em;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;transition:color .25s,border-color .25s,background .25s,transform .25s;display:inline-flex}.btn-ghost:hover{color:var(--bg);background:var(--fg);border-color:var(--fg)}.lgx{display:inline-flex;position:relative;overflow:hidden}.lgx__tint{z-index:1;border-radius:inherit;background:#0000004d;position:absolute;inset:0}.lgx--button .lgx__tint{background:linear-gradient(160deg,#ffffff14,#0e0e104d 48%,#0e0e106b)}.lgx__box{z-index:2;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 4px #fafafa80}.lgx--button .lgx__box{box-shadow:inset 0 1px 1px #ffffff80,inset 0 0 7px #ffffff29,inset 0 -1px 3px #0006}.lgx__content{z-index:3;text-align:center;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.lgx--button{cursor:pointer;transform-origin:top;transition:all .3s ease-out;rotate:0deg;scale:1;box-shadow:0 10px 26px #0006,0 0 0 1px #ffffff47}.lgx--button:hover{rotate:-1deg;scale:1.05}.lgx--button:active{scale:.98}.glass-btn-label{font-family:var(--font-btn);letter-spacing:.05em;text-transform:uppercase;color:#f2f0eb;white-space:nowrap;text-shadow:0 1px 3px #0006;font-size:13.5px;font-weight:700}.order-fab{right:22px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:9100;position:fixed}.order-fab .glass-btn-label{font-size:12px}.order-fab:not(.is-light) .lgx--button .lgx__tint{background:linear-gradient(160deg,#ffffff0d,#09090ba3 45%,#070709cc)}.order-fab .lgx--button{transform-origin:50%;transition:scale .18s ease-out,box-shadow .18s ease-out}.order-fab .lgx--button:hover{rotate:0deg;scale:1.03}.order-fab .lgx--button:active{transition:scale 60ms ease-out;scale:.94}.order-fab.is-light .glass-btn-label{color:#111110;text-shadow:0 1px 2px #ffffff80}.order-fab.is-light .lgx--button .lgx__tint{background:linear-gradient(150deg,#ffffff8c,#ffffff29 45%,#ffffff52)}.order-fab.is-light .lgx--button{box-shadow:0 10px 24px #11111029,0 0 0 1px #1111101f}@media (width<=900px){.order-fab{right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}}@media (width<=640px){.order-fab .lgx--button{width:150px!important;height:40px!important}.order-fab .glass-btn-label{font-size:11px}}.lgx--fallback.lgx--button .lgx__box{-webkit-backdrop-filter:blur(12px)saturate(160%)brightness(1.06);backdrop-filter:blur(12px)saturate(160%)brightness(1.06)}.order-fab:not(.is-light) .lgx--fallback.lgx--button .lgx__tint{background:linear-gradient(160deg,#ffffff29,#1c1c204d 46%,#0a0a0c80)}.order-fab:not(.is-light) .lgx--fallback.lgx--button .lgx__box{box-shadow:inset 0 1px 1px #fff9,inset 0 0 10px #ffffff24,inset 0 -8px 14px #00000059}.order-fab:not(.is-light) .lgx--fallback.lgx--button{box-shadow:0 10px 26px #0000006b,0 0 0 1px #ffffff57,inset 0 0 0 1px #ffffff0f}.order-fab.is-light .lgx--fallback.lgx--button .lgx__tint{background:linear-gradient(150deg,#fff9,#ffffff57 45%,#ffffff75)}.order-fab.is-light .lgx--fallback.lgx--button .lgx__box{box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -6px 12px #1111100f}.hero{min-height:calc(100svh + var(--sheet-r));padding:0 var(--pad) calc(clamp(48px, 9vh, 96px) + var(--sheet-r));background:var(--dark);flex-direction:column;justify-content:flex-end;display:flex;position:relative}.hero>:not(.gl-canvas){z-index:1;position:relative}.hero__kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:2.5vh;font-size:clamp(11px,1.4vw,14px)}.hero__title{font-family:var(--font-display);letter-spacing:-.025em;text-transform:uppercase;z-index:1;margin-left:-.05em;font-size:clamp(52px,12.6vw,216px);font-weight:800;line-height:.92;position:relative}.hero__title .row{display:block;overflow:hidden}.hero__title .row>span{will-change:transform;display:inline-block}.hero__title .row--dev{color:#0000;-webkit-text-stroke:1.5px #f2f0ebd9}.hero__bottom{justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(24px,5vh,56px);display:flex}.hero__desc{max-width:420px;color:var(--muted);font-size:clamp(14px,1.6vw,17px)}@media (width<=700px){.hero{padding-bottom:calc(150px + env(safe-area-inset-bottom) + var(--sheet-r));justify-content:flex-end}.hero__bottom{flex-direction:column;align-items:flex-start;margin-top:24px}.hero__desc{max-width:88%}}.marquee{white-space:nowrap;padding:clamp(26px,5vh,48px) 0;overflow:hidden}.marquee__track{will-change:transform;animation:24s linear infinite marquee-run;display:inline-flex}.marquee__item{font-family:var(--font-display);text-transform:uppercase;letter-spacing:0;color:var(--fg);padding:0 28px;font-size:clamp(34px,6.5vw,96px);font-weight:800;line-height:1.05}.marquee__item b{color:#0000;-webkit-text-stroke:1.5px var(--fg);font-weight:800}@keyframes marquee-run{to{transform:translate(-50%)}}.skill-row{border-top:1px solid var(--line);transition:background .35s var(--ease-out), color .35s;grid-template-columns:1fr 1.1fr;align-items:baseline;gap:24px;padding:clamp(26px,4.5vh,44px) clamp(8px,1.5vw,20px);display:grid}.skill-row:last-child{border-bottom:1px solid var(--line)}.skill-row__name{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(20px,3.4vw,44px);font-weight:600;line-height:1.05}.skill-row__desc{color:var(--muted);max-width:520px;transition:color .35s}@media (hover:hover){.skill-row:hover{background:var(--fg);color:var(--bg)}.skill-row:hover .skill-row__desc{color:var(--bg);opacity:.75}}@media (width<=800px){.skill-row{grid-template-columns:1fr}.skill-row__desc{margin-top:8px}}.works__grid{flex-direction:column;gap:clamp(16px,2.4vw,32px);display:flex}.work-card{position:relative}.work-plate{aspect-ratio:1920/530;-webkit-backdrop-filter:blur(14px);transform-style:preserve-3d;will-change:transform;background:linear-gradient(#ffffff8c,#ffffff42);border:1px solid #fffc;border-radius:clamp(18px,2vw,28px);grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(16px,3vw,48px);padding:clamp(20px,3.4vw,56px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #1111101a,inset 0 1px #ffffffe6,inset 0 -1px 2px #1111100d}.work-plate__idx{font-family:var(--font-mono);color:var(--faint);font-size:12px;position:absolute;top:16px;right:20px}.work-plate__title{font-family:var(--font-display);text-transform:uppercase;color:var(--fg);font-size:clamp(19px,2.4vw,32px);font-weight:600}.work-plate__desc{color:var(--muted);max-width:58ch;margin:10px 0 18px;font-size:clamp(13px,1.15vw,15.5px)}.work-plate__media{justify-content:center;align-items:center;height:100%;min-height:0;display:flex;position:relative}.work-plate__media:before{content:"";aspect-ratio:1;filter:blur(12px);background:radial-gradient(closest-side,#fff 0%,#ffffff8c 42%,#0000 74%);border-radius:50%;width:min(72%,300px);position:absolute}.work-plate__media .sticker{aspect-ratio:1;height:min(92%,280px);transition:transform .9s var(--ease-out);filter:drop-shadow(0 14px 30px #11111047);position:relative}.work-plate:hover .sticker{transform:scale(1.07)rotate(-2deg)}.work-plate__media .sticker svg{display:block}.work-plate__media img,.work-plate__media video{object-fit:cover;border-radius:14px;max-height:100%;position:relative;box-shadow:0 14px 30px #11111033}@media (width<=800px){.work-plate{aspect-ratio:auto;grid-template-columns:1fr;gap:14px;padding:22px}.work-plate__media{order:-1;height:200px}.work-plate__desc{margin-bottom:14px}}.game{text-align:center}.game__panel{border:1px solid var(--line);padding:clamp(40px, 8vh, 90px) var(--pad);background:radial-gradient(80% 100% at 50% 0,#f2f0eb0f,#0000 55%),#101012;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0f}.game__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1.5px #f2f0ebe6;font-size:clamp(48px,11vw,150px);font-weight:800;line-height:.95}.game__sub{color:var(--muted);max-width:460px;margin:18px auto 34px}.game__btnwrap{width:220px;height:64px;margin:0 auto;position:relative}.game-overlay{z-index:9500;background:#000;position:fixed;inset:0}.game-overlay iframe{border:0;width:100%;height:100%}.game-overlay__close{z-index:2;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);color:#f2f0eb;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.contacts__list{border-top:1px solid var(--line)}.contact-row{border-bottom:1px solid var(--line);transition:background .35s var(--ease-out), color .35s;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:clamp(20px,3.6vh,34px) clamp(8px,1.5vw,20px);display:grid}.contact-row__val{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(20px,3.6vw,40px);font-weight:600;line-height:1.1}.contact-row__handle{font-family:var(--font-body);color:var(--faint);word-break:break-all;text-align:right;font-size:clamp(12px,1.5vw,15px);font-weight:500;transition:color .35s}.contact-row__arrow{color:var(--faint);transition:transform .35s var(--ease-out), color .35s;font-size:clamp(18px,3vw,30px)}@media (hover:hover){.contact-row:hover{background:var(--fg);color:var(--bg)}.contact-row:hover .contact-row__handle{color:var(--bg)}.contact-row:hover .contact-row__arrow{color:var(--bg);transform:translate(6px,-6px)}}.footer{padding:28px var(--pad) calc(28px + env(safe-area-inset-bottom));padding-right:max(var(--pad), 270px);font-family:var(--font-mono);color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.footer__stats{flex-wrap:wrap;gap:18px;display:flex}.footer__stats b{color:var(--muted);font-weight:500}@media (width<=900px){.footer{padding-right:var(--pad);padding-bottom:calc(150px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:10px}}.order-ov{z-index:9600;-webkit-backdrop-filter:blur(8px);overscroll-behavior:contain;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.3s both om-ov-in;display:flex;position:fixed;inset:0;overflow-y:auto}.order-modal-glass{width:100%;max-width:460px;animation:.3s cubic-bezier(.22,1,.36,1) both om-modal-in;box-shadow:0 24px 70px #00000080}@keyframes om-ov-in{0%{opacity:0}to{opacity:1}}@keyframes om-modal-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.order-ov.closing{animation:.3s reverse both om-ov-in}.order-ov.closing .order-modal-glass{animation:.3s reverse both om-modal-in}@media (prefers-reduced-motion:reduce){.order-ov,.order-modal-glass,.order-ov.closing,.order-ov.closing .order-modal-glass{animation:none}}.order-modal{color:#f2f0eb;text-align:left;width:100%;padding:30px 26px 24px;position:relative}.order-modal h3{font-family:var(--font-display);text-transform:uppercase;padding-right:44px;font-size:22px;font-weight:600}.order-modal .om-sub{color:#f2f0eb99;margin-top:6px;font-size:13.5px}.order-modal label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#f2f0eb99;margin:18px 0 7px;font-size:11.5px;display:block}.order-modal input,.order-modal textarea{color:#f2f0eb;width:100%;font-size:15px;font-family:var(--font-body);-webkit-backdrop-filter:blur(8px);background:#0606088c;border:1px solid #5a5a5f99;border-radius:12px;outline:none;padding:11px 13px;display:block}.order-modal input::placeholder,.order-modal textarea::placeholder{color:#f2f0eb29}.order-modal input:focus,.order-modal textarea:focus{box-shadow:none;border-color:#96969bbf}.order-modal input:-webkit-autofill{-webkit-text-fill-color:#f2f0eb;caret-color:#f2f0eb;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #1c1c1ee6}.order-modal input:-webkit-autofill:hover{-webkit-text-fill-color:#f2f0eb;caret-color:#f2f0eb;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #1c1c1ee6}.order-modal input:-webkit-autofill:focus{-webkit-text-fill-color:#f2f0eb;caret-color:#f2f0eb;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #1c1c1ee6}.order-modal textarea{resize:vertical;min-height:96px}.order-modal .om-captcha{min-height:78px;margin-top:18px;animation:.3s both om-captcha-in}@keyframes om-captcha-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.order-modal .om-captcha{animation:none}}.order-modal .om-send{background:#06060899;border:1px solid #fff3;justify-content:center;width:100%;margin-top:18px;box-shadow:0 6px 20px #0000004d,inset 0 1px #ffffff29}.order-modal .om-send:hover:not(:disabled){background:#16161ab8}.order-modal .om-close{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px)saturate(150%);color:#f2f0ebb3;background:#0606088c;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:color .2s,background .2s;display:flex;position:absolute;top:14px;right:14px;box-shadow:inset 0 1px #ffffff24}.order-modal .om-close:hover{color:#fff;background:#16161ab8}.order-modal .om-status{margin-top:12px;font-size:13.5px}.order-modal .om-status.err{color:#ff8080}.order-modal .om-status.ok{color:#7ee0a0}.order-modal.is-light input,.order-modal.is-light textarea{background:#ffffff0d}.order-modal.is-light .om-send{background:#ffffff14}.order-modal.is-light .om-send:hover:not(:disabled){background:#ffffff24}.order-modal.is-light .om-close{background:#ffffff14}.order-modal.is-light .om-close:hover{background:#ffffff29}@media (width<=400px){.order-modal .om-captcha{transform-origin:0 0;transform:scale(.86)}}.reveal{opacity:0;transition:opacity .9s var(--ease-out), transform 1s var(--ease-out);transform:translateY(46px)}.reveal.is-in{opacity:1;transform:none}.reveal:nth-child(2n).is-in{transition-delay:80ms}.reveal:nth-child(3n).is-in{transition-delay:.14s}html.no-anim .reveal{opacity:1;transition:none;transform:none}@media (prefers-reduced-motion:reduce){.marquee__track,.grain{animation:none}.reveal{opacity:1;transform:none}}