@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@500;600;700;800;900&display=swap";:root{color:#0a0a0a;background:#f7f7f2;font-family:Inter,Arial,sans-serif;font-synthesis:none;--ink: #0a0a0a;--paper: #f7f7f2;--acid: #eaff00;--pink: #ff3aa7;--blue: #143cff;--line: 4px solid var(--ink);--shadow: 8px 8px 0 var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;width:min(1180px,calc(100% - 32px));height:72px;margin:16px auto 0;padding:8px 12px;border:var(--line);background:#fff;box-shadow:6px 6px 0 var(--ink)}.brand{display:grid;place-items:center;width:50px;height:50px;flex:0 0 auto;background:var(--acid);border:3px solid var(--ink);font:900 20px/1 Archivo Black,sans-serif;text-decoration:none}.nav{display:flex;align-items:center;gap:6px;margin-left:auto}.nav a{padding:10px 12px;font-weight:900;text-decoration:none;text-transform:uppercase;font-size:13px}.nav a:hover,.nav a:focus-visible{background:var(--acid);outline:2px solid var(--ink)}.menu-button{display:none}.language-switch{display:flex;margin-left:4px;border:3px solid var(--ink);background:#fff}.language-switch button{min-width:42px;height:34px;padding:0 8px;border:0;border-right:2px solid var(--ink);background:transparent;color:var(--ink);font-weight:900;cursor:pointer}.language-switch button:last-child{border-right:0}.language-switch button.is-active{background:var(--acid)}.language-switch button:focus-visible{outline:3px solid var(--pink);outline-offset:2px}main{margin-top:-88px}.hero{min-height:760px;padding:122px max(28px,calc((100vw - 1180px)/2)) 42px;background:radial-gradient(circle at 9px 9px,rgba(10,10,10,.18) 2px,transparent 2.5px) 0 0/22px 22px,#fff;border-bottom:var(--line)}.hero-topline{display:flex;justify-content:space-between;margin:26px 0 22px;font-weight:900;text-transform:uppercase}.hero-title-wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.6fr);align-items:center;gap:30px}.hero-copy{position:relative;z-index:2}.hero-badge{display:inline-block;margin:0 0 12px 55%;padding:8px 13px;border:3px solid var(--ink);background:var(--pink);box-shadow:4px 4px 0 var(--ink);font-weight:900;text-transform:uppercase;transform:rotate(-4deg)}h1,h2,h3{font-family:Archivo Black,Impact,sans-serif;letter-spacing:0;margin:0}h1{font-size:clamp(64px,8.4vw,126px);line-height:.88;text-transform:uppercase}h1>span{display:block;width:fit-content;margin-top:12px;padding:8px 14px 13px;background:var(--acid);border:var(--line);box-shadow:var(--shadow);font-size:.57em;transform:rotate(-1.5deg)}.hero-stickers{display:flex;gap:12px;margin-top:28px}.hero-stickers span{padding:9px 14px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:#fff;background:var(--blue);font-weight:900;text-transform:uppercase}.hero-stickers span:nth-child(2){background:#fff;color:var(--ink);transform:rotate(2deg)}.hero-stickers span:nth-child(3){background:var(--pink);transform:rotate(-2deg)}.photo-poster{position:relative;padding:12px;border:var(--line);background:#fff;box-shadow:12px 12px 0 var(--blue),16px 16px 0 var(--ink);transform:rotate(3deg);animation:poster-float 5.8s ease-in-out infinite;will-change:transform}.photo-poster:before{content:"";position:absolute;z-index:2;top:-18px;left:28%;width:120px;height:40px;background:var(--acid);border:3px solid var(--ink);transform:rotate(-4deg)}.photo-poster img{width:100%;aspect-ratio:.79;object-fit:cover;object-position:center 18%;filter:contrast(1.05) saturate(.92);border:3px solid var(--ink);animation:poster-image-pulse 5.8s ease-in-out infinite;will-change:object-position,filter}.photo-poster span{position:absolute;right:-22px;bottom:24px;padding:12px 16px;border:3px solid var(--ink);background:var(--pink);box-shadow:5px 5px 0 var(--ink);color:#fff;font-family:Archivo Black,sans-serif;transform:rotate(-6deg)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:36px}.hero-bottom p{max-width:720px;margin:0;font-size:18px;line-height:1.55;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:3px solid var(--ink);background:var(--acid);box-shadow:5px 5px 0 var(--ink);font-weight:900;text-decoration:none;text-transform:uppercase;transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.button:focus-visible,.visit-link:focus-visible{outline:4px solid var(--pink);outline-offset:3px}.marquee{display:flex;overflow:hidden;border-bottom:var(--line);background:var(--ink);color:var(--acid);font:22px/1 Archivo Black,sans-serif;white-space:nowrap}.marquee span{min-width:max-content;padding:18px 30px;animation:marquee 18s linear infinite}@keyframes marquee{to{transform:translate(-100%)}}.section-band{padding:92px max(28px,calc((100vw - 1180px)/2));border-bottom:var(--line)}.category{background:var(--paper)}.category-head{display:grid;grid-template-columns:180px 1fr;gap:34px;margin-bottom:44px;align-items:start}.section-label{margin:5px 0 0;font-weight:900;text-transform:uppercase}.category-head h2,.about h2,.contact h2{max-width:950px;font-size:clamp(42px,6vw,80px);line-height:.98;text-transform:uppercase}.app-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.work-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:24px;border:var(--line);background:#fff;box-shadow:var(--shadow)}.work-card:nth-child(2){background:var(--pink);transform:translateY(28px) rotate(1deg)}.work-card-copy>p{display:inline-block;margin:0 0 10px;padding:5px 8px;background:var(--ink);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase}.work-card h3{font-size:clamp(34px,5vw,64px);line-height:1}.work-card-copy>span{display:block;max-width:680px;margin:14px 0 22px;font-weight:700;line-height:1.5}.work-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border:3px solid var(--ink);background:#fff}.work-card img.app-logo{object-fit:contain;padding:clamp(40px,8vw,96px);background:#eef7f7}.container-visual{overflow:hidden;min-height:330px;border:3px solid var(--ink);background:#151515;color:#fff}.container-toolbar{display:flex;gap:6px;height:34px;align-items:center;padding:0 10px;border-bottom:3px solid var(--ink);background:var(--acid)}.container-toolbar span{width:10px;height:10px;border:2px solid var(--ink);background:var(--pink);border-radius:50%}.container-stage{position:relative;display:grid;grid-template-columns:1fr 142px;gap:18px;align-items:center;min-height:293px;padding:32px 22px}.container-shell{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:18px;border:3px solid #fff;transform:skewY(-3deg)}.container-shell i{display:block;aspect-ratio:1;border:2px solid var(--ink);background:var(--acid);animation:pop .5s both;animation-delay:var(--delay)}@keyframes pop{0%{transform:scale(.4);opacity:0}}@keyframes poster-float{0%,to{transform:translateZ(0) rotate(3deg)}50%{transform:translate3d(0,-12px,0) rotate(1.8deg)}}@keyframes poster-image-pulse{0%,to{object-position:center 18%;filter:contrast(1.05) saturate(.92)}50%{object-position:center 21%;filter:contrast(1.1) saturate(1.04)}}.floating-sticker{position:absolute;top:12px;left:28px;z-index:2;padding:7px 10px;border:3px solid var(--ink);background:var(--pink);transform:rotate(-5deg)}.container-panel{padding:13px;border:3px solid #fff;background:var(--blue)}.container-panel strong{font:24px/1 Archivo Black,sans-serif}.container-panel p{margin:8px 0 0;font-size:12px;font-weight:800}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 18px}.meta-row small{padding:6px 9px;border:2px solid var(--ink);background:#fff;font-weight:800}.visit-link{margin-top:auto;font-weight:900;text-transform:uppercase;text-decoration-thickness:3px;text-underline-offset:5px}.game-section{background:var(--blue);color:#fff}.game-section .section-label{color:var(--acid)}.game-card{display:grid;grid-template-columns:1fr minmax(260px,380px);align-items:center;gap:60px;padding:34px;border:var(--line);background:#fff;color:var(--ink);box-shadow:10px 10px 0 var(--acid)}.game-card h3{margin:15px 0;font-size:clamp(32px,4.5vw,62px);line-height:1}.game-card p{max-width:680px;font-weight:700;line-height:1.55}.game-card img{width:100%;aspect-ratio:1;object-fit:cover;border:var(--line);transform:rotate(3deg);box-shadow:8px 8px 0 var(--pink)}.chip{display:inline-block;padding:7px 10px;border:3px solid var(--ink);background:var(--pink);text-transform:uppercase;font-size:12px}.button--dark{margin-top:10px;background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--pink)}.hardware-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.hardware-card{border:var(--line);background:#fff;box-shadow:var(--shadow)}.hardware-card:nth-child(2){transform:rotate(-1deg)}.hardware-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:var(--line)}.hardware-card>div{padding:24px}.hardware-card small{display:inline-grid;place-items:center;width:38px;height:38px;border:3px solid var(--ink);background:var(--acid);font-weight:900}.hardware-card h3{margin-top:14px;font-size:clamp(28px,3vw,42px)}.hardware-card p{max-width:540px;line-height:1.55;font-weight:700}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start;background:var(--acid)}.about-story{padding:24px;border:var(--line);background:#fff;box-shadow:var(--shadow);transform:rotate(.5deg)}.about-story p{margin:0;font-size:16px;font-weight:700;line-height:1.7}.about-story p+p{margin-top:18px;padding-top:18px;border-top:2px solid var(--ink)}.contact{background:var(--pink)}.contact h2{max-width:1050px}.contact-actions{display:flex;gap:18px;margin-top:36px}.button--quiet{background:#fff}footer{display:flex;justify-content:space-between;gap:20px;padding:24px max(28px,calc((100vw - 1180px)/2));background:var(--ink);color:#fff;font-weight:800;text-transform:uppercase}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease}[data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:780px){.site-header{height:62px;margin-top:10px}.brand{width:42px;height:42px;font-size:17px}.menu-button{display:block;margin-left:auto;padding:8px 11px;border:3px solid var(--ink);background:var(--acid);font-weight:900;text-transform:uppercase}.language-switch{margin-left:0}.language-switch button{min-width:38px;padding:0 6px;font-size:11px}.nav{position:absolute;top:64px;left:-4px;right:-4px;display:none;flex-direction:column;align-items:stretch;gap:0;border:var(--line);background:#fff;box-shadow:6px 6px 0 var(--ink)}.nav.is-open{display:flex}.nav a{border-bottom:2px solid var(--ink)}main{margin-top:-72px}.hero{min-height:auto;padding-top:104px}.hero-topline{font-size:11px}.hero-title-wrap,.app-grid,.game-card,.hardware-grid,.about,.category-head{grid-template-columns:1fr}.hero-title-wrap{gap:44px}h1{font-size:clamp(50px,17vw,78px)}h1>span{font-size:.48em}.hero-badge{margin-left:42%}.photo-poster{width:min(86%,360px);margin:0 auto}.hero-bottom{align-items:stretch;flex-direction:column}.button{align-self:flex-start}.section-band{padding-top:70px;padding-bottom:70px}.category-head{gap:12px}.category-head h2,.about h2,.contact h2{font-size:clamp(38px,12vw,58px)}.app-grid{gap:28px}.work-card:nth-child(2){transform:none}.container-visual{min-height:270px}.container-stage{grid-template-columns:1fr;min-height:233px;padding-top:44px}.container-panel{display:flex;align-items:center;gap:10px}.container-panel p{margin:0}.game-card{gap:34px;padding:22px}.game-card img{width:min(82%,320px);margin:0 auto}.hardware-grid,.about{gap:26px}.contact-actions{flex-wrap:wrap}footer{flex-direction:column;font-size:12px}}@media(max-width:420px){.hero,.section-band{padding-left:18px;padding-right:18px}.site-header{width:calc(100% - 20px)}.menu-button{padding-inline:8px;font-size:11px}.hero-stickers{gap:7px}.hero-stickers span{padding:7px 9px;font-size:11px}.photo-poster span{right:-8px}.work-card{padding:17px}}
