:root{color:#f2f2f2;font-synthesis:none;text-rendering:optimizelegibility;--page:#0d0d0d;--muted:#a2a2a2;--line:#2b2b2b;background:#0d0d0d;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{background:var(--page);min-width:320px;margin:0}button,a{color:inherit;font:inherit}a{text-decoration:none}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#0d0d0d;justify-content:space-between;align-items:center;height:58px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.wordmark{font-size:14px;font-weight:700}nav{gap:24px;display:flex}nav a{color:#bdbdbd;font-size:13px}nav a:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.work{max-width:1180px;min-height:100vh;margin:0 auto;padding:78px 24px 110px}.work-heading{border-bottom:1px solid var(--line);margin-bottom:34px;padding-bottom:34px}.work-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(42px,6vw,68px);font-weight:700;line-height:1}.work-heading p{color:var(--muted);max-width:720px;margin:20px 0 0;font-size:13px;line-height:1.6}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px;display:grid}.project-card{min-width:0}.project-thumb{aspect-ratio:16/9;border:1px solid var(--line);cursor:pointer;background:#171717;border-radius:4px;width:100%;padding:0;position:relative;overflow:hidden}.project-thumb img{object-fit:cover;width:100%;height:100%;transition:opacity .18s;display:block}.project-thumb:hover img{opacity:.78}.play-mark{color:#fff;background:#0d0d0d;border:1px solid #ffffff8c;padding:6px 9px;font-size:11px;position:absolute;bottom:10px;right:10px}.project-card h2{margin:11px 0 0;font-size:15px;font-weight:600}.contact{border-top:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:50px 24px;display:flex}.contact p{color:var(--muted);margin:0 0 6px;font-size:12px}.contact h2{margin:0;font-size:26px}.discord-name{cursor:pointer;background:0 0;border:1px solid #5b5b5b;border-radius:3px;padding:11px 13px;font-size:13px}.discord-name:hover{border-color:#fff}.discord-name span{color:#8e8e8e;margin-left:15px}footer{border-top:1px solid var(--line);color:#777;padding:20px max(24px,50vw - 590px);font-size:11px}.player-dialog{color:#fff;background:0 0;border:0;width:calc(100% - 36px);max-width:1120px;max-height:94vh;padding:0}.player-dialog::backdrop{background:#000000eb}.player-dialog video{aspect-ratio:16/9;background:#000;border:1px solid #333;width:100%;display:block}.player-dialog h2{margin:14px 0 0;font-size:20px}.close-player{color:#fff;cursor:pointer;z-index:2;background:#111;border:1px solid #777;width:36px;height:36px;font-size:20px;position:absolute;top:10px;right:10px}.site-note{color:#111;opacity:0;pointer-events:none;z-index:30;background:#f2f2f2;padding:10px 14px;font-size:12px;transition:opacity .18s,transform .18s;position:fixed;bottom:20px;left:50%;transform:translate(-50%,10px)}.site-note.show{opacity:1;transform:translate(-50%)}@media (width<=820px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.topbar{padding:0 16px}.work{padding:58px 16px 82px}.project-grid{grid-template-columns:1fr}.contact{flex-direction:column;align-items:flex-start;gap:24px;padding-left:16px;padding-right:16px}footer{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}