*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-geist-sans), Arial, sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,a{color:inherit;font:inherit}button{-webkit-appearance:none;appearance:none;background:0 0;border:0;padding:0}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible){outline:2px solid var(--text);outline-offset:2px}.site,.chat-site{--page:#0f1010;--surface:#151616;--surface-2:#1b1c1c;--text:#f1f2ef;--soft:#b2b5b0;--muted:#737772;--border:#303330;--strong-border:#484c48;--reverse:#f4f5f2;--reverse-text:#111211;--grid:#ffffff0d;--shadow:#00000047;--pixel-cut:polygon(8px 0, calc(100% - 8px) 0, calc(100% - 8px) 4px, calc(100% - 4px) 4px, calc(100% - 4px) 8px, 100% 8px, 100% calc(100% - 8px), calc(100% - 4px) calc(100% - 8px), calc(100% - 4px) calc(100% - 4px), calc(100% - 8px) calc(100% - 4px), calc(100% - 8px) 100%, 8px 100%, 8px calc(100% - 4px), 4px calc(100% - 4px), 4px calc(100% - 8px), 0 calc(100% - 8px), 0 8px, 4px 8px, 4px 4px, 8px 4px)}.site{width:100vw;height:100dvh;min-height:0;color:var(--text);background:var(--page);position:relative;overflow:hidden}.site[data-theme=light],.chat-site[data-theme=light]{--page:#edf0f1;--surface:#f8faf9;--surface-2:#e8ebeb;--text:#171918;--soft:#464a48;--muted:#777d7a;--border:#c8cdca;--strong-border:#aeb5b1;--reverse:#171918;--reverse-text:#f8faf9;--grid:#12161412;--shadow:#2a312d1f}.background-grid{pointer-events:none;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:var(--desktop-grid,38px) var(--desktop-grid,38px);position:absolute;inset:0}.bento{z-index:1;width:1440px;max-width:none;height:1080px;transform:translate(-50%, -50%) scale(var(--desktop-scale,1));transform-origin:50%;grid-template:"info info project stack"1.18fr"contact role project stack".58fr"contact time games games".72fr/.78fr .96fr 1.08fr .88fr;gap:10px;margin:0;padding:14px;display:grid;position:absolute;top:50%;left:50%}.card{isolation:isolate;min-width:0;color:var(--text);background:var(--border);filter:drop-shadow(0 14px 22px var(--shadow));clip-path:var(--pixel-cut);border:0;border-radius:0;transition:transform .25s;position:relative;overflow:hidden}.card:before{content:"";z-index:0;background:var(--surface);clip-path:var(--pixel-cut);position:absolute;inset:1px}.card>*{z-index:1;position:relative}.card-heading{justify-content:space-between;align-items:center;font-size:clamp(13px,1.15vw,17px);font-weight:650;display:flex}.card-number,.micro-label{color:var(--muted);font:9px/1.2 var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase}.info-card{grid-area:info;padding:clamp(20px,2.2vw,34px)}.info-copy{width:75%;padding-top:clamp(10px,1.5vh,22px)}.info-copy h1{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(17px,1.6vw,24px);font-weight:430;line-height:1.25}.info-copy h1 strong{font-weight:680}.info-copy p{color:var(--soft);letter-spacing:-.012em;margin:7px 0;font-size:clamp(11px,.92vw,14px);line-height:1.45}.info-stamp{aspect-ratio:1;width:clamp(64px,7vw,94px);color:var(--muted);border:1px solid var(--border);font:700 clamp(20px, 2.5vw, 36px) var(--font-geist-mono), monospace;box-shadow:8px 8px 0 var(--surface-2);place-items:center;display:grid;position:absolute;bottom:16%;right:7%}.info-stamp:before,.info-stamp:after{content:"";background:var(--border);position:absolute}.info-stamp:before{width:130%;height:1px}.info-stamp:after{width:1px;height:130%}.stack-card{flex-direction:column;grid-area:stack;padding:20px;display:flex}.stack-groups{flex-direction:column;flex:1;justify-content:center;gap:clamp(14px,2vh,25px);display:flex}.stack-groups section>p{margin:0 0 8px}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list span{color:var(--soft);border:1px solid var(--border);font:9px var(--font-geist-mono), monospace;padding:5px 8px}.theme-control{border-top:1px solid var(--border);align-items:center;gap:5px;padding-top:12px;display:flex}.theme-control>span{margin-right:auto}.theme-control button{color:var(--muted);border:1px solid var(--border);cursor:pointer;font:9px var(--font-geist-mono), monospace;text-transform:uppercase;background:0 0;padding:6px 9px}.theme-control button.active{color:var(--reverse-text);background:var(--reverse);border-color:var(--reverse)}.project-card{text-align:left;cursor:pointer;grid-area:project;padding:20px}.project-card:hover{transform:translateY(-3px)}.project-preview{background:var(--surface-2);border:1px solid var(--border);height:46%;min-height:116px;margin:15px 0;position:relative;overflow:hidden}.project-preview img{object-fit:cover;object-position:right top;filter:grayscale();width:116%;height:100%;transition:opacity .4s cubic-bezier(.55,0,.2,1);display:block;position:absolute;inset:0 auto 0 0;transform:translate(-8%)}.project-preview-light,.site[data-theme=light] .project-preview-dark{opacity:0}.site[data-theme=light] .project-preview-light{opacity:1}.project-title{justify-content:space-between;align-items:flex-end;display:flex}.project-title p{margin:0 0 8px}.project-title h2{letter-spacing:-.06em;margin:0;font-size:clamp(25px,2.8vw,45px);line-height:.9}.open-mark{width:34px;height:34px;color:var(--reverse-text);background:var(--reverse);place-items:center;font-size:20px;transition:transform .25s;display:grid}.project-card:hover .open-mark{transform:rotate(90deg)}.contact-card{flex-direction:column;grid-area:contact;padding:20px;display:flex}.contact-card h2{letter-spacing:-.055em;max-width:230px;margin:0 0 9px;font-size:clamp(21px,2.15vw,34px);line-height:.98}.contact-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.contact-views{flex:1;min-height:0;margin-top:12px;position:relative;overflow:hidden}.contact-view{will-change:transform, opacity;transition:transform .44s cubic-bezier(.72,0,.2,1),opacity .24s;position:absolute;inset:0}.contact-overview{opacity:1;flex-direction:column;justify-content:space-between;display:flex;transform:translateY(0)}.contact-form{opacity:0;flex-direction:column;gap:9px;display:flex;transform:translateY(calc(100% + 20px))}.contact-feedback{text-align:center;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex;transform:translateY(24px)}.contact-card.is-form .contact-overview{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 20px))}.contact-card.is-form .contact-form{opacity:1;transition-delay:.18s,.18s;transform:translateY(0)}.contact-card.submit-sending .contact-form,.contact-card.submit-success .contact-form,.contact-card.submit-error .contact-form{opacity:0;pointer-events:none;transition-delay:0s;transform:translateY(-24px)}.contact-card.submit-sending .contact-feedback,.contact-card.submit-success .contact-feedback,.contact-card.submit-error .contact-feedback{opacity:1;pointer-events:auto;transition-delay:.22s,.22s;transform:translateY(0)}.contact-cta{isolation:isolate;width:100%;color:var(--reverse-text);background:var(--reverse);cursor:pointer;font:10px var(--font-geist-mono), monospace;text-transform:uppercase;border-radius:0;justify-content:space-between;align-items:center;padding:11px 12px;display:flex;position:relative;overflow:hidden}.contact-cta:before,.contact-cta:after{content:"";z-index:2;background:var(--surface-2);width:50.5%;transition:transform .34s cubic-bezier(.72,0,.2,1);position:absolute;top:0;bottom:0;transform:scaleX(0)}.contact-cta:before{transform-origin:0;left:0}.contact-cta:after{transform-origin:100%;right:0}.contact-cta span{z-index:1;transition:opacity .12s;position:relative}.contact-card.is-closing .contact-cta:before,.contact-card.is-closing .contact-cta:after,.contact-card.is-form .contact-cta:before,.contact-card.is-form .contact-cta:after{transform:scaleX(1)}.contact-card.is-closing .contact-cta span,.contact-card.is-form .contact-cta span{opacity:0}.contact-cta span:last-child{font-size:17px;line-height:0;transition:transform .25s}.contact-cta:hover span:last-child{transform:rotate(90deg)}.contact-form label{min-width:0;color:var(--muted);font:8px var(--font-geist-mono), monospace;text-transform:uppercase;gap:4px;display:grid}.contact-form>label{flex:none}.contact-form>.message-field{flex:1;grid-template-rows:auto 1fr}.contact-form input,.contact-form textarea{width:100%;color:var(--text);background:var(--surface-2);border:1px solid var(--border);font:10px var(--font-geist-sans), sans-serif;text-transform:none;border-radius:7px;outline:none}.contact-form input{height:32px;padding:0 9px}.contact-form textarea{resize:none;flex:1;min-height:62px;padding:8px 9px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--strong-border);box-shadow:0 0 0 2px var(--surface-2)}.contact-form input:disabled,.contact-form textarea:disabled,.form-actions button:disabled{cursor:wait;opacity:.62}.contact-form .honeypot{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;left:-10000px!important}.form-actions{align-items:center;gap:7px;display:flex}.form-actions button{cursor:pointer;min-height:29px;font:8px var(--font-geist-mono), monospace;text-transform:uppercase;border-radius:7px;padding:0 9px}.form-back{color:var(--soft);border:1px solid var(--border);background:0 0}.form-submit{color:var(--reverse-text);background:var(--reverse);margin-left:auto}.status-orb{border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;width:42px;height:42px;transition:transform .32s,border-color .32s;position:relative}.submit-sending .status-orb{animation:.72s linear infinite status-spin}.status-orb:before{content:"";border:1px solid var(--surface-2);border-radius:50%;position:absolute;inset:6px}.status-orb:after{content:"";border-right:2px solid var(--text);border-bottom:2px solid var(--text);opacity:0;transform-origin:50%;width:8px;height:15px;position:absolute;top:46%;left:50%;transform:translate(-50%,-56%)rotate(45deg)scale(.3)}.submit-success .status-orb{border-color:var(--text);animation:none;transform:scale(1.08)}.submit-success .status-orb:after{opacity:1;transition:opacity .18s .12s,transform .32s cubic-bezier(.2,.9,.3,1.4) .12s;transform:translate(-50%,-56%)rotate(45deg)scale(1)}.submit-error .status-orb{border-color:var(--strong-border);animation:none}.submit-error .status-orb:after{content:"!";opacity:1;width:100%;height:100%;color:var(--text);font:700 18px var(--font-geist-mono), monospace;border:0;place-items:center;display:grid;top:0;left:0;transform:none}.feedback-copy{gap:4px;display:grid}.feedback-copy strong{letter-spacing:-.02em;font-size:13px}.feedback-copy span{color:var(--muted);font:8px/1.4 var(--font-geist-mono), monospace}.feedback-retry{min-height:29px;color:var(--reverse-text);background:var(--reverse);cursor:pointer;font:8px var(--font-geist-mono), monospace;text-transform:uppercase;padding:0 11px}@keyframes status-spin{to{transform:rotate(360deg)}}.role-card{flex-direction:column;grid-area:role;justify-content:center;padding:17px 20px;display:flex}.role-status{color:var(--muted);font:9px var(--font-geist-mono), monospace;text-transform:uppercase}.role-status i{background:#4f9b62;width:7px;height:7px;margin-right:7px;display:inline-block}.role-card h2{letter-spacing:-.035em;margin:10px 0 4px;font-size:clamp(15px,1.45vw,22px)}.role-card p{color:var(--soft);margin:0;font-size:10px;line-height:1.35}.time-card{grid-area:time;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:end;padding:16px 20px;display:grid}.time-card>.micro-label{align-self:start}.time-card time{letter-spacing:-.08em;grid-row:2;font-size:clamp(30px,4vw,60px);font-weight:620;line-height:.8}.timezone{color:var(--muted);font:8px var(--font-geist-mono), monospace;text-transform:uppercase;grid-row:2}.games-card{grid-area:games;padding:18px 20px}.games-copy{z-index:2;justify-content:space-between;align-items:flex-end;height:calc(100% - 24px);display:flex;position:relative}.games-copy p{margin:0 0 7px}.games-copy h2{letter-spacing:-.055em;margin:0;font-size:clamp(21px,2.4vw,38px);line-height:.94}.engine-icon{background:currentColor;width:22px;height:22px;display:block;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.unity-icon{-webkit-mask-image:url(/unity.svg);mask-image:url(/unity.svg)}.unreal-icon{-webkit-mask-image:url(/unrealengine.svg);mask-image:url(/unrealengine.svg)}.godot-icon{-webkit-mask-image:url(/godotengine.svg);mask-image:url(/godotengine.svg)}.pixel-terrain{height:44%;color:var(--text);grid-template-columns:repeat(7,1fr);align-items:end;display:grid;position:absolute;inset:auto 0 0 48%}.pixel-terrain>i{background:var(--surface-2);border:1px solid var(--border);justify-content:center;padding-top:12px;display:flex}.pixel-terrain .engine-icon{flex:none;width:clamp(15px,1.5vw,22px);height:clamp(15px,1.5vw,22px)}.pixel-terrain i:first-child,.pixel-terrain i:nth-child(7){height:20%}.pixel-terrain i:nth-child(2),.pixel-terrain i:nth-child(6){height:38%}.pixel-terrain i:nth-child(3),.pixel-terrain i:nth-child(5){height:62%}.pixel-terrain i:nth-child(4){height:85%}.project-detail{z-index:20;visibility:hidden;pointer-events:none;position:fixed;inset:0}.project-detail.is-open{visibility:visible;pointer-events:auto}.detail-backdrop{opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a3;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.project-detail.is-open .detail-backdrop{opacity:1}.project-close{display:none}.chat-popup-panel{width:min(1080px,100vw - 28px);animation:.5s cubic-bezier(.7,0,.2,1) both chat-popup-in;position:absolute;top:14px;bottom:14px;right:14px;overflow:hidden}@keyframes chat-popup-in{0%{opacity:0;transform:translate(calc(100% + 20px))}to{opacity:1;transform:translate(0)}}.page-intro{z-index:50;pointer-events:none;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;inset:0}.page-intro i{transform-origin:bottom;background:#171918;border-right:1px solid #333633;transition:transform .65s cubic-bezier(.75,0,.2,1)}.is-ready .page-intro i{transform:scaleY(0)}.is-ready .page-intro i:nth-child(2){transition-delay:60ms}.is-ready .page-intro i:nth-child(3){transition-delay:.12s}.is-ready .page-intro{visibility:hidden;transition:visibility 0s .8s}@media (max-width:680px){html,body{height:auto;min-height:100%;overflow:hidden auto}.site{height:auto;min-height:100dvh;display:block;overflow:visible}.background-grid{background-size:38px 38px;position:fixed}.bento{grid-template-rows:repeat(5,auto);grid-template-columns:1fr;grid-template-areas:"info""stack""project""contact""games";gap:8px;width:100%;height:auto;padding:8px;display:grid;position:relative;top:auto;left:auto;transform:none}.card{filter:drop-shadow(0 8px 14px var(--shadow))}.info-card{min-height:330px;padding:22px}.info-copy{width:100%;padding-top:16px;padding-right:48px}.info-copy h1{margin-bottom:14px;font-size:22px}.info-copy p{margin:9px 0;font-size:12px;line-height:1.45}.info-stamp{width:58px;box-shadow:5px 5px 0 var(--surface-2);font-size:18px;display:grid;bottom:28px;right:24px}.stack-card,.project-card,.contact-card,.role-card,.games-card{padding:18px}.card-heading{font-size:14px}.project-card{min-height:190px}.project-preview{display:none}.project-title{width:100%;height:auto;margin-top:34px}.project-title h2{font-size:34px}.project-title p{display:block}.open-mark{display:grid}.stack-card{min-height:390px}.stack-groups{gap:22px;padding:18px 0}.stack-groups section>p{margin-bottom:8px}.tag-list{gap:6px}.tag-list span{padding:6px 8px;font-size:9px}.theme-control{padding-top:12px}.theme-control>span{display:block}.theme-control button{padding:7px 10px;font-size:9px}.role-card{display:none}.games-card{min-height:250px}.games-copy{align-items:flex-end;padding-top:28px;display:flex}.games-copy h2{font-size:25px}.pixel-terrain{height:42%;display:grid;left:44%}.pixel-terrain>i{padding-top:10px}.pixel-terrain .engine-icon{width:19px;height:19px}.contact-card{min-height:300px}.contact-card h2{font-size:28px}.contact-card p{font-size:11px;display:block}.contact-views{margin-top:14px}.contact-form{gap:9px}.contact-form label{gap:4px;font-size:8px}.contact-form input{height:34px;padding:0 9px;font-size:11px}.contact-form textarea{min-height:90px;padding:9px;font-size:11px}.form-actions button{min-height:32px;padding:0 10px;font-size:8px}.contact-cta{padding:12px;font-size:9px}.chat-popup-panel{width:auto;inset:7px}.project-close{z-index:4;width:42px;height:42px;color:var(--reverse-text);background:var(--reverse);clip-path:var(--pixel-cut);cursor:pointer;font:28px/1 var(--font-geist-mono),monospace;place-items:center;display:grid;position:absolute;top:15px;right:15px}.project-close span{transform:translateY(-1px)}.project-detail .chat-header-actions{display:none}}@media (max-height:670px) and (min-width:681px){.bento{gap:7px;padding:8px}.info-card,.stack-card,.project-card,.contact-card{padding:15px}.info-copy p{margin:4px 0;font-size:10px}.stack-groups{gap:10px}.project-preview{margin:10px 0}}::view-transition-old(root){animation-duration:.4s;animation-timing-function:cubic-bezier(.55,0,.2,1)}::view-transition-new(root){animation-duration:.4s;animation-timing-function:cubic-bezier(.55,0,.2,1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}