:root{--bg:#fff;--bg-subtle:#f7f7f8;--surface:#fff;--border:#e6e6e9;--border-strong:#d4d4d9;--text:#101012;--text-muted:#6b6b75;--text-faint:#9a9aa4;--accent:#ff5c1a;--accent-hover:#e64a0c;--accent-soft:#ff5c1a1a;--radius:14px;--radius-lg:20px;--shadow:0 1px 2px #1010120a, 0 4px 16px #1010120a;--shadow-lift:0 2px 4px #1010120f, 0 12px 32px #10101214;--maxw:860px;--band-dark:#0d0d10}@media (prefers-color-scheme:dark){:root{--bg:#0b0b0d;--bg-subtle:#121215;--surface:#141417;--border:#26262b;--border-strong:#35353c;--text:#f2f2f4;--text-muted:#a0a0ac;--text-faint:#6e6e7a;--accent:#ff7a45;--accent-hover:#ff9166;--accent-soft:#ff7a4524;--shadow:0 1px 2px #0006, 0 4px 16px #0000004d;--shadow-lift:0 2px 4px #00000080, 0 12px 32px #00000073;--band-dark:#08080a}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);letter-spacing:-.011em;word-break:keep-all;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Pretendard Variable,Pretendard,system-ui,Apple SD Gothic Neo,Malgun Gothic,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{max-width:var(--maxw);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:14px 24px;display:flex}.brand{letter-spacing:-.02em;color:var(--text);font-size:15px;font-weight:700}.brand:hover{color:var(--text)}.topbar nav{gap:20px;font-size:14px;display:flex}.topbar nav a{color:var(--text-muted)}.topbar nav a:hover{color:var(--text)}.band{width:100%;position:relative;overflow:hidden}.band-subtle{background:var(--bg-subtle)}.band-inner{max-width:var(--maxw);z-index:1;margin:0 auto;padding:0 24px;position:relative}.hero{background:var(--band-dark);color:#f5f5f7;text-align:center;isolation:isolate;--sy:0;--mx:0;--my:0;align-items:center;min-height:clamp(560px,86vh,780px);display:flex;position:relative}.hero-compact{min-height:clamp(340px,44vh,440px)}.hero-inner{z-index:5;max-width:var(--maxw);width:100%;transform:translate3d(0, calc(var(--sy) * -56px), 0);opacity:calc(1 - var(--sy) * .85);margin:0 auto;padding:96px 24px;position:relative}.hero-compact .hero-inner{opacity:1;padding:64px 24px;transform:none}.hero-photo{z-index:0;transform:translate3d(calc(var(--mx) * -10px), calc(var(--sy) * 60px + var(--my) * -8px), 0) scale(1.06);will-change:transform;background:url(/art/hero.jpg) 62%/cover no-repeat;transition:transform .5s cubic-bezier(.2,.8,.3,1);position:absolute;inset:-6%}.aurora{z-index:1;filter:blur(90px);opacity:.26;mix-blend-mode:screen;pointer-events:none;transform:translate3d(calc(var(--mx) * 22px), calc(var(--my) * 16px), 0);transition:transform .7s cubic-bezier(.2,.8,.3,1);position:absolute;inset:-20%}.aurora span{will-change:transform;border-radius:50%;display:block;position:absolute}.aurora-a{background:radial-gradient(circle,#ff5c1a99,#0000 68%);width:46vw;height:46vw;animation:26s ease-in-out infinite alternate drift-a;top:-6%;left:8%}.aurora-b{background:radial-gradient(circle,#607aff80,#0000 68%);width:40vw;height:40vw;animation:32s ease-in-out infinite alternate drift-b;top:12%;right:4%}.aurora-c{background:radial-gradient(circle,#ff3c7861,#0000 70%);width:36vw;height:36vw;animation:29s ease-in-out infinite alternate drift-c;bottom:-14%;left:34%}@keyframes drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(6vw,4vh)scale(1.14)}}@keyframes drift-b{0%{transform:translate(0,0)scale(1.08)}to{transform:translate(-7vw,6vh)scale(.94)}}@keyframes drift-c{0%{transform:translate(0,0)scale(.96)}to{transform:translate(4vw,-6vh)scale(1.16)}}.hero-grid{z-index:2;pointer-events:none;opacity:.06;transform:translate3d(calc(var(--mx) * -6px), calc(var(--sy) * 30px), 0);background-image:linear-gradient(#ffffff80 1px,#0000 1px),linear-gradient(90deg,#ffffff80 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 78%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 78%)}.hero-veil{z-index:3;pointer-events:none;background: radial-gradient(ellipse 58% 46% at 50% 44%, #040509b8, transparent 74%), linear-gradient(180deg, #04050980 0%, transparent 30%, transparent 56%, var(--band-dark) 100%);position:absolute;inset:0}.hero .eyebrow{letter-spacing:.09em;text-transform:uppercase;color:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:999px;margin:0 0 28px;padding:6px 15px;font-size:12.5px;font-weight:650;display:inline-block}.hero-title{letter-spacing:-.04em;margin:0 0 22px;font-size:clamp(34px,6.4vw,66px);font-weight:800;line-height:1.14}.hero-compact .hero-title{font-size:clamp(28px,4.6vw,44px)}.line-mask{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.line{opacity:0;text-shadow:0 2px 30px #00000080;animation:.95s cubic-bezier(.16,.9,.28,1) forwards line-up;display:block;transform:translateY(110%)}@keyframes line-up{to{opacity:1;transform:translate(0,0)}}.hero-desc{color:#f5f5f7c2;text-shadow:0 1px 16px #00000080;max-width:34em;margin:0 auto;font-size:clamp(15.5px,2.1vw,19px);line-height:1.7}.pop{opacity:0;animation:.6s cubic-bezier(.16,.9,.28,1) forwards pop;transform:translateY(10px)scale(.96)}@keyframes pop{to{opacity:1;transform:translate(0,0)scale(1)}}.rise{opacity:0;animation:.8s cubic-bezier(.16,.84,.32,1) forwards rise;transform:translateY(16px)}@keyframes rise{to{opacity:1;transform:translate(0,0)}}.scroll-cue{z-index:5;width:24px;height:38px;opacity:calc(1 - var(--sy) * 3);border:1.5px solid #ffffff4d;border-radius:999px;margin-left:-12px;animation:.8s cubic-bezier(.16,.84,.32,1) 1.1s backwards rise;position:absolute;bottom:30px;left:50%}.scroll-cue span{background:#ffffffbf;border-radius:999px;width:3px;height:7px;margin-left:-1.5px;animation:1.9s ease-in-out infinite cue;position:absolute;top:8px;left:50%}@keyframes cue{0%,to{opacity:1;transform:translateY(0)}55%{opacity:.15;transform:translateY(12px)}}.reveal{opacity:0;transition:opacity .62s cubic-bezier(.16,.84,.32,1),transform .62s cubic-bezier(.16,.84,.32,1);transform:translateY(18px)}.reveal.is-shown{opacity:1;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){.aurora span,.scroll-cue span{animation:none}.hero-photo,.aurora,.hero-grid,.hero-inner{opacity:1;transform:none}.line,.pop,.rise,.scroll-cue{opacity:1;animation:none;transform:none}.reveal{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}section.plain{padding:88px 0}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:0 0 8px;font-size:13px;font-weight:600}.section-title{letter-spacing:-.03em;margin:0 0 36px;font-size:clamp(24px,3.8vw,34px);font-weight:750}.centered{text-align:center}.centered .section-title{margin-bottom:40px}.beliefs{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px 48px;display:grid}.belief h3{letter-spacing:-.024em;margin:0 0 10px;font-size:19px;font-weight:700;line-height:1.35}.belief p{color:var(--text-muted);margin:0;font-size:15.5px;line-height:1.72}.works{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.works li{border-bottom:1px solid var(--border)}.works a{color:inherit;padding:24px 4px;transition:padding-left .18s;display:block}.works a:hover{color:inherit;padding-left:10px}.work-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.work-name{letter-spacing:-.02em;font-size:18px;font-weight:700}.works a:hover .work-name{color:var(--accent)}.work-kind{color:var(--text-faint);font-size:13px}.work-status{color:var(--text-muted);border:1px solid var(--border-strong);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.works p{color:var(--text-muted);max-width:52em;margin:0;font-size:15px;line-height:1.65}.games{gap:18px;display:grid}.game{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;box-shadow:var(--shadow);padding:28px;transition:transform .18s,box-shadow .18s,border-color .18s;display:block}.game:hover{box-shadow:var(--shadow-lift);border-color:var(--border-strong);color:inherit;transform:translateY(-3px)}.game-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.game h3{letter-spacing:-.022em;margin:0;font-size:21px;font-weight:700}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:650}.badge.live{background:var(--accent-soft);color:var(--accent)}.badge.soon{color:var(--text-faint);border-color:var(--border-strong);background:0 0}.game>p{color:var(--text-muted);max-width:46em;margin:0 0 18px;font-size:15.5px}.tags{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.tag{color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:7px;padding:3px 10px;font-size:12.5px}.cta{color:var(--accent);align-items:center;gap:6px;font-size:14.5px;font-weight:650;display:inline-flex}.game:hover .cta{color:var(--accent-hover)}.cta span{transition:transform .18s}.game:hover .cta span{transform:translate(3px)}.contact{grid-template-columns:120px 1fr;gap:12px 20px;margin:0;font-size:15.5px;display:grid}.contact dt{color:var(--text-faint)}.contact dd{margin:0}.site-footer{border-top:1px solid var(--border);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:14px;padding:32px 0 56px;font-size:13.5px;display:flex}.site-footer a{color:var(--text-faint)}.site-footer a:hover{color:var(--text)}.doc{max-width:720px;padding:56px 0 24px}.doc-back{color:var(--text-muted);margin-bottom:28px;font-size:14px;display:inline-block}.doc h1{letter-spacing:-.028em;margin:0 0 6px;font-size:clamp(25px,4vw,31px);font-weight:750}.doc h2{letter-spacing:-.018em;border-bottom:1px solid var(--border);margin:44px 0 12px;padding-bottom:8px;font-size:18px;font-weight:650}.doc .updated{color:var(--text-faint);margin-bottom:8px;font-size:14px}.doc p{color:var(--text-muted)}.doc ul{color:var(--text-muted);padding-left:20px}.doc li{margin-bottom:7px}.doc strong{color:var(--text);font-weight:650}.doc hr{border:none;border-top:1px solid var(--border);margin:64px 0}@media (max-width:640px){.hero{padding:88px 0 80px}section.plain{padding:60px 0}.hero-art .eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;margin:0 0 24px;padding:5px 14px;font-size:13px;font-weight:650;display:inline-block}.hero-art{background:radial-gradient(1100px 520px at 50% -10%, #ff5c1a38, transparent 62%), radial-gradient(800px 460px at 12% 110%, #506eff29, transparent 60%), var(--band-dark);min-height:clamp(480px,68vh,640px)}.hero-art:before{background:0 0}.hero-art h1{letter-spacing:-.038em;text-shadow:0 2px 28px #00000080;margin:0 0 20px;font-size:clamp(34px,6.4vw,62px);font-weight:800;line-height:1.14}.hero-art>.showcase-inner>p{color:#ffffffd9;text-shadow:0 1px 14px #0000008c;max-width:34em;margin:0 auto;font-size:clamp(16px,2.1vw,19px);line-height:1.7}.showcase-inner{padding:64px 20px}.showcase{min-height:420px}.game{padding:22px}.contact{grid-template-columns:1fr;gap:2px 0}.contact dt{margin-top:14px}.topbar nav{gap:14px}}.more{color:var(--accent);align-items:center;gap:7px;margin-top:32px;font-size:15px;font-weight:650;display:inline-flex}.more span{transition:transform .18s}.more:hover span{transform:translate(4px)}.beliefs-lg{gap:48px}.beliefs-lg .belief h3{font-size:21px}.beliefs-lg .belief p{font-size:16px}.work-cards{gap:20px;display:grid}.work-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:30px 32px}.work-card h2{letter-spacing:-.026em;margin:0;font-size:23px;font-weight:750}.work-card>p{color:var(--text-muted);margin:0 0 12px;font-size:16px;line-height:1.7}.work-detail{color:var(--text-faint)!important;font-size:15px!important}.work-card .more{margin-top:20px}.prose{max-width:40em}.prose p{color:var(--text-muted);margin:0 0 18px;font-size:16px;line-height:1.78}.prose strong{color:var(--text);font-weight:650}.prose .muted{color:var(--text-faint);margin-top:28px;font-size:14.5px}.topbar nav a.active{color:var(--text);font-weight:600}.footer-links{flex-wrap:wrap;gap:18px;display:flex}@media (max-width:640px){.work-card{padding:24px 22px}.footer-links{gap:12px}}.work-thumb{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-subtle);width:100%;margin-bottom:22px;display:block}.work-static{cursor:default;padding:24px 4px;display:block}