:root{--ink:#101010;--paper:#fff;--line:#d7d7d7;--soft:#f2f2f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:#111;color:white}.header{height:96px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);position:relative;z-index:2}.brand{font-size:42px;letter-spacing:-5px;font-weight:800;line-height:1}.brand span{display:inline-block;margin-left:4px}.header nav{display:flex;gap:38px;font-size:13px;font-weight:700}.header nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.languages{display:flex;gap:8px;align-items:center;font-size:12px}.languages button{border:0;background:transparent;padding:9px 4px;color:#777}.languages button[aria-pressed=true]{font-weight:800;color:#111}.languages span{color:#aaa}.hero{margin:0 5%;padding:53px 0 0;position:relative;overflow:hidden}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;background:currentColor;border-radius:50%;display:inline-block;flex-shrink:0}.hero h1{font-size:clamp(65px,7.7vw,122px);line-height:1.04;letter-spacing:-.075em;font-weight:800;position:relative;z-index:1;margin:42px 0 29px;max-width:78%}.outline{color:white;-webkit-text-stroke:1.4px #111}.hero-bottom{position:relative;z-index:1;width:49%;max-width:610px}.hero-bottom p{font-size:15px;line-height:1.8;max-width:385px;margin:0 0 25px}.button{display:inline-flex;align-items:center;gap:50px;color:white;background:#111;padding:19px 24px;font-size:12px;font-weight:700;border:1px solid #111;transition:background .2s,color .2s}.button:hover{background:white;color:#111}.button span:last-child{font-size:20px;line-height:1}.hero-art{position:absolute;right:0;top:35px;width:40%;height:400px;background-image:radial-gradient(#d1d1d1 .65px,transparent .65px);background-size:14px 14px;display:flex;justify-content:center;align-items:center;isolation:isolate}.plus-sculpture{font-family:Arial,sans-serif;font-weight:900;font-size:350px;line-height:.8;transform:rotate(-15deg);text-shadow:1px 1px #fff,2px 2px #aaa,3px 3px #aaa,4px 4px #aaa,5px 5px #aaa,6px 6px #aaa,7px 7px #aaa,8px 8px #aaa,9px 9px #aaa,10px 10px #aaa,11px 11px #aaa,12px 12px #111;animation:float 9s ease-in-out infinite}.orbit{position:absolute;width:100%;height:62%;border:1px solid #b1b1b1;border-radius:50%;z-index:-1;transform:rotate(-30deg)}.orbit-two{transform:rotate(45deg);width:85%;height:90%}.art-caption{position:absolute;bottom:9px;left:10px;font-size:8px;letter-spacing:1px;background:#fff;padding:5px}.crosshair{position:absolute;right:12px;top:3px;font-size:24px}.hero-foot{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.6px;margin-top:56px;padding:22px 0}.ticker{border-top:1px solid #111;border-bottom:1px solid #111;display:flex;justify-content:space-around;align-items:center;gap:25px;overflow:hidden;padding:19px 3%;font-size:14px;font-weight:800;white-space:nowrap;letter-spacing:1px}.ticker b{font-size:26px;font-weight:400;line-height:1}.section{padding:83px 5%}.section-top{display:flex;justify-content:space-between;align-items:center}.status{font-size:9px;font-weight:700;display:flex;gap:8px;align-items:center;letter-spacing:1px;border:1px solid #ccc;border-radius:20px;padding:8px 12px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:30px 0 42px}h2{font-size:clamp(36px,4.25vw,65px);letter-spacing:-.055em;line-height:1.12;margin:0;font-weight:800}.section-heading p{max-width:345px;font-size:13px;line-height:1.9;margin:0 0 4px;color:#555}.projects{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-visual{height:330px;position:relative;overflow:hidden;background:var(--soft);display:flex;align-items:center;justify-content:center}.visual-index{position:absolute;top:20px;left:23px;font-size:9px;font-weight:700;letter-spacing:1px}.mobile-art{background-image:linear-gradient(90deg,#dededc 1px,transparent 1px),linear-gradient(#dededc 1px,transparent 1px);background-size:44px 44px}.phone{width:142px;height:243px;border:6px solid #111;border-radius:25px;background:#fff;transform:rotate(-12deg);box-shadow:15px 15px 0 #b5b5b5;position:relative}.phone-speaker{height:12px;background:#111;width:57px;margin:0 auto;border-radius:0 0 10px 10px}.phone-bottom{position:absolute;bottom:7px;width:45px;height:4px;left:43px;border-radius:6px;background:#111}.pixel-world{position:absolute;inset:35px 10px 28px;background:radial-gradient(#d3d3d3 1px,transparent 1px);background-size:11px 11px}.pixel-plus{font-size:87px;font-weight:800;line-height:1;position:absolute;top:30px;left:25px}.pixel-world i{width:12px;height:12px;border:2px solid #111;position:absolute;top:10px;left:8px}.pixel-world i:nth-child(2){left:80px;top:30px}.pixel-world i:nth-child(3){left:6px;top:100px}.pixel-world i:nth-child(4){left:83px;top:132px}.platform{height:8px;width:65px;background:#111;position:absolute;bottom:29px;left:20px}.float-tag{position:absolute;bottom:26px;left:24px;padding:10px;background:white;border:1px solid #111;font-size:8px;letter-spacing:1px;transform:rotate(-5deg)}.visual-plus{position:absolute;bottom:20px;right:22px;font-size:40px;font-weight:400}.pc-art{background:#151515;color:#fff;background-image:radial-gradient(#484848 .7px,transparent .7px);background-size:14px 14px}.pc-art .float-tag{color:#111;transform:rotate(5deg);left:auto;right:24px}.pc-art .visual-plus{left:22px;right:auto}.friends{display:flex;align-items:center;gap:0;transform:translateY(8px)}.friend{width:99px;height:123px;border:2px solid #fff;border-radius:35px 35px 8px 8px;background:#fff;color:#111;position:relative;transform:rotate(-17deg);z-index:2;box-shadow:7px 7px 0 #555}.friend span{display:block;white-space:pre;font-family:monospace;font-size:37px;text-align:center;margin-top:20px;letter-spacing:5px}.friend:after,.friend:before{content:'';position:absolute;bottom:-23px;width:19px;height:28px;background:inherit;border:2px solid white}.friend:before{left:13px;transform:rotate(10deg)}.friend:after{right:13px;transform:rotate(-10deg)}.friend-two{background:#111;color:#fff;transform:translateY(-24px) rotate(10deg);margin-left:-5px;z-index:1}.friend-three{width:86px;height:102px;transform:translateY(15px) rotate(23deg);margin-left:-6px}.friend-three span{font-size:30px}.chaos-line{position:absolute;width:40px;height:12px;border-top:2px solid #fff;border-bottom:2px solid #fff;top:73px;left:66px;transform:rotate(25deg)}.chaos-two{top:75px;left:auto;right:66px;transform:rotate(-35deg)}.project-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;font-weight:700;margin:22px 0 17px}.project-meta span:last-child{color:#666}.project h3{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0 0 15px}.project>p{font-size:13px;line-height:1.9;color:#555;max-width:450px}.concept-note{font-size:10px;color:#666;margin:32px 0 0;line-height:1.7}.studio{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.little-brand{font-weight:800;font-size:25px;letter-spacing:-2px}.studio-content{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;margin-top:48px}.underlined{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:9px}.studio-copy p{font-size:15px;line-height:1.9;margin:0 0 19px}.studio-copy p+p{font-size:13px;color:#555}.text-link{font-size:12px;font-weight:800;display:inline-flex;gap:38px;margin-top:8px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:70px}.principles>div{border-top:1px solid #aaa;padding-top:17px}.principles span{font-size:10px;color:#666}.principles h3{font-size:16px;margin:24px 0 12px;letter-spacing:-.4px}.principles p{font-size:12px;line-height:1.8;max-width:260px;color:#555}.contact{padding-top:80px;padding-bottom:85px}.contact-content{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center;margin-top:36px}.contact h2{font-size:clamp(50px,6vw,90px)}.contact h2 span{display:inline-block;transform:rotate(-13deg);margin-left:7px}.contact-copy p{font-size:14px;line-height:1.8;max-width:320px}.email{display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:700;font-size:clamp(15px,1.8vw,25px);border-bottom:1px solid #111;padding:17px 0}.email:hover{color:#666}.copy-email{background:transparent;border:0;padding:16px 0;display:flex;gap:18px;font-size:10px;text-decoration:underline;text-underline-offset:3px}#copy-status{font-size:11px;min-height:16px;display:block}footer{margin:0 5%;border-top:1px solid #111;padding:27px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px}footer .brand{font-size:31px;letter-spacing:-4px}.footer-tag{letter-spacing:1px;font-size:9px}.back-top{font-weight:700}.skip{position:fixed;left:12px;top:-100px;background:#111;color:white;padding:15px;z-index:100}.skip:focus{top:12px}@keyframes float{50%{transform:translateY(-10px) rotate(-9deg)}}@media(min-width:1500px){body{max-width:1600px;margin:auto}.hero-art{height:445px}.hero h1{font-size:122px}}@media(max-width:950px){.hero-art{width:36%;top:75px;height:300px}.plus-sculpture{font-size:260px}.hero h1{max-width:100%;font-size:8.1vw}.hero-bottom{width:54%}.section{padding:65px 5%}.project-visual{height:285px}.friends{transform:scale(.85)}.project h3{font-size:28px}.studio-content,.contact-content{gap:6%;grid-template-columns:1fr 1fr}.section-heading p{max-width:285px}}@media(max-width:650px){.header{height:78px}.header nav{gap:18px;font-size:11px}.brand{font-size:33px;letter-spacing:-4px}.languages{gap:4px;font-size:10px}.hero{padding-top:30px}.eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:clamp(52px,11vw,72px);margin:30px 0 22px;letter-spacing:-.065em}.hero-bottom{width:100%;max-width:none}.hero-bottom p{font-size:13px;max-width:320px}.hero-art{position:relative;width:100%;top:auto;height:240px;margin-top:30px}.plus-sculpture{font-size:260px}.orbit{width:85%;height:65%}.orbit-two{width:65%;height:85%}.hero-foot{margin-top:10px;font-size:7px;letter-spacing:1px}.ticker{justify-content:flex-start;gap:25px;font-size:10px;padding:14px 5%}.ticker b{font-size:20px}.section{padding:48px 5%}.status{font-size:7px;letter-spacing:.4px;padding:7px 9px;gap:6px}.section-heading{display:block;margin:27px 0 28px}h2{font-size:38px}.section-heading p{max-width:100%;margin-top:20px;font-size:12px}.projects{grid-template-columns:1fr;gap:35px}.project-visual{height:310px}.project h3{font-size:31px}.project>p{font-size:13px}.project-meta{margin-top:18px}.studio-content,.contact-content{grid-template-columns:1fr;gap:32px;margin-top:29px}.studio-copy p{font-size:14px}.principles{grid-template-columns:1fr;gap:18px;margin-top:37px}.principles>div{display:grid;grid-template-columns:30px 1fr;gap:0 12px}.principles h3{margin:0;font-size:16px}.principles p{grid-column:2;max-width:none;margin-top:9px}.contact h2{font-size:61px}.email{font-size:20px}.contact-copy p{font-size:13px;max-width:none}.footer-tag{display:none}footer{padding:22px 0;font-size:9px}.friends{transform:scale(.95)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Updated hero, animated wordmark strip, and game catalogs. */
.hero h1{font-size:clamp(42px,5.7vw,86px);max-width:65%;letter-spacing:-.065em;line-height:1.14}
.project-link{display:block;height:100%}.project-link>p{font-size:13px;line-height:1.9;color:#555;max-width:450px}.project-link .project-visual{transition:filter .25s}.project-link:hover .project-visual{filter:contrast(1.2)}.catalog-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #aaa;margin-top:22px;padding:17px 0;font-size:12px;font-weight:800}.catalog-link>span:last-child{font-size:23px;transition:transform .2s}.project-link:hover .catalog-link>span:last-child{transform:translate(3px,-3px)}
.catalog-page{min-height:calc(100vh - 185px)}.catalog-page h1{font-size:clamp(44px,7vw,95px);letter-spacing:-.065em;line-height:1.05;margin:32px 0 22px}.catalog-lead{font-size:16px;color:#555;line-height:1.7}.catalog-tabs{display:flex;gap:28px;border-bottom:1px solid #ccc;margin:40px 0 0}.catalog-tabs a{padding:18px 0;font-size:13px;color:#777}.catalog-tabs a[aria-current=page]{border-bottom:2px solid #111;color:#111;font-weight:800}.catalog-empty{position:relative;padding:65px 28px;margin:30px 0;background:#f2f2f0;overflow:hidden}.catalog-empty h2{font-size:clamp(28px,3vw,44px);max-width:650px;margin:25px 0 20px}.catalog-empty p{max-width:520px;font-size:14px;line-height:1.9;color:#555}.empty-symbol{float:right;font-size:clamp(65px,12vw,170px);font-weight:800;letter-spacing:-10px;transform:rotate(-10deg);margin:0 15px 10px 40px;color:#d7d7d5}.game-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:30px}.game-list:empty{display:none}.game-entry{padding-bottom:30px;border-bottom:1px solid #ccc}.game-entry img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:24px}.game-entry h2{font-size:32px;margin:18px 0}.game-entry p{line-height:1.8;color:#555;font-size:14px}[hidden]{display:none!important}
@media(max-width:650px){.hero h1{max-width:100%;font-size:clamp(34px,8.2vw,53px)}.ticker-word{font-size:17px}.catalog-empty{padding:35px 22px}.empty-symbol{float:none;display:block;width:max-content;margin:0 0 30px;letter-spacing:-5px;font-size:70px}.catalog-tabs{gap:24px}.game-list{grid-template-columns:1fr}.catalog-lead{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ticker-track,.ticker-word{animation:none!important}}
.game-entry img.game-portrait{height:340px;aspect-ratio:auto;object-fit:contain;background:#201b24;padding:20px;border:1px solid #ddd}
.game-card-link{display:block;height:100%;cursor:pointer}.game-card-link:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.game-card-link>img{transition:filter .25s}.game-card-link:hover>img{filter:brightness(1.12)}.game-card-link:focus-visible{outline:2px solid #111;outline-offset:6px}

/* Preserve keyboard focus and pause work in background tabs. */
[hidden]{display:none!important}.page-hidden *,.page-hidden *::before,.page-hidden *::after{animation-play-state:paused!important}@media(max-width:380px){.header nav{gap:10px;font-size:10px}}