@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:opsz,wght@5..120,500;5..120,600&display=swap";:root{--paper:#f8f7f3;--ink:#101319;--muted:#555a63;--line:#d9d8d2;--blue:#1450ee;--orange:#fb6514;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{z-index:5;justify-content:space-between;align-items:center;max-width:1440px;height:88px;margin:auto;padding:0 4.8vw;display:flex;position:relative}.brand{letter-spacing:-.04em;align-items:center;gap:13px;font-size:1.2rem;font-weight:700;display:inline-flex}.brand-mark{width:31px;height:31px;display:inline-block;position:relative}.brand-mark i{background:var(--blue);width:11px;display:block;position:absolute}.brand-mark i:first-child{height:31px;top:0;left:0}.brand-mark i:last-child{height:11px;box-shadow:10px -10px 0 var(--blue);bottom:0;left:10px}.nav{gap:46px;font-size:.98rem;font-weight:500;display:flex}.nav a:hover{color:var(--blue)}.menu-toggle{color:var(--ink);background:0 0;border:0;padding:6px;display:none}.section{max-width:1440px;margin:auto;padding:118px 4.8vw}.hero{grid-template-columns:1.03fr .97fr;align-items:center;gap:5vw;min-height:calc(100vh - 88px);padding-top:52px;padding-bottom:90px;display:grid}.hero-copy h1{letter-spacing:-.075em;max-width:710px;margin:0;font-size:clamp(3.2rem,5.65vw,6.25rem);font-weight:700;line-height:.99}.hero-copy>p{color:#333842;max-width:620px;margin:35px 0 34px;font-size:clamp(1.08rem,1.45vw,1.35rem);line-height:1.5}.actions{flex-wrap:wrap;gap:14px;display:flex}.button{border:1px solid var(--ink);justify-content:center;align-items:center;gap:18px;min-height:57px;padding:0 23px;font-size:1rem;font-weight:600;transition:transform .2s,background .2s,color .2s;display:inline-flex}.button svg{width:19px}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);border-color:var(--blue);color:#fff}.button-secondary:hover{background:var(--ink);color:#fff}.hero-art{min-height:570px;position:relative}.art-block{background:var(--blue);width:38%;height:22%;position:absolute;top:10%;right:3%}.browser{background:#f9f8f5;border:1.5px solid #181b20;border-radius:12px;width:93%;position:absolute;top:20%;right:0;overflow:hidden;box-shadow:0 22px 38px #10131919}.browser-bar{border-bottom:1px solid var(--line);align-items:center;gap:8px;height:54px;padding:0 20px;display:flex}.browser-bar span{background:var(--ink);border-radius:50%;width:10px;height:10px}.browser-bar b{background:#e4e3df;border-radius:6px;width:48%;height:10px;margin-left:18px}.browser-grid{grid-template-rows:200px 180px;grid-template-columns:1.2fr 1fr;display:grid}.browser-grid>div{border-bottom:1px solid #cfd0ce;border-right:1px solid #cfd0ce}.blue-panel{background:var(--blue);padding:55px 42px}.blue-panel span{background:#9eb6ff;width:70%;height:4px;margin:14px 0;display:block}.blue-panel span:nth-child(2){width:54%}.blue-panel span:nth-child(3){background:var(--paper);border-radius:3px;width:30%;height:37px;margin-top:26px}.circle-panel{background-image:linear-gradient(#cfd0ce 1px,#0000 1px),linear-gradient(90deg,#cfd0ce 1px,#0000 1px);background-size:50% 50%;place-items:center;display:grid}.circle-panel i{background:var(--blue);border-radius:50%;width:92px;height:92px}.code-panel{flex-direction:column;gap:15px;padding:33px;display:flex}.code-panel svg{width:30px}.code-panel span{background:#787b80;width:83%;height:3px}.code-panel span:last-child{width:51%}.flow-panel{background:#111821;position:relative}.flow-panel i{border:2px solid var(--paper);border-radius:4px;width:25px;height:25px;position:absolute}.flow-panel i:first-child{top:50px;left:40px}.flow-panel i:nth-child(2){top:101px;left:100px}.flow-panel i:nth-child(3){background:var(--blue);border:0;top:56px;right:49px}.pixel-grid{background-image:radial-gradient(var(--ink) 1.25px,transparent 1.7px);background-size:14px 14px;width:112px;height:160px;position:absolute;bottom:5%;left:-8%}.section-head{grid-template-columns:1.15fr .85fr;align-items:end;gap:4vw;margin-bottom:55px;display:grid}.kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--orange);margin:0 0 16px;font-size:.78rem}.kicker:before{content:"/ ";font-weight:700}.section h2{font:500 clamp(2.7rem,4vw,4.8rem)/1.04 var(--serif);letter-spacing:-.055em;margin:0}.section-head>p:last-child{color:var(--muted);margin:0;font-size:1.12rem}.service-section{border-top:1px solid var(--line)}.services{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.service{border-right:1px solid var(--line);min-height:315px;padding:30px 36px 35px 0}.service+.service{padding-left:36px}.service:last-child{border:0}.service>span,.project-label,.audience-number{font-family:var(--mono);color:var(--blue);font-size:.82rem}.service h3,.audiences h3{font:500 2.15rem/1.12 var(--serif);letter-spacing:-.04em;margin:35px 0 14px}.service p{color:var(--muted);max-width:320px;margin:0}.service a,.project a{color:var(--blue);font-family:var(--mono);align-items:center;gap:9px;margin-top:28px;font-size:.82rem;display:inline-flex}.service svg,.project svg{width:16px}.audience-section{padding-top:90px}.audiences{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.audiences article{border-right:1px solid var(--line);padding:28px 27px 29px 0}.audiences article+article{padding-left:28px}.audiences article:last-child{border:0}.audiences h3{margin:26px 0 9px;font-size:1.45rem}.audiences p{color:var(--muted);margin:0;font-size:.94rem}.projects-section{border-bottom:1px solid var(--line)}.projects{grid-template-columns:1fr 1fr;gap:28px;display:grid}.project{border:1px solid var(--line);background:#fbfaf7}.project-dark{color:#fff;background:#111821;border-color:#111821}.project-visual{height:275px;position:relative;overflow:hidden}.game-visual{color:#46a0ff;font-family:var(--mono);letter-spacing:.12em;text-align:center;background:#081222;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 60px #1450ee20}.game-visual span{text-shadow:0 0 12px #1450ee;font-size:1.75rem;font-weight:500}.game-visual small{color:#fff;letter-spacing:.04em;margin-top:14px}.game-floor{background:repeating-linear-gradient(90deg,#153b70 0 32px,#0a2145 32px 36px),linear-gradient(#205a9a,#205a9a);border-top:4px solid #4079c3;width:100%;height:42px;position:absolute;bottom:0}.recenzio-visual{background:#f3f1eb;padding:35px}.recenzio-visual b{color:var(--blue);font-size:1.4rem}.review-cards{gap:16px;margin-top:30px;display:flex}.review-cards i{background:linear-gradient(90deg,#1253f4 40%,#0000 40%) 18px 90px/80px 4px no-repeat,#fff;border:1px solid #9ea1a4;flex:1;height:135px}.project-copy{padding:30px 34px 35px}.project h3{font:500 2.3rem/1 var(--serif);letter-spacing:-.05em;margin:8px 0 15px}.project p:not(.project-label){color:inherit;opacity:.8;max-width:530px;margin:0}.soon{font-family:var(--mono);color:var(--blue);margin-top:28px;font-size:.83rem;display:block}.client-placeholder{border-top:1px solid var(--line);gap:45px;margin-top:29px;padding-top:27px;display:flex}.client-placeholder span{font-family:var(--mono);color:var(--blue);white-space:nowrap;font-size:.82rem}.client-placeholder p{color:var(--muted);margin:0}.process-section{background:#eae9e4;max-width:none;padding-left:max(4.8vw,54.8vw - 720px);padding-right:max(4.8vw,54.8vw - 720px)}.process-section h2{margin-bottom:53px}.process-section ol{counter-reset:none;border-top:1px solid #9a9a97;grid-template-columns:repeat(5,1fr);padding:0;list-style:none;display:grid}.process-section li{padding:20px 27px 0 0;position:relative}.process-section li:not(:last-child):after{content:"";background:var(--orange);border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;right:20px}.process-section li+li{padding-left:27px}.process-section li span{font:500 2.65rem/1 var(--serif)}.process-section h3{margin:18px 0 8px;font-size:1rem}.process-section li p{color:#4c5055;margin:0;font-size:.9rem}.about-section{grid-template-columns:minmax(220px,.6fr) 1.4fr;align-items:center;gap:8vw;display:grid}.about-section img{aspect-ratio:4/5;object-fit:cover;filter:grayscale();width:100%;max-width:375px}.about-section .lead{max-width:680px;margin:23px 0 16px;font-size:1.25rem;line-height:1.45}.about-section p:not(.kicker):not(.lead){color:var(--muted);max-width:710px}.about-section ul{gap:12px;margin:24px 0 0;padding:5px 0 0;list-style:none;display:grid}.about-section li{align-items:center;gap:11px;font-weight:500;display:flex}.about-section li svg{width:18px;color:var(--blue)}.contact-section{border-top:1px solid var(--line);grid-template-columns:.72fr 1.28fr;gap:7vw;display:grid}.contact-section h2{font-size:clamp(2.7rem,3.7vw,4.4rem)}.contact-section>div>p:not(.kicker){color:var(--muted);max-width:380px;font-size:1.1rem}.contact-email{font-family:var(--mono);color:var(--blue);align-items:center;gap:10px;margin-top:20px;font-size:.85rem;display:inline-flex}.contact-email svg{width:17px}form{grid-template-columns:1fr 1fr;gap:18px;display:grid}label{gap:7px;font-size:.86rem;font-weight:600;display:grid}label.full{grid-column:1/-1}input,textarea,select{font:inherit;min-height:50px;color:var(--ink);background:#faf9f6;border:1px solid #aaa9a3;border-radius:0;padding:14px 15px;font-size:.96rem}textarea{resize:vertical}select{appearance:auto}label small{color:var(--muted);font-weight:400}form .button{border-radius:0;justify-self:start}form .form-note{color:var(--muted);align-self:center;margin:0;font-size:.75rem}.form-success{text-align:center;background:#ebf0ff;grid-column:1/-1;place-content:center;min-height:280px;padding:45px;display:grid}.form-success svg{color:var(--blue);margin:auto}.form-success h3{font:500 2rem var(--serif);margin:12px 0 5px}.form-success p{max-width:380px;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);grid-template-columns:1.1fr 1.3fr 1fr auto;align-items:start;gap:25px;max-width:1440px;margin:auto;padding:38px 4.8vw 48px;font-size:.86rem;display:grid}footer .brand{font-size:1rem}footer p,footer small{color:var(--muted);margin:0}footer>div:last-of-type{color:var(--muted);gap:7px;display:grid}footer a{color:var(--blue)}@media (width<=800px){.site-header{height:72px;padding:0 6vw}.brand{font-size:1.05rem}.menu-toggle{display:block}.nav{display:none}.nav-open{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:18px;padding:25px 6vw 30px;display:flex;position:absolute;top:72px;left:0;right:0}.section{padding:78px 6vw}.hero{min-height:auto;padding-top:47px;display:block}.hero-copy h1{font-size:clamp(3rem,13vw,4.5rem)}.hero-copy>p{margin:27px 0}.hero-art{min-height:360px;margin-top:45px}.browser{width:96%;top:17%}.browser-grid{grid-template-rows:140px 125px}.blue-panel{padding:28px 24px}.circle-panel i{width:65px;height:65px}.code-panel{padding:20px}.art-block{top:7%}.pixel-grid{bottom:0;left:-3%}.section-head{margin-bottom:37px;display:block}.section h2{font-size:clamp(2.6rem,11vw,3.6rem)}.section-head>p:last-child{margin-top:22px}.services,.audiences,.projects,.contact-section{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:28px 0!important}.service:last-child{border-bottom:0}.service h3{margin:19px 0 10px}.service a{margin-top:18px}.audiences article{border-right:0;border-bottom:1px solid var(--line);padding:24px 0!important}.audiences article:last-child{border-bottom:0}.audiences h3{margin:16px 0 7px}.projects{gap:18px}.project-visual{height:215px}.project-copy{padding:25px}.client-placeholder{display:block}.client-placeholder p{margin-top:11px}.process-section{padding-left:6vw;padding-right:6vw}.process-section ol{border:0;grid-template-columns:1fr;gap:0}.process-section li,.process-section li+li{border-top:1px solid #9a9a97;padding:18px 0 19px 64px}.process-section li:not(:last-child):after{top:29px;left:17px;right:auto}.process-section li span{font-size:1.7rem;position:absolute;top:18px;left:0}.about-section{grid-template-columns:1fr;gap:35px}.about-section img{object-position:center;max-width:none;height:390px}.contact-section{gap:42px}form{grid-template-columns:1fr}form .button{width:100%}form .form-note{font-size:.76rem}footer{grid-template-columns:1fr;gap:14px;padding:30px 6vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}.about-section img{object-fit:contain;object-position:center bottom;filter:none;background:#ecebe6}.contact-links{gap:4px;margin-top:20px;display:grid}.contact-links .contact-email{margin-top:0}.hero-motion{z-index:0;pointer-events:none;top:1%;left:-9%;width:220px!important;height:220px!important;position:absolute!important}.hero-art .browser{z-index:2;animation:6s ease-in-out infinite browser-float}.hero-art .art-block{z-index:1;animation:5.5s ease-in-out infinite blue-block-shift}.pixel-grid{z-index:1;animation:4.5s ease-in-out infinite pixel-twinkle}.hero-spark{background:var(--orange);z-index:3;width:12px;height:12px;animation:3s ease-in-out infinite spark-pop;position:absolute}.spark-one{animation-delay:-.7s;bottom:16%;right:1%}.spark-two{background:var(--blue);width:8px;height:8px;animation-delay:-1.8s;top:48%;left:8%}.service,.audiences article,.project{transition:transform .25s,box-shadow .25s}.service:hover,.audiences article:hover{transform:translateY(-6px)}.project:hover{transform:translateY(-5px);box-shadow:0 18px 30px #10131912}@keyframes browser-float{0%,to{translate:0}50%{translate:0 -12px}}@keyframes blue-block-shift{0%,to{translate:0;scale:1}50%{translate:-14px 10px;scale:1.04}}@keyframes pixel-twinkle{0%,to{opacity:.55;translate:0}50%{opacity:1;translate:6px -6px}}@keyframes spark-pop{0%,to{opacity:.45;rotate:0deg;scale:.7}50%{opacity:1;rotate:45deg;scale:1.2}}@media (width<=800px){.hero-motion{top:-2%;left:-10%;width:160px!important;height:160px!important}}@media (prefers-reduced-motion:reduce){.hero-art .browser,.hero-art .art-block,.pixel-grid,.hero-spark{animation:none}.service,.audiences article,.project{transition:none}}
