:root{color-scheme:light;--paper:#f4f3ed;--ink:#202b25;--muted:#657065;--green:#355b47;--line:#d7dbd0;--accent:#cb754c;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:#d5dec4}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;top:-70px;left:20px;padding:12px 18px;background:var(--ink);color:white;z-index:5}.skip-link:focus{top:12px}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:750;letter-spacing:-1.3px;display:flex;align-items:center;gap:8px}.brand-mark{font-size:24px;border:1px solid var(--green);border-radius:50%;height:39px;width:39px;display:grid;place-items:center;margin-right:6px}.brand-dot{color:var(--accent)}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.nav-ai{padding:11px 15px;border:1px solid var(--line);border-radius:4px}.nav-ai span{margin-left:8px}.hero{display:grid;grid-template-columns:1.17fr 1fr;gap:70px;align-items:center;padding-block:82px 88px}.eyebrow{font:10px/1.5 "Courier New",monospace;letter-spacing:1.4px;font-weight:bold;display:flex;align-items:center;gap:10px}.status-dot{height:7px;width:7px;background:var(--green);border-radius:50%}h1{font-size:clamp(58px,6.5vw,88px);line-height:1.04;letter-spacing:-5px;font-weight:650;margin:24px 0}h1 span{color:var(--green)}.hero-description{font-size:15px;color:var(--muted);line-height:1.8;max-width:440px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:17px 23px;font-size:13px;font-weight:600;border-radius:4px;white-space:nowrap}.button-primary{background:var(--green);color:#fff}.button:hover{background:#264934}.small-note{max-width:140px;font-size:10px;line-height:1.7;color:var(--muted)}.hero-art{position:relative;background:#e8ebdf;border:1px solid #dfe3d6;border-radius:160px 160px 5px 5px;padding:31px 0 0;overflow:hidden}.art-index{position:absolute;top:46px;left:35%;font:9px monospace;letter-spacing:1.2px;color:#526c58}.hero-art svg{width:100%;height:auto;display:block}.art-caption{display:flex;justify-content:space-between;padding:18px 27px;border-top:1px solid #d1d9c9;font-size:11px;color:#526752}.skills-strip{background:var(--ink);color:#e7ecdc}.skills-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:73px;font-size:12px;letter-spacing:1px}.skills-strip span:nth-child(even){color:#b8c99a;font-size:20px}.projects{padding-block:85px 72px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}h2{font-size:32px;line-height:1.2;letter-spacing:-1.4px;font-weight:550;margin:13px 0 0}.section-note{font-size:11px;color:var(--muted);padding-bottom:3px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{padding:26px 27px 27px;border:1px solid var(--line);border-radius:5px;display:flex;flex-direction:column;align-items:start}.project-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:42px}.project-number{font:10px monospace;color:#7a8578}.project-symbol{font-size:29px;color:var(--green)}.project-category{font:9px monospace;letter-spacing:1px;color:var(--green)}h3{font-size:25px;font-weight:550;letter-spacing:-.8px;margin:9px 0 10px}.project-card>p:not(.project-category){font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:28px}.project-card>a{margin-top:auto;display:flex;justify-content:space-between;width:100%;font-size:11px;font-weight:600;border-top:1px solid var(--line);padding-top:20px}.project-footnote{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;width:100%;font-size:10px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 2fr;gap:65px;padding-block:55px 85px;border-top:1px solid var(--line)}.about h2{font-size:39px;margin-top:0}.about em{font-weight:400;color:var(--green);font-family:Georgia,serif}.about p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:570px;color:var(--muted)}.about .construction-note{font-size:11px!important;margin-top:25px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);min-height:110px}.site-footer .brand{font-size:22px}.site-footer>p,.site-footer>a:last-child{font-size:11px;color:var(--muted)}
@media(min-width:1400px){.hero{padding-block:98px}.hero-art{max-width:450px;justify-self:end}.hero-description{font-size:16px}}
@media(max-width:950px){.wrap{width:calc(100% - 56px)}.hero{gap:28px;padding-block:65px}.hero h1{letter-spacing:-3px}.hero-actions{gap:16px;flex-wrap:wrap}.small-note{max-width:180px}.project-card{padding:21px}.project-top{margin-bottom:28px}.section-heading{align-items:start;flex-direction:column;gap:12px}.about{gap:25px;grid-template-columns:1fr 2.5fr}.about h2{font-size:34px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.site-header{height:86px}.brand{font-size:22px;gap:5px}.brand-mark{display:none}nav{gap:17px;font-size:11px}.nav-ai{padding:9px 10px}.nav-ai span{margin-left:3px}.hero{grid-template-columns:1fr;padding-block:45px 40px;gap:38px}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:66px;letter-spacing:-3.5px;margin-block:21px}.hero-description{font-size:14px;line-height:1.8}.hero-actions{gap:20px;margin-top:25px}.button{padding:16px 20px;font-size:12px;gap:25px}.small-note{max-width:120px}.hero-art{width:min(100%,340px);justify-self:center;padding-top:20px}.art-index{top:37px}.art-caption{font-size:10px;padding:14px 21px}.skills-strip .wrap{gap:8px;min-height:60px;font-size:9px;letter-spacing:0}.skills-strip span:nth-child(even){font-size:13px}.projects{padding-block:48px}.section-heading{gap:14px;margin-bottom:25px}h2{font-size:29px}.section-note{font-size:10px}.project-grid{grid-template-columns:1fr;gap:14px}.project-card{padding:24px}.project-top{margin-bottom:21px}.project-card>p:not(.project-category){max-width:410px}.about{grid-template-columns:1fr;gap:19px;padding-block:35px 46px}.about h2{font-size:31px}.site-footer{min-height:100px;flex-wrap:wrap;gap:12px;padding-block:24px}.site-footer>p{font-size:10px}.site-footer>a:last-child{font-size:10px}}
@media(max-width:360px){nav{gap:11px}.brand{font-size:20px}.nav-ai{padding:8px}.hero h1{font-size:60px}.hero-actions{gap:13px}.small-note{font-size:9px;max-width:100px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
.hero-description strong{font-weight:600;color:var(--ink)}
.collaborations{padding-block:12px 76px;scroll-margin-top:30px}
.collaboration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.game-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:30px;border:1px solid var(--line);border-radius:5px;background:#e9eddf}
.game-card:nth-child(2){background:#eee7df}
.game-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:36px}
.game-status{display:inline-flex;align-items:center;gap:7px;border:1px solid #b3c1a7;border-radius:30px;padding:6px 11px;font:10px/1.3 "Courier New",monospace;color:#36563f}
.game-status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.game-status-released{color:#855431;border-color:#cbbca6}
.game-glyph{font-size:31px;color:var(--green);line-height:1}
.game-card h3{font-size:32px;letter-spacing:-1.2px}
.game-card .game-role{font-size:12px;font-weight:600;line-height:1.6;color:var(--ink);margin:7px 0 0}
.game-card>p:not(.project-category):not(.game-role){font-size:13px;line-height:1.9;color:var(--muted);margin:13px 0 28px;max-width:470px}
.game-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:auto;padding-top:20px;border-top:1px solid #cbd2be}
.game-card:nth-child(2) .game-footer{border-color:#d5cbbd}
.game-footer>span{font:10px/1.5 "Courier New",monospace;color:var(--muted)}
.game-footer>a{font-size:11px;font-weight:600;line-height:1.6}
.game-footer>a span{margin-left:8px}
@media(max-width:640px){.collaborations{padding-block:0 48px}.collaboration-grid{grid-template-columns:1fr;gap:14px}.game-card{padding:24px}.game-card-top{margin-bottom:25px}.game-card h3{font-size:29px}.game-footer{gap:12px}.game-footer>span{font-size:9px}.game-footer>a{font-size:10px}.site-header nav{gap:14px}.site-header .brand{letter-spacing:-1px}}
@media(max-width:360px){.site-header nav{gap:10px;font-size:10px}.game-footer{flex-wrap:wrap;row-gap:7px}.game-card h3{font-size:27px}}
