@font-face{font-family:Manrope;src:url(Manrope.ttf) format('truetype');font-display:swap;font-weight:200 800}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#f4f3ed;color:#20251f;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #2659f5;outline-offset:6px}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dadcd2}.brand{font-size:29px;font-weight:800;letter-spacing:-1.5px;display:inline-flex;align-items:center;gap:9px}.brand-dot{font-size:11px;align-self:flex-start;margin-top:12px;display:none}nav{display:flex;gap:35px;align-items:center;font-size:14px;font-weight:650}nav a:hover{color:#2659f5}.nav-contact{border:1px solid #c5c9bc;padding:10px 19px;border-radius:30px}.nav-contact span{margin-left:18px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:50px;padding-top:74px;padding-bottom:76px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;display:flex;align-items:center;gap:9px;margin:0 0 26px}.dot{width:7px;height:7px;background:#2659f5;border-radius:50%;display:inline-block;flex-shrink:0}h1{font-size:clamp(56px,6.5vw,88px);line-height:1.04;letter-spacing:-5px;font-weight:650;margin:0 0 28px}h1>span{color:#2659f5}.intro{max-width:390px;color:#606659;font-size:18px;line-height:1.8;margin-bottom:29px}.button{background:#2659f5;border-radius:8px;display:inline-flex;gap:26px;color:white;padding:17px 23px;font-size:14px;font-weight:650}.button:hover{background:#1945ce}.hero-foot{font-size:11px;color:#73796c;margin-top:26px}.hero-art{position:relative;overflow:hidden;align-self:center;aspect-ratio:1/1.08;background:#e8ecdd;border-radius:12px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#d8decb 1px,transparent 1px),linear-gradient(90deg,#d8decb 1px,transparent 1px);background-size:52px 52px;transform:perspective(500px) rotateX(35deg) rotateZ(-20deg) scale(1.5)}.orbit{position:absolute;border:1px solid #bfc7b2;border-radius:50%;width:85%;height:85%;left:7%;top:7%}.orbit-b{transform:scale(.67)}.block{position:absolute;border-radius:23px;display:grid;place-items:center;box-shadow:16px 24px 0 #20251f14;transform:rotate(-12deg)}.block-a{width:52%;height:52%;top:24%;left:22%;background:#2659f5;color:white;box-shadow:12px 17px 0 #1541bc,26px 42px 28px #20313c22}.block-a b{font-size:145px;line-height:1;font-weight:800;letter-spacing:-12px;transform:rotate(0deg);padding-right:12px}.block-b{width:23%;height:23%;top:12%;right:7%;background:#d7f46b;font-size:76px;font-weight:400;transform:rotate(12deg)}.block-c{width:24%;height:24%;bottom:14%;left:8%;background:#fcfcf4;font-size:74px;color:#2659f5;transform:rotate(8deg)}.art-caption{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1px;color:#606954}.project-section{background:#e9ecdf;padding:55px 0 70px}.section-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cdd3c1;padding-bottom:22px;margin-bottom:50px}.section-heading .eyebrow{margin:0}.status{font-size:12px;display:flex;gap:8px;align-items:center;background:#f8faef;padding:7px 13px;border-radius:25px}.status .dot{background:#53783b}h2{font-size:clamp(32px,4vw,52px);font-weight:600;line-height:1.18;letter-spacing:-2px;margin:0 0 18px}.project{display:grid;grid-template-columns:1fr 1fr;gap:80px}.genre{font-size:13px;color:#65705b;margin:0 0 28px}.description{font-size:16px;max-width:485px}.features{margin-top:32px}.features>div{display:flex;gap:20px;border-top:1px solid #cdd3c1;padding:18px 0}.features>div>span{font-size:12px;color:#718166;padding-top:4px}.features p{font-size:13px;color:#606954;margin:0;line-height:1.7}.features strong{font-size:16px;display:block;color:#263021;font-weight:650;margin-bottom:5px}.release-note{font-size:13px;font-weight:650;margin-top:23px}.game-note{font-size:11px;color:#66715d;max-width:420px}.game-visual{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.phone{width:min(100%,303px);padding:8px;background:#253024;border-radius:30px;box-shadow:0 24px 50px #233b2624;transform:rotate(3deg)}.phone img{display:block;width:100%;height:auto;border-radius:23px}.game-visual figcaption{font-size:10px;color:#65705b;margin-top:30px;text-align:center}.about{display:grid;grid-template-columns:1fr 2fr;padding-top:88px;padding-bottom:88px;gap:50px}.about>div{max-width:690px}.about h2{font-size:42px;margin-bottom:27px}.about p:not(.eyebrow){color:#606659;max-width:620px}.contact{background:#2659f5;color:#fff;padding:62px 0 68px}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact .eyebrow{color:#c6d4ff}.contact h2{margin-bottom:0}.contact-info>p{font-size:14px;color:#e0e7ff}.email{display:block;font-size:clamp(18px,2.3vw,30px);font-weight:600;border-bottom:1px solid #829ffc;padding:12px 0;white-space:nowrap}.email span{float:right}.contact-info p.contact-hint{font-size:12px;max-width:400px;margin-top:22px;color:#d6e0ff}footer{display:flex;justify-content:space-between;gap:24px;padding-top:40px;padding-bottom:40px;align-items:center}footer p{font-size:11px;color:#6e7568;margin:5px 0}.legal{text-align:center}.backtop{font-size:12px}.skip{position:absolute;top:-100px;left:10px;background:white;z-index:5;padding:10px}.skip:focus{top:10px}@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:90px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}header{height:85px}.brand{font-size:25px}nav{gap:18px}nav a:not(.nav-contact){display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:28px;padding-bottom:45px}h1{font-size:64px;letter-spacing:-3.5px}.hero-art{aspect-ratio:1.25;max-height:430px}.block-a b{font-size:110px}.intro{max-width:500px}.hero-foot{margin-bottom:0}.project{grid-template-columns:1fr;gap:40px}.project-section{padding:35px 0 45px}.section-heading{margin-bottom:32px}.game-visual{padding-top:10px}.phone{width:260px}.about{grid-template-columns:1fr;gap:0;padding-top:50px;padding-bottom:45px}.about h2{font-size:34px}.contact-inner{grid-template-columns:1fr;gap:25px}.contact{padding:45px 0}.contact h2{font-size:38px}.email{font-size:24px}footer{align-items:flex-start;flex-wrap:wrap}.legal{text-align:left;width:100%;order:3}.backtop{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero{grid-template-columns:1.2fr 1fr;gap:36px}h1{font-size:clamp(48px,5.2vw,72px);letter-spacing:-3.5px}.intro{max-width:470px}.services{padding:45px 0 65px;border-top:1px solid #dadcd2}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}h3{font-size:21px;line-height:1.3;letter-spacing:-.6px;margin:0 0 12px}.service-symbol{display:block;color:#2659f5;font-size:34px;margin-bottom:20px}.service-grid p{font-size:14px;color:#606659;margin:0}.portfolio{padding-top:35px;padding-bottom:80px}.portfolio-heading{display:flex;gap:45px;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.portfolio-heading>p{max-width:350px;color:#606659;font-size:15px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.case{background:#fffef8;border:1px solid #e0e3d7;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.case-art{height:220px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.case-art>span:last-child{position:absolute;bottom:17px;left:20px;font-size:9px;letter-spacing:1.6px;font-weight:750}.case-body{padding:23px;flex:1;display:flex;flex-direction:column}.case-type{font-size:9px;letter-spacing:.5px;color:#64705c;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:0 0 17px}.case-type span{letter-spacing:0}.case-body>p:not(.case-type){font-size:14px;color:#606659;margin:0 0 22px}.case-link{font-size:13px;font-weight:750;color:#2659f5;margin-top:auto;align-self:flex-start;border-bottom:1px solid #c6d1f8}.plate-art{background:#e4e8dd}.number-plate{border:3px solid #263021;border-radius:9px;background:#fffef8;font-size:27px;font-weight:800;padding:6px 10px;transform:rotate(-7deg);box-shadow:8px 12px 0 #c3ccb7;display:flex;gap:12px;align-items:center}.number-plate small{font-size:11px;border-left:1px solid;padding-left:8px;line-height:1.3}.flag-art{background:#f1e6d9}.flag-art b{font-size:112px;line-height:1;color:#963b28;letter-spacing:-8px}.flag-art b span{font-size:80px;margin-left:10px}.quvio-art{background:#e2e8ff;gap:10px}.chat-bubble{background:white;border-radius:15px 15px 15px 3px;padding:12px 19px;font-size:13px;transform:translateX(-10px)}.chat-bubble.reply{background:#2659f5;color:white;transform:translateX(9px);border-radius:15px 15px 3px 15px}.med-art{background:#dfede6}.med-art b{font-size:110px;line-height:1;background:#fffef8;width:125px;height:125px;text-align:center;color:#34765b;border-radius:30px;transform:rotate(9deg);box-shadow:10px 10px 0 #c0d9cb}.farm-art{background:#e7ebcc}.containers{display:flex;gap:11px;transform:skewY(-12deg)}.containers i{display:block;width:58px;height:95px;background:repeating-linear-gradient(90deg,#657e5d 0 6px,#829575 6px 8px);border-top:12px solid #aab99b;box-shadow:7px 9px 0 #4d6545}.containers i:nth-child(2){margin-top:-20px}.wasteland-art{background:#383d32;color:#e4e7cc;background-image:linear-gradient(30deg,transparent 40%,#494e3f 40%,#494e3f 60%,transparent 60%)}.wasteland-art b{font-size:44px;letter-spacing:-2px;transform:rotate(-6deg);border-top:2px solid;border-bottom:2px solid;padding:6px 0}.project-section .phone{width:245px}.project{align-items:center}.project-section h2{font-size:44px}@media(max-width:1050px){.case-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:54px}}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(39px,8.8vw,64px);letter-spacing:-2px}.hero-art{width:100%}.portfolio-heading{display:block}.portfolio-heading>p{max-width:100%}.service-grid{gap:30px 20px}.service-grid h3{font-size:19px}.services{padding-bottom:40px}.portfolio{padding-bottom:45px}.case-body{padding:20px}.case-art{height:200px}}@media(max-width:520px){.case-grid{grid-template-columns:1fr}.case-art{height:220px}.service-grid{grid-template-columns:1fr 1fr}.service-grid p{font-size:13px}.service-grid h3{font-size:17px}.eyebrow{font-size:10px;letter-spacing:1.3px}.email{font-size:22px}}