:root{--ink: #f3f0e8;--muted: #a9aaa2;--coal: #080907;--charcoal: #11130f;--line: rgba(243, 240, 232, .18)}*{box-sizing:border-box}html{min-width:320px;background:var(--coal);color:var(--ink);font-family:Space Mono,monospace;letter-spacing:0}body{margin:0;min-height:100vh;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.site-shell{position:relative;min-height:100vh;isolation:isolate;background:linear-gradient(180deg,#080907f5,#08090733 18%,#0809073d 76%,#080907fa),var(--coal)}.topbar,.footer-strip{position:fixed;left:0;z-index:20;display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;padding:22px 32px;pointer-events:none}.topbar{top:0}.footer-strip{bottom:0;color:var(--muted);font-size:12px;text-transform:uppercase}.brand,.nav-links,.footer-strip span{pointer-events:auto}.brand{display:inline-flex;align-items:baseline;gap:6px;color:var(--ink);font-family:Anton,Impact,sans-serif;font-size:30px;line-height:1;text-decoration:none;text-transform:uppercase}.brand strong{color:#c8ff32;font-weight:400}.nav-links{display:flex;gap:10px}.nav-links button,.panel-meta button,.modal-close,.contact-form button{min-height:42px;border:1px solid var(--line);border-radius:0;background:#0809079e;color:var(--ink);padding:10px 14px;text-transform:uppercase;transition:background .18s ease,border-color .18s ease,color .18s ease}.nav-links button:hover,.panel-meta button:hover,.modal-close:hover,.contact-form button:hover{border-color:var(--accent, #c8ff32);background:var(--accent, #c8ff32);color:#080907}.panel-stage{display:flex;min-height:100vh;width:100%;overflow:hidden}.project-panel{position:relative;flex:1 1 20%;min-width:0;overflow:hidden;border-right:1px solid rgba(243,240,232,.12);background:linear-gradient(180deg,#08090714,#080907c7),var(--panel-image) center / cover;filter:grayscale(.86);transition:flex-basis .72s cubic-bezier(.76,0,.24,1),filter .42s ease}.project-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080907e6,#0809071a),repeating-linear-gradient(90deg,rgba(243,240,232,.06) 0 1px,transparent 1px 18px);opacity:.68;transition:opacity .42s ease}.project-panel:hover,.project-panel:focus-within{flex-basis:46%;filter:grayscale(0)}.project-panel:hover:before,.project-panel:focus-within:before{opacity:.38}.panel-index{position:absolute;top:92px;left:28px;z-index:2;color:var(--accent);font-size:12px;font-weight:700}.project-panel h2{position:absolute;top:50%;left:50%;z-index:2;margin:0;color:#f3f0e8eb;font-family:Anton,Impact,sans-serif;font-size:clamp(46px,7vw,104px);font-weight:400;line-height:.86;text-transform:uppercase;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap;transition:color .24s ease,opacity .24s ease,transform .42s ease}.project-panel:hover h2,.project-panel:focus-within h2{color:var(--accent);opacity:.26;transform:translate(-54%,-54%) rotate(-90deg) scale(1.08)}.panel-copy{position:absolute;left:28px;right:28px;bottom:86px;z-index:3;max-width:460px;opacity:0;transform:translateY(26px);transition:opacity .32s ease .12s,transform .32s ease .12s}.project-panel:hover .panel-copy,.project-panel:focus-within .panel-copy{opacity:1;transform:translateY(0)}.eyebrow,.modal-kicker{margin:0 0 14px;color:var(--accent, #c8ff32);font-size:12px;font-weight:700;text-transform:uppercase}.panel-copy h3,.modal-panel h2{margin:0;font-family:Anton,Impact,sans-serif;font-weight:400;line-height:.98;text-transform:uppercase}.panel-copy h3{max-width:430px;font-size:clamp(36px,5vw,78px)}.panel-copy p:not(.eyebrow){max-width:430px;color:#dedbd0;font-size:15px;line-height:1.7}.panel-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;color:var(--ink);font-size:12px;text-transform:uppercase}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:#080907b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal-panel{position:relative;width:min(840px,100%);max-height:min(760px,88vh);overflow:auto;border:1px solid var(--line);background:#11130ff5;padding:42px;box-shadow:0 28px 80px #0000007a}.modal-close{position:absolute;top:16px;right:16px}.modal-panel h2{max-width:700px;font-size:clamp(38px,6vw,76px)}.modal-body{max-width:650px;color:var(--muted);font-size:16px;line-height:1.8}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px}.archive-grid article{border:1px solid var(--line);padding:18px}.archive-grid span{color:#c8ff32;font-size:12px}.archive-grid h3{margin:12px 0 8px;font-size:18px;text-transform:uppercase}.archive-grid p{margin:0;color:var(--muted);font-size:13px}.contact-form{display:grid;gap:16px;margin-top:32px}.contact-form label{display:grid;gap:8px;color:var(--muted);font-size:12px;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:0;background:#080907;color:var(--ink);padding:14px;outline:none}.contact-form textarea{min-height:130px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#c8ff32}.coming-shell{--pointer-x: 50%;--pointer-y: 50%;position:relative;min-height:100vh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(200,255,50,.24),transparent 18rem),radial-gradient(circle at calc(100% - var(--pointer-x)) calc(100% - var(--pointer-y)),rgba(255,107,74,.18),transparent 22rem),linear-gradient(135deg,#080907,#14170f 48%,#090a08)}.coming-shell:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(rgba(243,240,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(243,240,232,.06) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y),black,transparent 70%);mask-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y),black,transparent 70%)}.coming-shell:after{content:"";position:absolute;width:36vmin;aspect-ratio:1;left:calc(var(--pointer-x) - 18vmin);top:calc(var(--pointer-y) - 18vmin);z-index:-1;border:1px solid rgba(200,255,50,.34);border-radius:50%;transform:translateZ(0);transition:left .12s ease,top .12s ease}.coming-topbar{position:relative;z-index:5;display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;padding:24px 32px;color:var(--muted);font-size:12px;text-transform:uppercase}.coming-hero{display:grid;min-height:calc(100vh - 92px);align-content:center;padding:42px 32px 110px}.coming-kicker{max-width:760px;margin:0 0 18px;color:#c8ff32;font-size:clamp(12px,1.4vw,16px);font-weight:700;text-transform:uppercase}.coming-hero h1{max-width:1180px;margin:0;color:var(--ink);font-family:Anton,Impact,sans-serif;font-size:clamp(72px,17vw,230px);font-weight:400;line-height:.82;text-transform:uppercase}.coming-copy{max-width:760px;margin:28px 0 0;color:#dedbd0;font-size:clamp(15px,1.7vw,20px);line-height:1.7}.coming-status{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.coming-status span{border:1px solid rgba(243,240,232,.18);background:#0809078a;color:var(--ink);padding:10px 12px;font-size:12px;text-transform:uppercase}.game-float{position:fixed;right:28px;bottom:28px;z-index:25;min-height:58px;border:1px solid rgba(8,9,7,.3);border-radius:999px;background:#c8ff32;color:#080907;padding:0 22px;font-weight:700;text-transform:uppercase;box-shadow:0 18px 48px #c8ff323d;transition:transform .18s ease,box-shadow .18s ease}.game-float:hover,.game-float:focus-visible{transform:translateY(-3px);box-shadow:0 24px 64px #c8ff3257}.game-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#080907c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.game-panel{position:relative;width:min(760px,100%);max-height:min(760px,90vh);overflow:auto;border:1px solid rgba(243,240,232,.18);background:#11130ffa;padding:42px;box-shadow:0 28px 90px #0000008a}.game-panel h2{max-width:560px;margin:0;font-family:Anton,Impact,sans-serif;font-size:clamp(38px,7vw,78px);font-weight:400;line-height:.96;text-transform:uppercase}.game-instruction{max-width:600px;color:var(--muted);font-size:14px;line-height:1.7}.typing-target{margin-top:24px;border-left:4px solid #c8ff32;background:#f3f0e80f;color:var(--ink);padding:18px;font-size:clamp(17px,2.4vw,24px);line-height:1.55}.typing-input{width:100%;min-height:130px;margin-top:16px;border:1px solid rgba(243,240,232,.2);border-radius:0;background:#080907;color:var(--ink);padding:16px;resize:vertical;outline:none;line-height:1.6}.typing-input:focus{border-color:#c8ff32}.game-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.game-stats article{border:1px solid rgba(243,240,232,.16);padding:16px}.game-stats span{color:#c8ff32;font-family:Anton,Impact,sans-serif;font-size:clamp(34px,5vw,54px);line-height:1}.game-stats p,.game-actions p{margin:8px 0 0;color:var(--muted);font-size:12px;text-transform:uppercase}.game-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.game-actions p{margin-right:auto;color:#c8ff32}.game-actions button{min-height:42px;border:1px solid rgba(243,240,232,.18);border-radius:0;background:#0809079e;color:var(--ink);padding:10px 14px;text-transform:uppercase}.game-actions button:hover{border-color:#c8ff32;background:#c8ff32;color:#080907}@media(max-width:900px){.topbar,.footer-strip{position:static;padding:18px}.site-shell{min-height:auto}.panel-stage{display:grid;min-height:auto}.project-panel{min-height:78vh;border-right:0;border-bottom:1px solid rgba(243,240,232,.12);filter:grayscale(.35)}.project-panel:hover,.project-panel:focus-within{flex-basis:auto}.project-panel h2{top:94px;left:18px;font-size:clamp(42px,14vw,86px);transform:none;white-space:normal}.project-panel:hover h2,.project-panel:focus-within h2{transform:none}.panel-index{top:62px;left:18px}.panel-copy{left:18px;right:18px;bottom:34px;opacity:1;transform:none}.panel-copy h3{font-size:clamp(34px,12vw,64px)}.footer-strip{align-items:flex-start;flex-direction:column;background:var(--coal)}}@media(max-width:620px){.topbar{align-items:flex-start;flex-direction:column;gap:16px}.nav-links{width:100%}.nav-links button{flex:1;padding-right:8px;padding-left:8px}.panel-meta{align-items:flex-start;flex-direction:column}.modal-panel{padding:68px 20px 24px}.archive-grid{grid-template-columns:1fr}.coming-topbar{align-items:flex-start;flex-direction:column;padding:20px}.coming-hero{min-height:calc(100vh - 114px);padding:30px 20px 112px}.coming-copy{max-width:100%}.game-float{right:18px;bottom:18px;min-height:52px;padding:0 18px}.game-panel{padding:68px 20px 24px}.game-stats{grid-template-columns:1fr}.game-actions{align-items:stretch;flex-direction:column}.game-actions p{margin-right:0}.game-actions button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}