:root{--bg:#eef1f7;--surface:#fff;--ink:#121b33;--muted:#55607a;--line:#d3d9e6;--accent:#c2541b;--accent-ink:#fff;--signal:#1f6f78;--screen:#0b1120;--screen-ink:#e8ecf5;--head-bg:#eef1f7db;--f-display:"Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;--f-body:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--f-pixel:"Pixelify Sans", ui-monospace, "SFMono-Regular", Menlo, monospace;--wrap:72rem;--gutter:clamp(16px, 4vw, 40px);--radius:10px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1120;--surface:#121a2e;--ink:#e8ecf5;--muted:#94a0ba;--line:#222d47;--accent:#f08a4b;--accent-ink:#1a0e05;--signal:#5cc6c9;--screen:#060a14;--screen-ink:#e8ecf5;--head-bg:#0b1120d6;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1120;--surface:#121a2e;--ink:#e8ecf5;--muted:#94a0ba;--line:#222d47;--accent:#f08a4b;--accent-ink:#1a0e05;--signal:#5cc6c9;--screen:#060a14;--screen-ink:#e8ecf5;--head-bg:#0b1120d6;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font:1.0625rem/1.6 var(--f-body);-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0;line-height:1.08}p{margin:0}.wrap{max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}.pixel{font-family:var(--f-pixel);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.site-head{top:env(safe-area-inset-top,0px);z-index:20;background:var(--head-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky}.head-row{align-items:center;gap:1.25rem;min-height:4rem;display:flex}.mark{font-family:var(--f-display);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.55rem;font-size:1.35rem;font-weight:800;text-decoration:none;display:flex}.mark i{background:var(--accent);width:.7rem;height:.7rem;box-shadow:.7rem 0 0 var(--signal);margin-right:.7rem;display:inline-block}.nav{scrollbar-width:none;gap:.25rem;margin-left:auto;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:.45rem .75rem;font-size:.95rem;font-weight:700;text-decoration:none}.nav a:hover{color:var(--ink)}.nav a.on{color:var(--ink);background:color-mix(in srgb, var(--accent) 14%, transparent)}@media (width<=720px){.head-row{flex-wrap:wrap;gap:0;padding-block:.5rem}.nav{width:100%;margin-left:0;padding-top:.35rem}.nav a{padding:.35rem .7rem;font-size:.9rem}}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,3vw,2rem) clamp(2rem,5vw,4.5rem);padding-block:clamp(3rem,8vw,6rem) clamp(2.5rem,6vw,4.5rem);display:grid}.portrait{aspect-ratio:1;width:clamp(15rem,26vw,21rem);margin:0;position:relative}.portrait img{object-fit:cover;width:100%;height:100%;box-shadow:12px 12px 0 var(--accent);border-radius:18px;position:relative}.portrait:before,.portrait:after{content:"";width:1.4rem;height:1.4rem;position:absolute}.portrait:before{background:var(--signal);box-shadow:1.4rem 0 0 color-mix(in srgb, var(--signal) 45%, transparent);top:-.7rem;left:-.7rem}.portrait:after{background:var(--signal);opacity:.55;bottom:-2.1rem;right:-.7rem}@media (width<=820px){.hero{grid-template-columns:1fr;gap:1.75rem}.portrait{order:-1;width:9.5rem}.portrait img{box-shadow:7px 7px 0 var(--accent);border-radius:14px}.portrait:before{width:.9rem;height:.9rem;box-shadow:.9rem 0 0 color-mix(in srgb, var(--signal) 45%, transparent);top:-.45rem;left:-.45rem}.portrait:after{display:none}}.hero .pixel{color:var(--signal)}.hero h1{letter-spacing:-.035em;max-width:14ch;margin-top:.75rem;font-size:clamp(2.6rem,7.5vw,5.6rem);font-weight:800}.hero h1 em{color:var(--accent);font-style:normal}.hero .lede{color:var(--muted);max-width:38rem;margin-top:1.25rem;font-size:clamp(1.1rem,2vw,1.3rem)}.hero .lede strong{color:var(--ink)}.facts{flex-wrap:wrap;gap:.6rem;margin-top:2rem;padding:0;list-style:none;display:flex}.facts li{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.4rem .9rem;font-size:.92rem}.facts b{font-variant-numeric:tabular-nums}.hero-band{--band-ink:#f2f7f8;--band-muted:#c9dce0;--band-hi:#ffd600;--band-teal:#8fe6d4;color:var(--band-ink);isolation:isolate;clip-path:inset(0);background:#0f4a6b;position:relative}.hero-bg{z-index:-1;filter:blur(3px);background-position:50%;background-repeat:no-repeat;background-size:cover;height:calc(100lvh + 24px);position:fixed;inset:-12px}.hero-band .hero .pixel{color:var(--band-teal)}.hero-band .hero h1{color:var(--band-ink)}.hero-band .hero h1 em{color:var(--band-hi)}.hero-band .hero .lede{color:var(--band-muted)}.hero-band .hero .lede strong,.hero-band .hero .lede a{color:var(--band-ink)}.hero-band .facts li{color:var(--band-ink);background:#ffffff14;border-color:#fff3}.hero-band .portrait img{box-shadow:12px 12px 0 var(--band-hi)}.hero-band .portrait:before{background:var(--band-teal);box-shadow:1.4rem 0 #8fe6d473}.hero-band .portrait:after{background:var(--band-teal)}@media (width<=820px){.hero-band .portrait img{box-shadow:7px 7px 0 var(--band-hi)}.hero-band .portrait:before{box-shadow:.9rem 0 #8fe6d473}}.hero-band .pillar{backdrop-filter:blur(6px);background:#0618248c;border-color:#ffffff24}.hero-band .pillar.eng{--c:var(--band-teal)}.hero-band .pillar.prod{--c:var(--band-hi)}.hero-band .pillar h2{color:var(--band-ink)}.hero-band .pillar-text{color:var(--band-muted)}.pillars{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,1.5rem);margin-top:clamp(.5rem,2vw,1rem);display:grid}@media (width<=820px){.pillars{grid-template-columns:1fr}}.pillar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);border-top:4px solid var(--c);flex-direction:column;gap:.55rem;padding:clamp(1.1rem,2.5vw,1.5rem);display:flex}.pillar.eng{--c:var(--signal)}.pillar.prod{--c:var(--accent)}.hero .pillar-label{color:var(--c);align-items:center;gap:.5rem;display:flex}.pillar-label i{background:var(--c);width:.6rem;height:.6rem;display:inline-block}.pillar h2{letter-spacing:-.01em;font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:700}.pillar-text{color:var(--muted)}.pillar-tags{flex-wrap:wrap;gap:.4rem;margin:auto 0 0;padding:.4rem 0 0;list-style:none;display:flex}.pillar-tags li{font-family:var(--f-pixel);letter-spacing:.05em;text-transform:uppercase;background:color-mix(in srgb, var(--c) 14%, transparent);color:var(--c);border-radius:4px;padding:.15rem .5rem;font-size:.72rem}section{padding-block:clamp(3rem,7vw,5rem)}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem;display:flex}.sec-head h2{letter-spacing:-.025em;font-size:clamp(2rem,4.5vw,3rem);font-weight:800}.sec-head p{color:var(--muted);max-width:34rem}.btn{font:700 1rem var(--f-body);cursor:pointer;background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;text-decoration:none;display:inline-flex}.btn.ghost{color:inherit;background:0 0;box-shadow:inset 0 0 0 2px}.filters{flex-wrap:wrap;gap:.5rem;display:flex}.chip{font:700 .9rem var(--f-body);border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:.4rem .85rem}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.shelf{grid-template-columns:repeat(auto-fill,minmax(min(100%,16.5rem),1fr));gap:clamp(1rem,2vw,1.5rem);margin-top:1.75rem;display:grid}.game{all:unset;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;transition:transform .18s,border-color .18s;display:flex;overflow:hidden}.game:hover{border-color:var(--accent);transform:translateY(-3px)}.game:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.game{transition:none}.game:hover{transform:none}}.cover{aspect-ratio:16/9;background:var(--screen);width:100%;max-width:100%;display:block}canvas.cover{image-rendering:pixelated}.thumb{border-bottom:1px solid var(--line);display:block;overflow:hidden}.thumb .cover{transition:transform .35s}.game:hover .thumb .cover{transform:scale(1.045)}@media (prefers-reduced-motion:reduce){.thumb .cover{transition:none}.game:hover .thumb .cover{transform:none}}.game .body{flex-direction:column;flex:1;gap:.4rem;padding:1rem 1.1rem 1.15rem;display:flex}.game .name{font-family:var(--f-display);font-size:1.25rem;font-weight:700;line-height:1.15}.game .hook{color:var(--muted);font-size:.95rem;line-height:1.45;display:block}.game .meta{flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.6rem;display:flex}.tag{font-family:var(--f-pixel);letter-spacing:.05em;text-transform:uppercase;background:color-mix(in srgb, var(--signal) 14%, transparent);color:var(--signal);border-radius:4px;padding:.15rem .5rem;font-size:.72rem}.tag.hot{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}dialog{background:var(--surface);color:var(--ink);border:0;border-radius:14px;width:min(42rem,100% - 32px);max-height:calc(100% - 48px);padding:0}dialog::backdrop{background:#060a1499}dialog .cover{border-bottom:1px solid var(--line)}.d-body{gap:.9rem;padding:1.4rem 1.5rem 1.6rem;display:grid}.d-body h3{font-size:1.8rem;font-weight:800}.d-body p{color:var(--muted)}.d-body dl{grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:0;font-size:.95rem;display:grid}.d-body dt{font-family:var(--f-pixel);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding-top:.15rem;font-size:.78rem}.d-body dd{margin:0}.close{color:#fff;cursor:pointer;z-index:3;background:#060a14b3;border:0;border-radius:50%;width:2.3rem;height:2.3rem;font-size:1.2rem;position:absolute;top:.6rem;right:.6rem}.talks-sec{background:var(--surface);border-block:1px solid var(--line)}.talk-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,26rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.talk-list li{display:flex}.talk-row{all:unset;box-sizing:border-box;cursor:pointer;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:.9rem;width:100%;padding:.6rem;transition:border-color .18s,transform .18s;display:flex}.talk-row:hover{border-color:var(--accent);transform:translateY(-2px)}.talk-row:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.talk-row{transition:none}.talk-row:hover{transform:none}}.talk-thumb{aspect-ratio:16/9;background:linear-gradient(135deg, var(--screen) 0%, color-mix(in srgb, var(--signal) 45%, var(--screen)) 100%);border-radius:6px;flex:none;place-items:center;width:7.5rem;display:grid;position:relative;overflow:hidden}.talk-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.talk-icon{background:var(--accent);width:2rem;height:2rem;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:.8rem;display:grid;position:relative}.talk-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.talk-meta{font-family:var(--f-pixel);color:var(--muted);letter-spacing:.04em;align-items:center;gap:.45rem;font-size:.78rem;display:flex}.talk-title{font-family:var(--f-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.02rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.talk-where{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}@media (width<=560px){.talk-thumb{width:6rem}}.talk-dialog .video{border-radius:0}.talk-dialog .d-body p,.talk-dialog .d-body .talk-meta{color:var(--muted)}.topics{border-radius:var(--radius);background:var(--bg);border:1px solid var(--line);margin-top:clamp(1.25rem,3vw,1.75rem);padding:1.1rem 1.25rem}.topics h3{margin-bottom:.7rem;font-size:1.05rem}.topics ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.topics li{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.3rem .8rem;font-size:.88rem}.contact{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(1.5rem,5vw,4rem);display:grid}@media (width<=820px){.contact{grid-template-columns:1fr}}.reasons{gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.reasons li:before{content:"▸ ";color:var(--accent)}.socials{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:1rem;padding:clamp(1.1rem,3vw,1.6rem);display:grid}label{gap:.35rem;font-size:.95rem;font-weight:700;display:grid}input,select,textarea{font:1rem var(--f-body);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;width:100%;padding:.65rem .75rem}textarea{resize:vertical;min-height:8rem}.two{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=520px){.two{grid-template-columns:1fr}}.note{color:var(--signal);font-size:.92rem;font-weight:700}footer{border-top:1px solid var(--line);color:var(--muted);padding-block:2rem;font-size:.92rem}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}html{color-scheme:light}body{margin:0}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}img.cover{object-fit:cover;height:auto}.stage-wrap{position:relative}.play-over{background:linear-gradient(#060a141a,#060a148c);place-items:center;display:grid;position:absolute;inset:0}.play-start{padding:.85rem 1.5rem;font-size:1.1rem;box-shadow:0 6px 24px #00000059}.play-start:focus-visible{outline:3px solid var(--screen-ink);outline-offset:3px}dialog.playing{width:min(72rem,100% - 32px)}.screen{aspect-ratio:16/9;background:#000;max-width:100%;max-height:calc(100vh - 140px);margin-inline:auto;position:relative}.screen iframe{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.screen .fs{z-index:2;padding:.45rem .8rem;font-size:.85rem;position:absolute;bottom:.6rem;right:.6rem}.keys{color:var(--muted);margin:0;font-size:.9rem}.prose{color:var(--muted);gap:.8rem;display:grid}.prose p{margin:0}.prose a{color:var(--accent)}.prose strong{color:var(--ink)}img.stage{object-fit:contain;height:auto}.gallery{grid-template-columns:repeat(auto-fill,minmax(min(100%,7.5rem),1fr));gap:.5rem;display:grid}.shot{all:unset;cursor:pointer;box-shadow:0 0 0 1px var(--line);opacity:.7;border-radius:6px;transition:opacity .15s,box-shadow .15s;overflow:hidden}.shot:hover{opacity:1}.shot:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.shot[aria-pressed=true]{opacity:1;box-shadow:0 0 0 2px var(--accent)}.shot img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}@media (width<=560px){.shelf{grid-template-columns:1fr 1fr;gap:.75rem}.game .body{gap:.25rem;padding:.65rem .7rem .75rem}.game .name{font-size:1rem}.game .hook{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.35;display:-webkit-box;overflow:hidden}.game .meta{gap:.25rem;padding-top:.4rem}.game .meta .tag.yr{display:none}.tag{padding:.1rem .4rem;font-size:.64rem}}.prose h4{font-family:var(--f-display);color:var(--ink);margin:.6rem 0 0;font-size:1.1rem;font-weight:700}.prose ul{gap:.35rem;margin:0;padding-left:1.2rem;display:grid}.prose li::marker{color:var(--accent)}.prose blockquote{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent);color:var(--ink);border-radius:0 8px 8px 0;margin:0;padding:.7rem 1rem;font-style:italic}.prose blockquote p{margin:0}.video{aspect-ratio:16/9;background:#000;border-radius:8px;position:relative;overflow:hidden}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}