:root{color:#f5f5f7;font-synthesis:none;text-rendering:optimizelegibility;--page:#080808;--panel:#111;--ink:#f5f5f7;--muted:#98989d;--line:#ffffff1f;background:#080808;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--page);min-width:320px;margin:0}button,a{color:inherit;font:inherit}a{text-decoration:none}.topbar{-webkit-backdrop-filter:saturate(160%)blur(20px);backdrop-filter:saturate(160%)blur(20px);border-bottom:1px solid var(--line);z-index:20;background:#080808c7;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0}.wordmark{letter-spacing:-.01em;font-size:13px;font-weight:600}nav{gap:28px;display:flex}nav a{color:#b7b7bc;font-size:12px;transition:color .2s}nav a:hover{color:#fff}.work{min-height:100vh;padding:132px 32px 120px}.work-heading{max-width:1500px;margin:0 auto 54px}.work-heading h1{letter-spacing:-.07em;margin:0;font-size:clamp(56px,8vw,110px);font-weight:600;line-height:.9}.work-heading p{color:var(--muted);max-width:730px;margin:25px 0 0;font-size:12px;line-height:1.55}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 20px;max-width:1500px;margin:0 auto;display:grid}.project-card{min-width:0}.project-thumb{aspect-ratio:16/10;background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:16px;width:100%;padding:0;position:relative;overflow:hidden}.project-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}.project-thumb:hover img{filter:brightness(1.08);transform:scale(1.025)}.thumb-shade{background:linear-gradient(#0000 45%,#00000047);position:absolute;inset:0}.play-mark{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#080808;opacity:0;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:10px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:14px;right:14px;transform:scale(.88)}.project-thumb:hover .play-mark,.project-thumb:focus-visible .play-mark{opacity:1;transform:scale(1)}.project-card h2{letter-spacing:-.02em;margin:15px 3px 0;font-size:15px;font-weight:500}.contact{border-top:1px solid var(--line);text-align:center;padding:120px 32px 130px}.contact>p{color:var(--muted);margin:0 0 24px;font-size:12px}.contact h2{letter-spacing:-.065em;margin:0 0 28px;font-size:clamp(48px,8vw,104px);font-weight:600}.discord-name{color:#111;cursor:pointer;background:#f5f5f7;border:0;border-radius:999px;padding:13px 18px;font-size:13px}.discord-name span{color:#727277;margin-left:18px}footer{border-top:1px solid var(--line);color:#747479;padding:22px 32px;font-size:10px}.player-dialog{color:#fff;background:0 0;border:0;width:calc(100% - 36px);max-width:1180px;max-height:94vh;padding:0}.player-dialog::backdrop{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#000000e0}.player-dialog video{aspect-ratio:16/9;background:#000;border-radius:16px;width:100%;display:block}.player-dialog h2{letter-spacing:-.04em;margin:18px 2px 0;font-size:24px;font-weight:500}.close-player{color:#111;cursor:pointer;z-index:2;background:#ffffffeb;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex;position:absolute;top:12px;right:12px}.site-note{color:#111;opacity:0;pointer-events:none;z-index:30;background:#f5f5f7;border-radius:999px;padding:12px 17px;font-size:12px;transition:opacity .2s,transform .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%,16px)}.site-note.show{opacity:1;transform:translate(-50%)}@media (width<=840px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.topbar{padding:0 18px}.work{padding:118px 16px 92px}.work-heading{margin-bottom:38px}.project-grid{grid-template-columns:1fr}.contact{padding-left:18px;padding-right:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}
