:root{--paper:#f4f1ea;--paper-2:#e9e4d8;--ink:#111;--muted:#4a4a4a;--red:#d6281f;--blue:#1b3f8b;--yellow:#f2b705;--line:3px solid var(--ink);--font:Futura, "Century Gothic", "Avenir Next", Avenir, "Segoe UI", system-ui, sans-serif;--wrap:72rem;--gap:clamp(1rem, 3vw, 2rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--font);text-rendering:optimizelegibility;margin:0}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.05}p{margin:0 0 1rem}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:2px}a:hover{color:var(--red)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}ul,ol{margin:0;padding:0;list-style:none}address{font-style:normal}.wrap{width:100%;max-width:var(--wrap);padding-inline:var(--gap);margin-inline:auto}.skip-link{z-index:10;background:var(--ink);color:var(--paper);padding:.75rem 1rem;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:5;background:var(--paper);border-bottom:var(--line);position:sticky;top:0}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;min-height:4rem;padding-block:.5rem;display:flex}.brand{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.6rem;font-weight:700;text-decoration:none;display:inline-flex}.brand__mark{background:var(--red);width:1.25rem;height:1.25rem;box-shadow:.55rem .55rem 0 -.1rem var(--blue);border-radius:50%}.nav{flex-wrap:wrap;gap:.25rem 1.5rem;display:flex}.nav a{text-transform:uppercase;letter-spacing:.1em;border-bottom:3px solid #0000;padding-block:.5rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-block}.nav a:hover{color:var(--ink);border-bottom-color:var(--yellow)}.hero{border-bottom:var(--line)}.hero__grid{gap:var(--gap);align-items:center;padding-block:clamp(3rem,10vw,7rem);display:grid}@media (width>=48rem){.hero__grid{grid-template-columns:1.4fr 1fr}}.eyebrow{background:var(--yellow);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.25rem;padding:.3rem .7rem;font-size:.8125rem;font-weight:700;display:inline-block}h1{text-transform:uppercase;margin-bottom:1.5rem;font-size:clamp(2.75rem,9vw,6rem)}.lead{max-width:38rem;color:var(--muted);font-size:clamp(1.125rem,2vw,1.3rem)}.actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.btn{border:var(--line);text-transform:uppercase;letter-spacing:.1em;background:var(--paper);padding:.85rem 1.4rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.btn:hover{color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translate(-3px,-3px)}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{color:var(--paper);box-shadow:3px 3px 0 var(--red)}.hero__stage{justify-self:center;width:min(100%,16rem)}@media (width>=48rem){.hero__stage{width:min(100%,26rem)}}.hero__art{aspect-ratio:1;position:relative}.hero__canvas{outline:none;width:100%;height:100%;position:absolute;inset:0}.hero__art.is-playing .shape,.hero__art.is-playing .best-time{visibility:hidden}.best-time{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap;font-size:clamp(.75rem,2.2vw,.9375rem);font-weight:700;position:absolute;bottom:.6rem;right:.75rem}.play-bar{align-items:center;gap:.75rem;height:3rem;margin-top:1rem;display:flex}.play-btn,.jump-btn{border:var(--line);background:var(--yellow);height:100%;color:var(--ink);font:700 .8125rem/1 var(--font);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;flex:none;padding:0 1rem}.play-btn:hover{background:var(--ink);color:var(--paper)}.jump-btn{background:var(--red);color:#fff;letter-spacing:.2em;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;font-size:1rem}.jump-btn[hidden]{display:none}.jump-btn:active{background:var(--ink)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shape{display:block;position:absolute}.shape--circle{background:var(--red);border-radius:50%;inset:0 30% 30% 0}.shape--square{background:var(--blue);mix-blend-mode:multiply;inset:40% 0 0 40%}.shape--triangle{aspect-ratio:1;background:var(--yellow);clip-path:polygon(50% 0,100% 100%,0 100%);width:38%;bottom:0;left:8%}.shape--bar{background:var(--ink);width:8%;height:34%;top:12%;right:4%}.facts{border-bottom:var(--line);padding-block:clamp(2.5rem,6vw,4rem)}.stats{border:var(--line);background:var(--paper);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}.stat{border-top:12px solid var(--accent);flex-direction:column;gap:.35rem;padding:1.25rem 1.5rem 1.4rem;display:flex}.stat+.stat{box-shadow:inset 3px 0 0 var(--ink)}.stat--red{--accent:var(--red)}.stat--blue{--accent:var(--blue)}.stat--yellow{--accent:var(--yellow)}.stat__num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-transform:uppercase;font-size:clamp(2.25rem,5vw,3.25rem);line-height:1}.stat__num--word{white-space:nowrap;font-size:clamp(1.75rem,3.4vw,2.5rem)}.stat__label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.8125rem;font-weight:700}.stat__label a{color:var(--ink)}@media (width<=45rem){.stat+.stat{box-shadow:inset 0 3px 0 var(--ink)}}.clients__title{letter-spacing:.12em;color:var(--muted);margin:clamp(2rem,5vw,3rem) 0 1rem;font-size:.8125rem}.clients{flex-wrap:wrap;gap:.5rem;display:flex}.clients li{border:2px solid var(--ink);text-transform:uppercase;letter-spacing:.06em;padding:.55rem .9rem;font-size:clamp(.9375rem,1.8vw,1.0625rem);font-weight:700;line-height:1.2}.section{border-bottom:var(--line);padding-block:clamp(3rem,8vw,6rem)}.section--alt{background:var(--paper-2)}.section__head{align-items:baseline;gap:1rem;margin-bottom:clamp(2rem,5vw,3.5rem);display:flex}.section__num{color:var(--red);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1}h2{text-transform:uppercase;font-size:clamp(1.75rem,4.5vw,3rem)}.timeline{border-top:var(--line)}.job{border-bottom:1px solid var(--ink);gap:.25rem 2rem;padding-block:1.75rem;display:grid}@media (width>=40rem){.job{grid-template-columns:12rem 1fr}}.job__dates{font-variant-numeric:tabular-nums;font-weight:700}.job__role{margin-bottom:.25rem;font-size:1.375rem}.job__org{color:var(--blue);font-weight:700}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(1.5rem,4vw,2.5rem);display:flex}.filters[hidden]{display:none}.filter{--accent:var(--ink);border:var(--line);border-left:10px solid var(--accent);background:var(--paper);min-height:2.75rem;color:var(--ink);font:700 .8125rem/1 var(--font);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .9rem;display:inline-flex}.filter span{font-variant-numeric:tabular-nums;color:var(--muted)}.filter--red{--accent:var(--red)}.filter--blue{--accent:var(--blue)}.filter--yellow{--accent:var(--yellow)}.filter:hover{background:var(--yellow)}.filter[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filter[aria-pressed=true] span{color:var(--paper)}.studio[hidden]{display:none}.studio:not([hidden])~.studio:not([hidden]){margin-top:clamp(2.5rem,6vw,4rem)}.studio{--accent:var(--red)}.studio--blue{--accent:var(--blue)}.studio--yellow{--accent:var(--yellow)}.studio--ink{--accent:var(--ink)}.studio__title{border-bottom:6px solid var(--accent);text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:clamp(1.375rem,3vw,1.875rem);display:flex}.studio__title span{letter-spacing:.1em;color:var(--muted);font-size:.8125rem}.games{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem;display:grid}.game{background:var(--paper);border:2px solid var(--ink);border-left:8px solid var(--accent);flex-direction:column;padding:1rem 1rem 1rem 1.25rem;display:flex}.game__thumb{aspect-ratio:16/9;background:var(--paper-2);border-bottom:2px solid var(--ink);margin:-1rem -1rem 1rem -1.25rem;display:block;position:relative;overflow:hidden}.game__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.game__thumb:after{content:"";background:linear-gradient(var(--ink), var(--ink)) center / .75rem 2px no-repeat, linear-gradient(var(--ink), var(--ink)) center / 2px .75rem no-repeat, var(--yellow);border:2px solid var(--ink);width:1.75rem;height:1.75rem;position:absolute;bottom:.5rem;right:.5rem}.game__thumb:hover img,.game__thumb:focus-visible img{transform:scale(1.04)}.game h4{margin:0 0 .5rem;font-size:1.0625rem;line-height:1.25}.game p{margin:0;font-size:.9375rem}.game__client{font-weight:700}.game__tech{color:var(--muted)}.game__extra{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding-top:.75rem;font-weight:700;display:flex;margin-top:auto!important}.badge{background:var(--yellow);text-transform:uppercase;letter-spacing:.08em;padding:.15rem .5rem;font-size:.75rem}.gallery{background:var(--paper);width:min(100% - 2rem,70rem);max-height:calc(100dvh - 2rem);color:var(--ink);border:var(--line);box-shadow:8px 8px 0 var(--ink);padding:0}.gallery[open]{flex-direction:column;display:flex}.gallery::backdrop{background:#111111d9}.gallery__bar{border-bottom:var(--line);align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1rem;display:flex}.gallery__title{text-transform:none;flex:1;font-size:clamp(1rem,2.5vw,1.25rem)}.gallery__count{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.gallery__close,.gallery__btn{border:var(--line);background:var(--paper);width:2.75rem;height:2.75rem;color:var(--ink);font:700 1.5rem/1 var(--font);cursor:pointer}.gallery__close{background:var(--red);color:var(--paper)}.gallery__btn:hover,.gallery__close:hover{background:var(--yellow);color:var(--ink)}.gallery__stage{background:var(--ink);flex:1;place-items:center;min-height:0;margin:0;display:grid}.gallery__img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 10rem);display:block}.gallery__nav{border-top:var(--line);justify-content:center;gap:.75rem;padding:.75rem;display:flex}.gallery__nav[hidden]{display:none}.contact__list{gap:.75rem;margin-top:2rem;font-size:clamp(1.125rem,2.5vw,1.5rem);display:grid}.contact__list li{flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;display:flex}.contact__label{text-transform:uppercase;letter-spacing:.12em;min-width:7rem;color:var(--muted);font-size:.8125rem;font-weight:700}.contact__list a{overflow-wrap:anywhere}.site-footer{background:var(--ink);color:var(--paper);padding-block:2rem;font-size:.875rem}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;display:flex}.site-footer p{margin:0}.footer__links{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.footer__links a{color:var(--paper);overflow-wrap:anywhere}.footer__links a:hover{color:var(--yellow)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.game__thumb img{transition:none}}