@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f2f1ec;font-synthesis:none;--bg:#08090b;--surface:#ffffff0b;--surface-strong:#111317;--line:#ffffff21;--muted:#96999d;--text:#f2f1ec;--accent:#56c9ff;--accent-2:#9862ff;--grid:#ffffff0e;background:#08090b;font-family:Manrope,sans-serif}:root[data-theme=light]{--bg:#f4f5fa;--surface:#ffffffad;--surface-strong:#fff;--line:#11131721;--muted:#646b78;--text:#111317;--accent:#258fc5;--accent-2:#7650d9;--grid:#11131711}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;transition:background .5s,color .5s}button,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;position:relative;overflow:hidden}.content-grid{width:min(1180px,100% - 64px);margin-inline:auto}.ambient{filter:blur(100px);opacity:.12;pointer-events:none;z-index:-1;border-radius:50%;width:500px;height:500px;position:fixed}.ambient-one{background:#d8ff55;top:18%;left:-25%}.ambient-two{background:#7887ff;bottom:5%;right:-25%}.nav-wrap{z-index:10;width:100%;position:fixed;top:18px}.navbar{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:16px;justify-content:space-between;align-items:center;width:min(1060px,100% - 32px);height:64px;margin:auto;padding:0 14px 0 20px;display:flex;box-shadow:0 16px 50px #00000024}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{color:#10120e;background:var(--accent);letter-spacing:-.12em;border-radius:9px;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.brand-mark span{opacity:.5}.brand-name{font-size:15px}.nav-links{gap:4px;display:flex}.nav-item{color:var(--muted);border-radius:8px;padding:10px 13px;font-size:12px;transition:all .25s}.nav-item:hover,.nav-item.active{color:var(--text);background:var(--surface)}.nav-item.active{box-shadow:inset 0 -1px var(--accent)}.nav-actions{align-items:center;gap:8px;display:flex}.language{color:var(--muted);align-items:center;gap:6px;font:10px DM Mono,monospace;display:flex}.language select{color:var(--muted);appearance:none;background:0 0;border:0;outline:0;width:54px;font-size:10px}.icon-button{width:34px;height:34px;color:var(--muted);border-radius:8px;place-items:center;transition:all .2s;display:grid}.icon-button:hover{color:var(--text);background:var(--surface)}.menu-button{display:none}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:750px;padding-top:190px;display:grid}.section-label{color:var(--muted);letter-spacing:.12em;align-items:center;gap:10px;font:10px DM Mono,monospace;display:flex}.section-label span{background:var(--accent);width:22px;height:1px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;white-space:pre-line;margin:24px 0;font-size:clamp(54px,7vw,92px);line-height:.99}h1 span,.page-intro h1 span{display:block}.gradient-text{background:linear-gradient(105deg, var(--accent), #9ff3a9 45%, var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-intro{max-width:430px;color:var(--muted);font-size:16px;line-height:1.7}.hero-buttons{gap:10px;margin:30px 0 70px;display:flex}.button{color:#11150d;background:var(--accent);border-radius:9px;align-items:center;gap:12px;padding:14px 17px;font-size:12px;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex}.button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #d8ff5529}.button.secondary{color:var(--text);border:1px solid var(--line);background:var(--surface)}.hero-meta{color:var(--muted);gap:22px;font:10px DM Mono,monospace;display:flex}.status-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 12px var(--accent);border-radius:50%;margin-right:7px;display:inline-block}.hero-visual{border:1px solid var(--line);background:linear-gradient(140deg, #d8ff5514, transparent 40%), var(--surface);border-radius:20px;height:470px;position:relative;overflow:hidden}.visual-grid{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);transform-origin:bottom;opacity:.7;background-size:42px 42px;position:absolute;inset:0;transform:perspective(450px)rotateX(52deg)scale(1.7)}.visual-glow{background:var(--accent);filter:blur(80px);opacity:.25;border-radius:50%;width:230px;height:230px;position:absolute;top:35%;left:35%}.code-window{background:#101212d6;border:1px solid #fff3;border-radius:12px;width:70%;padding:0 20px 22px;position:absolute;top:22%;left:15%;transform:rotate(-5deg);box-shadow:0 25px 50px #0000004d}.window-bar{border-bottom:1px solid #ffffff1a;align-items:center;gap:6px;height:38px;display:flex}.window-bar span{background:#fa7d65;border-radius:50%;width:6px;height:6px}.window-bar span:nth-child(2){background:#ffcf5b}.window-bar span:nth-child(3){background:#a9e86d}.window-bar small{color:#717771;margin-left:10px;font:9px DM Mono,monospace}.code-lines{color:#c8d1c4;padding-top:24px;font:13px/2 DM Mono,monospace}.code-lines p{margin:0}.code-lines b{color:#b48cff;font-weight:400}.code-lines i{color:#71d8ff;font-style:normal}.code-lines strong{color:var(--accent);font-weight:400}.code-lines mark{color:#ffad86;background:0 0}.indent{padding-left:25px}.float-chip{border:1px solid var(--line);color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111317b3;border-radius:9px;align-items:center;gap:7px;padding:10px 12px;font:10px DM Mono,monospace;display:flex;position:absolute}.chip-one{top:11%;left:8%}.chip-two{color:var(--accent);bottom:18%;right:8%}.chip-two span{color:var(--muted)}.visual-caption{color:var(--muted);letter-spacing:.2em;font:10px DM Mono,monospace;position:absolute;bottom:28px;left:30px}.visual-caption b{color:var(--text)}.section{padding:130px 0}.section-heading{justify-content:space-between;align-items:end;margin-bottom:34px;display:flex}h2{letter-spacing:-.07em;margin:15px 0 0;font-size:clamp(34px,4vw,56px);line-height:1.02}.text-link{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-bottom:7px;font-size:12px;transition:all .2s;display:flex}.text-link:hover{color:var(--accent);border-color:var(--accent)}.project-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;transition:all .35s;overflow:hidden}.project-card:hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));transform:translateY(-7px);box-shadow:0 20px 55px #0000002e}.project-art{background:#1b1d1c;height:250px;padding:18px;position:relative;overflow:hidden}.project-art:before{content:"";opacity:.8;background:radial-gradient(circle at 75% 30%,#ffffff42,#0000 1% 30%),linear-gradient(135deg,#ffffff17,#0000 50%);position:absolute;inset:0}.coral .project-art{background:#493833}.blue .project-art{background:#202f44}.lime .project-art{background:#303c25}.violet .project-art{background:#332e46}.art-index,.art-year{z-index:1;color:#ffffffa6;letter-spacing:.1em;font:9px DM Mono,monospace;position:relative}.art-year{position:absolute;top:18px;right:18px}.art-shape{border:1px solid #ffffff80;border-radius:42% 58% 60% 40%;width:150px;height:150px;transition:all .5s;position:absolute;top:50px;left:calc(50% - 75px);transform:rotate(30deg);box-shadow:inset 0 0 40px #ffffff1f,0 0 50px #d8ff551f}.project-card:hover .art-shape{transform:rotate(115deg)scale(1.08)}.blue .art-shape{border-radius:50%;transform:rotate(45deg)}.lime .art-shape{border-radius:12%}.violet .art-shape{border-radius:50% 20%}.art-arrow{color:#fff;transition:all .3s;position:absolute;bottom:18px;right:18px}.project-card:hover .art-arrow{color:var(--accent);transform:translate(3px,-3px)}.project-info{padding:20px}.project-info h3{letter-spacing:-.04em;margin-bottom:8px;font-size:17px}.project-info p{min-height:43px;color:var(--muted);margin-bottom:18px;font-size:12px;line-height:1.6}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:5px 7px;font:9px DM Mono,monospace}.statement{border-block:1px solid var(--line);background:linear-gradient(100deg,#d8ff550d,#0000 45%);padding:120px 0}.statement-inner{grid-template-columns:1fr 1.5fr 1fr;align-items:start;gap:40px;display:grid}.statement h2{margin:-8px 0 0}em{color:var(--accent);font-style:normal}.statement p{max-width:280px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.path-teaser{grid-template-columns:1fr 1fr;align-items:center;padding-block:150px;display:grid}.path-teaser h2{font-size:clamp(40px,5vw,70px)}.path-teaser h2 span{color:var(--accent-2)}.path-teaser p{max-width:380px;color:var(--muted);line-height:1.7}.path-orbit{place-items:center;height:350px;display:grid;position:relative}.orbit-ring{border:1px solid #8b9cff59;border-radius:50%;position:absolute;transform:rotate(-20deg)}.ring-one{width:260px;height:110px}.ring-two{width:360px;height:160px;transform:rotate(45deg)}.orbit-core,.path-logo{color:#12152b;background:var(--accent-2);letter-spacing:-.14em;border-radius:25px;place-items:center;width:92px;height:92px;font-size:25px;font-weight:800;display:grid;box-shadow:0 0 70px #8b9cff59}.orbit-core span,.path-logo span{opacity:.5}.orbit-note{color:var(--muted);font:10px DM Mono,monospace;position:absolute}.note-one{top:20%;left:17%}.note-two{bottom:25%;right:12%}.page-section{min-height:850px;padding-top:190px;padding-bottom:140px}.page-intro{max-width:740px;margin-bottom:70px}.page-intro h1{margin-bottom:25px;font-size:clamp(50px,7vw,86px)}.page-intro p{max-width:480px;color:var(--muted);font-size:15px;line-height:1.7}.filters{border-block:1px solid var(--line);gap:8px;margin-bottom:25px;padding-block:15px;display:flex}.filters button{color:var(--muted);border-radius:6px;padding:8px 12px;font-size:11px}.filters button.selected,.filters button:hover{color:var(--text);background:var(--surface)}.projects-page-grid{grid-template-columns:repeat(2,1fr)}.projects-page-grid .project-art{height:300px}.about-layout{grid-template-columns:1fr 1fr;gap:16px;display:grid}.about-note,.toolbox{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-height:350px;padding:35px}.quote-mark{color:var(--accent);font-size:65px;line-height:.7}.about-note p{letter-spacing:-.05em;max-width:350px;margin:50px 0 70px;font-size:25px;line-height:1.25}.note-signature{color:var(--muted);font:10px DM Mono,monospace}.toolbox .section-label{margin-bottom:28px}.tool-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tool-list div{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:13px 0;font-size:12px;display:flex}.tool-list span{color:var(--accent);font:9px DM Mono,monospace}.tool-list svg{color:var(--muted);margin-left:auto}.path-page{background:radial-gradient(circle at 72% 15%,#8b9cff24,#0000 30%)}.path-hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:750px;padding-top:150px;display:grid}.path-copy h1{font-size:clamp(55px,7vw,88px)}.path-copy p{max-width:420px;color:var(--muted);line-height:1.7}.path-logo{border-radius:17px;width:65px;height:65px;margin-bottom:35px;font-size:18px}.path-button{background:var(--accent-2)}.film-frame{background:linear-gradient(140deg,#1a2139,#11101b 55%,#2c263a);border:1px solid #8b9cff59;border-radius:50% 50% 15px 15px;height:470px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #8b9cff24}.film-lines{background:repeating-linear-gradient(115deg,#0000 0 45px,#ffffff12 46px 47px);position:absolute;inset:0;transform:scale(1.3)}.film-center{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.film-center span{color:var(--accent-2);letter-spacing:-.15em;font-size:80px;font-weight:800}.film-center small{color:#ffffff8c;letter-spacing:.2em;font:10px DM Mono,monospace}.video-section{padding-bottom:140px}.video-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.video-card{display:block}.video-thumb{background:#1b2039;border-radius:12px;justify-content:space-between;align-items:end;height:240px;padding:18px;transition:all .3s;display:flex;position:relative;overflow:hidden}.video-thumb:before{content:"";background:linear-gradient(140deg,#8b9cff99,#0000 45%),repeating-linear-gradient(45deg,#0000 0 20px,#ffffff12 21px 22px);transition:all .4s;position:absolute;inset:-20px}.video-2{background:#3a2c30}.video-2:before{background:linear-gradient(140deg,#ff9d748c,#0000 45%),repeating-linear-gradient(-45deg,#0000 0 20px,#ffffff12 21px 22px)}.video-3{background:#303c25}.video-3:before{background:linear-gradient(140deg,#d8ff5580,#0000 45%),repeating-linear-gradient(45deg,#0000 0 20px,#ffffff12 21px 22px)}.video-card:hover .video-thumb:before{transform:scale(1.1)}.video-thumb span{color:#ffffffa6;font:9px DM Mono,monospace;position:relative}.video-thumb button{color:#111317;background:var(--accent);opacity:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:all .3s;display:grid;position:relative;transform:translateY(8px)}.video-card:hover .video-thumb button{opacity:1;transform:translateY(0)}.video-card h3{margin:16px 0 5px;font-size:15px}.video-card p{color:var(--muted);font:10px DM Mono,monospace}footer{border-top:1px solid var(--line);background:linear-gradient(110deg,#d8ff550d,#0000 35%);padding:70px 0 25px}.footer-grid{justify-content:space-between;min-height:180px;display:flex}.footer-brand{margin-bottom:18px}footer p{color:var(--muted);font-size:12px}.footer-links{gap:100px;display:flex}.footer-links div{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer-links small{color:var(--muted);letter-spacing:.13em;margin-bottom:6px;font:9px DM Mono,monospace}.footer-links button,.footer-links a{color:var(--muted);align-items:center;gap:6px;font-size:12px;transition:all .2s;display:flex}.footer-links button:hover,.footer-links a:hover{color:var(--accent)}.footer-bottom{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;padding-top:20px;font:10px DM Mono,monospace;display:flex}.footer-bottom span:last-child{align-items:center;gap:7px;display:flex}.reveal{animation:.8s both rise}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=800px){.content-grid{width:min(100% - 36px,600px)}.nav-wrap{top:10px}.navbar{width:calc(100% - 20px)}.nav-links{border:1px solid var(--line);background:var(--surface-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;flex-direction:column;padding:10px;display:none;position:absolute;top:72px;left:0;right:0}.nav-links.open{display:flex}.nav-item{text-align:left}.menu-button{display:grid}.language{display:none}.hero,.path-hero,.path-teaser{grid-template-columns:1fr}.hero{min-height:auto;padding-top:145px;padding-bottom:90px}h1{font-size:clamp(48px,15vw,70px)}.hero-meta{flex-direction:column;gap:8px}.hero-visual{height:370px}.section{padding:80px 0}.section-heading{flex-direction:column;align-items:start;gap:18px}.project-grid,.projects-page-grid,.video-grid{grid-template-columns:1fr}.project-art,.projects-page-grid .project-art{height:250px}.statement{padding:80px 0}.statement-inner{grid-template-columns:1fr;gap:28px}.statement h2{margin:0}.path-teaser{padding-block:90px}.path-orbit{height:280px}.page-section{padding-top:140px}.about-layout{grid-template-columns:1fr}.about-note,.toolbox{min-height:300px;padding:25px}.about-note p{margin:40px 0 55px;font-size:22px}.path-hero{min-height:auto;padding-top:145px;padding-bottom:80px}.film-frame{height:350px}.video-section{padding-bottom:90px}.footer-grid{flex-direction:column;gap:45px}.footer-links{gap:60px}}.brand-logo-frame{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:linear-gradient(145deg,#56c9ff33,#9862ff33);border-radius:11px;place-items:center;width:39px;height:39px;display:grid;overflow:hidden;box-shadow:0 0 22px #56c9ff2e,inset 0 0 18px #9862ff1f}.brand-logo-frame img{object-fit:contain;object-position:center;mix-blend-mode:normal;width:39px;height:39px;transition:transform .35s,filter .35s;display:block}.brand:hover .brand-logo-frame img{filter:saturate(1.25);transform:scale(1.1)rotate(-3deg)}.footer-brand .brand-logo-frame{border-radius:14px;width:48px;height:48px}.footer-brand .brand-logo-frame img{width:48px;height:48px}.nav-wrap{transition:top .35s,opacity .35s}.nav-wrap.is-scrolled{top:10px}.nav-wrap.is-scrolled .navbar{background:color-mix(in srgb, var(--surface-strong) 48%, transparent);border-color:color-mix(in srgb, var(--accent) 28%, var(--line));box-shadow:0 18px 55px #0003}.language{cursor:pointer;min-width:88px;position:relative}.language select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.language span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-transition{animation:.42s cubic-bezier(.22,1,.36,1) both page-enter}@keyframes page-enter{0%{opacity:0;filter:blur(8px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}.path-logo{object-fit:contain;box-shadow:none;background:0 0;padding:0}.orbit-logo{z-index:1;object-fit:contain;border-radius:25px;width:92px;height:92px;display:block;position:relative;box-shadow:0 0 70px #8b9cff59}.profile-links{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.profile-links a{color:var(--muted);border:1px solid var(--line);border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font:10px DM Mono,monospace;transition:all .2s;display:inline-flex}.profile-links a:hover{color:var(--text);border-color:var(--accent);background:var(--surface)}.contact-list{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:28px;padding-top:18px;display:flex}.contact-list small{color:var(--muted);letter-spacing:.13em;font:9px DM Mono,monospace}.contact-list a{color:var(--muted);font-size:11px;transition:all .2s}.contact-list a:hover{color:var(--accent)}:root[data-theme=light] .navbar{background:#ffffffc2;border-color:#1f2e4a29;box-shadow:0 16px 50px #2135581f}:root[data-theme=light] .nav-wrap.is-scrolled .navbar{border-color:color-mix(in srgb, var(--accent) 36%, #1f2e4a2e);background:#ffffff94}:root[data-theme=light] .nav-item:hover,:root[data-theme=light] .nav-item.active,:root[data-theme=light] .icon-button:hover,:root[data-theme=light] .filters button.selected,:root[data-theme=light] .filters button:hover{background:#2669a41a}:root[data-theme=light] .code-window{background:#f8fafff0;border-color:#1f2e4a33;box-shadow:0 25px 50px #21355829}:root[data-theme=light] .code-lines{color:#26354d}:root[data-theme=light] .float-chip{background:#ffffffc7;border-color:#1f2e4a29;box-shadow:0 10px 28px #2135581a}:root[data-theme=light] .project-card,:root[data-theme=light] .about-note,:root[data-theme=light] .toolbox{box-shadow:0 12px 36px #21355812}:root[data-theme=light] .statement{background:linear-gradient(100deg,#56c9ff14,#0000 45%)}:root[data-theme=light] .path-page{background:radial-gradient(circle at 72% 15%,#7650d91a,#0000 30%)}:root[data-theme=light] .path-button{color:#fff}:root[data-theme=light] .video-card h3,:root[data-theme=light] .project-info h3{color:var(--text)}.ambient-one{background:#56c9ff}.ambient-two{background:#9862ff}.gradient-text{background-image:linear-gradient(105deg, var(--accent), #b7a2ff 45%, var(--accent-2))}.hero-visual{background:linear-gradient(140deg, #56c9ff1a, transparent 40%), var(--surface)}.button:hover{box-shadow:0 12px 28px #56c9ff2e}.art-shape{box-shadow:inset 0 0 40px #ffffff1f,0 0 50px #56c9ff24}.video-thumb{background-position:50%;background-size:cover}.latest-video-link{color:#ffffffb8;text-align:center;max-width:210px;margin-top:10px;font:10px/1.4 DM Mono,monospace;transition:color .2s,transform .2s;display:block}.latest-video-link:hover{color:#fff;transform:translateY(-2px)}.latest-video-link img{object-fit:cover;border:1px solid #ffffff40;border-radius:8px;width:180px;height:100px;margin:0 auto 10px;display:block;box-shadow:0 10px 28px #00000040}.latest-video-link strong,.latest-video-link small{display:block}.latest-video-link strong{color:#fff;margin-bottom:5px;font:10px/1.35 Manrope,sans-serif}.itch-section{margin-top:110px}.itch-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.itch-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;transition:all .35s;overflow:hidden}.itch-card:hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));transform:translateY(-7px);box-shadow:0 20px 55px #0000002e}.itch-cover{background-color:#202f44;background-image:linear-gradient(140deg,#56c9ff8c,#9862ff59),repeating-linear-gradient(45deg,#0000 0 26px,#ffffff14 27px 28px);background-position:50%;background-size:cover;justify-content:space-between;align-items:flex-end;min-height:190px;padding:16px;display:flex}.itch-cover span{color:#fff;background:#0000004d;border:1px solid #ffffff40;border-radius:5px;padding:5px 7px;font:9px DM Mono,monospace}.itch-cover svg{color:#fff;transition:transform .25s}.itch-card:hover .itch-cover svg{transform:translate(3px,-3px)}.itch-info{flex-direction:column;justify-content:space-between;min-height:145px;padding:18px;display:flex}.itch-info h3{letter-spacing:-.04em;margin-bottom:8px;font-size:17px}.itch-info p{color:var(--muted);margin-bottom:14px;font-size:12px;line-height:1.55}.game-engine{border-top:1px solid var(--line);color:var(--accent);letter-spacing:.08em;justify-content:space-between;align-items:center;padding-top:12px;font:9px DM Mono,monospace;display:flex}.game-engine strong{color:var(--text);text-transform:uppercase;font-weight:500}.itch-meta{color:var(--accent);text-transform:uppercase;flex-wrap:wrap;gap:7px;font:9px DM Mono,monospace;display:flex}.itch-meta span{border-right:1px solid var(--line);padding-right:7px}.itch-meta span:last-child{border-right:0}.stats-section{padding-top:20px;padding-bottom:110px}.stats-section>.section-label{margin-bottom:22px}.channel-description{max-width:680px;color:var(--muted);margin:0 0 28px;font-size:15px;line-height:1.75}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-card{background:linear-gradient(145deg, #56c9ff1a, #9862ff14), var(--surface);border:1px solid #8b9cff4d;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:150px;padding:24px;display:flex;box-shadow:inset 0 1px #ffffff14}.stat-card strong{color:var(--text);letter-spacing:-.07em;font-size:clamp(32px,4vw,58px);line-height:1}.stat-card span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font:10px DM Mono,monospace}.video-metrics{color:var(--accent-2);margin-top:12px;font:10px DM Mono,monospace;display:block}:root[data-theme=light] .brand-logo-frame img{filter:none}:root[data-theme=light] .stat-card{background:linear-gradient(145deg,#56c9ff1f,#9862ff1a),#ffffffb8;border-color:#524caa33;box-shadow:0 12px 36px #21355814,inset 0 1px #ffffffe6}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}}@media (width<=800px){.itch-grid{grid-template-columns:1fr}.itch-section{margin-top:80px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.navbar{background:color-mix(in srgb, var(--bg) 62%, transparent)}.nav-links{transition:opacity .28s,visibility .28s,transform .28s cubic-bezier(.22,1,.36,1)}@media (width<=800px){.nav-links{background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;display:flex;transform:translateY(-10px)scale(.98);box-shadow:0 16px 50px #00000024}.nav-links.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}}:root[data-theme=light] .navbar{background:#ffffff94}:root[data-theme=light] .nav-wrap.is-scrolled .navbar{background:#ffffff70}:root[data-theme=light] .nav-links{background:0 0}@media (width<=800px){:root[data-theme=light] .nav-links{background:#ffffffdb}}.ecosystem-section{border-block:1px solid var(--line);padding:100px 0 120px}.ecosystem-section h2{max-width:720px;margin:22px 0 55px;font-size:clamp(42px,6vw,78px)}.ecosystem-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid}.ecosystem-grid div:not(.ecosystem-link){border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:8px;padding:24px;display:flex}.ecosystem-grid strong{letter-spacing:-.05em;font-size:22px}.ecosystem-grid span,.ecosystem-note{color:var(--muted);font:11px DM Mono,monospace}.ecosystem-link{color:var(--accent);font-size:28px}.ecosystem-note{margin:18px 0 0}.build-section,.behind-section,.contact-section{border-bottom:1px solid var(--line);padding:120px 0}.build-section h2,.contact-copy h2{margin:18px 0 50px;font-size:clamp(42px,6vw,76px)}.build-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.build-grid article{border-top:1px solid var(--accent);background:var(--surface);min-height:220px;padding:22px}.build-grid article>span{color:var(--accent);font:10px DM Mono,monospace}.build-grid h3{margin:45px 0 12px;font-size:16px}.build-grid p,.contact-copy p,.behind-copy p{color:var(--muted);font-size:13px;line-height:1.7}.behind-section{grid-template-columns:1fr 1fr;align-items:start;gap:70px;display:grid}.behind-section h2{margin-top:22px}.behind-copy{max-width:430px;padding-top:14px}.sync-status{border:1px solid var(--line);background:var(--surface);border-radius:9px;flex-wrap:wrap;align-items:center;gap:9px;margin:28px 0 18px;padding:14px;font:10px DM Mono,monospace;display:flex}.sync-status strong{width:100%;color:var(--text);font-weight:400}.behind-copy>small{color:var(--muted);font:10px DM Mono,monospace}.contact-section{isolation:isolate;grid-template-columns:.9fr 1.1fr;gap:80px;display:grid;position:relative;overflow:hidden}.contact-section:before{content:"";z-index:-1;pointer-events:none;opacity:0;filter:blur(42px);background:radial-gradient(circle at 28% 42%,#56c9ff57,#0000 34%),radial-gradient(circle at 68% 58%,#9862ff4d,#0000 38%),radial-gradient(circle at 48%,#9ff3a92e,#0000 30%);width:72%;height:170%;position:absolute;top:-35%;left:-30%;transform:translate(-35%)rotate(-12deg)scale(.8)}.contact-section:after{content:"";z-index:-1;pointer-events:none;opacity:0;filter:blur(42px);background:radial-gradient(circle at 32% 38%,#ff7ebe57,#0000 34%),radial-gradient(circle at 70% 62%,#ffbe5c4d,#0000 38%),radial-gradient(circle at 46% 52%,#8b9cff38,#0000 32%);width:72%;height:170%;position:absolute;top:-35%;right:-30%;transform:translate(35%)rotate(12deg)scale(.8)}.contact-section.is-visible:before{animation:2.2s cubic-bezier(.22,1,.36,1) both contact-gradient-sweep}.contact-section.is-visible:after{animation:2.2s cubic-bezier(.22,1,.36,1) 2.2s both contact-gradient-reverse}.contact-section>*{z-index:1;position:relative}.contact-copy h2{margin-bottom:26px}.availability{color:var(--muted);align-items:center;margin-top:22px;font:10px DM Mono,monospace;display:inline-flex}.contact-form{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:16px;padding:26px;display:grid}.contact-form label{color:var(--muted);gap:8px;font:10px DM Mono,monospace;display:grid}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--text);border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 72%, transparent);border-radius:7px;outline:0;padding:12px;font:12px Manrope,sans-serif}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent)}.reason-picker{position:relative}.reason-trigger{width:100%;color:var(--text);border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 72%, transparent);text-align:left;border-radius:7px;justify-content:space-between;align-items:center;padding:12px;font:12px Manrope,sans-serif;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.reason-trigger:hover,.reason-picker.is-open .reason-trigger{border-color:var(--accent);background:color-mix(in srgb, var(--bg) 86%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.reason-trigger svg{color:var(--accent);transition:transform .25s}.reason-picker.is-open .reason-trigger svg{transform:rotate(180deg)}.contact-form label:has(.reason-picker.is-open){z-index:10;position:relative}.reason-options{z-index:20;border:1px solid color-mix(in srgb, var(--accent) 38%, var(--line));background:color-mix(in srgb, var(--bg) 96%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:10px;padding:6px;animation:.2s cubic-bezier(.22,1,.36,1) both dropdown-in;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 18px 45px #00000047}.reason-options button{width:100%;color:var(--muted);text-align:left;border-radius:6px;justify-content:space-between;align-items:center;padding:11px 10px;font:11px Manrope,sans-serif;transition:color .18s,background .18s,transform .18s;display:flex}.reason-options button:hover,.reason-options button.selected{color:var(--text);background:color-mix(in srgb, var(--accent) 14%, transparent)}.reason-options button:hover{transform:translate(3px)}.reason-options button span{color:var(--accent);font-size:14px}@keyframes dropdown-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fallback-lines{0%{transform:translate(-32px)rotate(-5deg)}to{transform:translate(32px)rotate(-5deg)}}@media (width<=800px){.ecosystem-section,.build-section,.behind-section,.contact-section{padding:80px 0}.ecosystem-grid,.behind-section,.contact-section{grid-template-columns:1fr;gap:30px}.ecosystem-link{text-align:center;transform:rotate(90deg)}.build-grid{grid-template-columns:1fr 1fr}.build-grid article{min-height:190px}.build-grid h3{margin-top:28px}}@media (width<=480px){.build-grid{grid-template-columns:1fr}}.project-art,.itch-cover{background-position:50%;background-repeat:no-repeat;background-size:contain}.project-art{background-size:auto 58%}.project-art .art-shape{display:none}.itch-cover.is-fallback{isolation:isolate;background:radial-gradient(circle at 68% 28%,#56c9ff57,#0000 3% 28%),linear-gradient(140deg,#17243a,#10131e 52%,#29203d)}.itch-cover.is-fallback:before{content:"";z-index:0;background:repeating-linear-gradient(115deg,#0000 0 42px,#ffffff1a 43px 44px);animation:12s linear infinite fallback-lines;position:absolute;inset:-20%;transform:rotate(-5deg)}.itch-cover.is-fallback:after{content:"CODEPATCH / GAME";z-index:0;color:#fff3;letter-spacing:-.08em;white-space:nowrap;font:800 clamp(22px,4vw,48px) Manrope,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.itch-cover span{z-index:1;color:#fff;letter-spacing:.06em;text-shadow:0 1px 4px #000c;background:#08090bc7;border:1px solid #ffffff8c;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:600;position:relative;box-shadow:0 5px 16px #00000052,inset 0 0 0 1px #ffffff14}.itch-cover svg{z-index:1;filter:drop-shadow(0 2px 5px #000c);position:relative}.project-art{isolation:isolate;position:relative;background-image:linear-gradient(145deg,#ffffff1a,#0000 42%),radial-gradient(circle at 80% 20%,#56c9ff33,#0000 34%)!important}.project-art:before{z-index:-1;opacity:.3}.project-art:after{display:none}.project-art-image{z-index:1;object-fit:contain;object-position:center;filter:drop-shadow(0 16px 18px #00000047);border-radius:12px;width:70%;height:68%;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s;position:absolute;inset:16% 15%}.project-card:hover .project-art-image{filter:drop-shadow(0 20px 22px #00000061);transform:scale(1.035)translateY(-3px)}.project-art .art-index,.project-art .art-arrow{z-index:2}.itch-cover{background-image:none;position:relative;overflow:hidden}.itch-cover-image{z-index:1;object-fit:contain;object-position:center;filter:drop-shadow(0 16px 18px #0000004d);border-radius:12px;width:74%;height:72%;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s;position:absolute;inset:14% 13%}.itch-cover.has-cover{background:linear-gradient(145deg,#ffffff1a,#0000 44%),#17243a}.itch-cover.has-cover:before,.itch-cover.has-cover:after{display:none}.itch-cover.is-fallback{background-image:radial-gradient(circle at 68% 28%,#56c9ff57,#0000 3% 28%),linear-gradient(140deg,#17243a,#10131e 52%,#29203d)}.itch-card:hover .itch-cover-image{filter:drop-shadow(0 20px 22px #0000006b);transform:scale(1.035)translateY(-3px)}.home-motion section{opacity:0;transition:opacity .8s,transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(34px)}.home-motion section.is-visible{opacity:1;transform:translate(0)}.home-motion>section:nth-child(2){transition-duration:.95s;transform:translate(-42px)rotate(-1deg)}.home-motion>section:nth-child(3){transition-duration:1s;transform:scale(.96)translateY(28px)}.home-motion>section:nth-child(4){transition-duration:1.05s;transform:translate(42px)}.home-motion>section:nth-child(5){transition-duration:1.1s;transform:translateY(48px)skewY(1deg)}.home-motion>section:nth-child(6){transition-duration:1.15s;transform:translateY(60px)}.home-motion>section:nth-child(7){transition-duration:1s;transform:scale(.97)translateY(36px)}.home-motion>section.is-visible{transform:translate(0)rotate(0)scale(1)skewY(0)}.stats-grid{padding-bottom:28px;position:relative}.stat-sync{color:var(--muted);letter-spacing:.02em;margin-top:14px;font:9px/1.4 DM Mono,monospace;display:block}.stats-grid .stat-card:first-child .stat-sync{margin:0;position:absolute;bottom:0;left:0}.stat-card{overflow:hidden}.stats-grid .stat-card:first-child{overflow:visible}.page-transition>.hero{padding-bottom:60px}.page-transition>.ecosystem-section{padding-block:78px 88px}.page-transition>.section{padding-block:88px}.page-transition>.statement{padding-block:82px}.page-transition>.path-teaser{padding-block:102px}.page-transition>.behind-section,.page-transition>.contact-section{padding-block:90px}@media (prefers-reduced-motion:reduce){.home-motion section,.home-motion>section:nth-child(n){opacity:1;transition:none;transform:none}}.projects-motion section,.about-motion section,.path-motion section{opacity:0;transition:opacity .72s,transform .78s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.projects-motion section.is-visible,.about-motion section.is-visible,.path-motion section.is-visible{opacity:1;transform:translateY(0)}.projects-motion .page-intro.is-visible,.about-motion .page-intro.is-visible{animation:.8s cubic-bezier(.22,1,.36,1) both page-intro-in}.projects-motion .filters.is-visible{animation:.7s both filter-slide-in}.projects-motion .itch-card{opacity:0;transform:translateY(22px)scale(.98)}.projects-motion section.is-visible .itch-card{animation:.72s cubic-bezier(.22,1,.36,1) both card-cascade}.projects-motion section.is-visible .itch-card:nth-child(2){animation-delay:.1s}.projects-motion section.is-visible .itch-card:nth-child(3){animation-delay:.2s}.about-motion .about-note{--motion-x:-24px;transform:translate(-24px)}.about-motion .toolbox{--motion-x:24px;transform:translate(24px)}.about-motion section.is-visible .about-note,.about-motion section.is-visible .toolbox{animation:.85s cubic-bezier(.22,1,.36,1) both about-split-in}.about-motion section.is-visible .toolbox{animation-delay:.1s}.path-motion .film-frame{transform:scale(.96)rotate(1deg)}.path-motion section.is-visible .film-frame{animation:1s cubic-bezier(.22,1,.36,1) both film-arrival}@keyframes page-intro-in{0%{opacity:0;filter:blur(10px);transform:translate(-22px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes filter-slide-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes about-split-in{0%{opacity:0;transform:translateX(var(--motion-x,0)) rotate(-1deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes film-arrival{0%{opacity:0;transform:scale(.88)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.projects-motion section,.about-motion section,.path-motion section,.projects-motion .itch-card,.about-motion .about-note,.about-motion .toolbox{opacity:1;transition:none;transform:none;animation:none!important}}@keyframes card-cascade{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(24px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes orbit-arrival{0%{opacity:0;transform:rotate(-18deg)scale(.72)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes line-draw{0%{opacity:0;transform-origin:0;transform:scaleX(0)}to{opacity:1;transform-origin:0;transform:scaleX(1)}}@keyframes text-focus{0%{opacity:0;filter:blur(12px);letter-spacing:.08em}to{opacity:1;filter:blur();letter-spacing:0}}@keyframes contact-slide{0%{opacity:0;transform:translate(32px)rotate(2deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes contact-gradient-sweep{0%{opacity:0;transform:translate(-35%)rotate(-12deg)scale(.8)}22%{opacity:.9}68%{opacity:.62}to{opacity:0;transform:translate(205%)rotate(-12deg)scale(1.12)}}@keyframes contact-gradient-reverse{0%{opacity:0;transform:translate(35%)rotate(12deg)scale(.8)}22%{opacity:.9}68%{opacity:.62}to{opacity:0;transform:translate(-205%)rotate(12deg)scale(1.12)}}@keyframes form-shell-in{0%{opacity:0;clip-path:inset(0 0 12% 8% round 14px);transform:translate(44px,28px)rotate(2deg)scale(.94)}58%{opacity:1;clip-path:inset(0 round 14px);transform:translate(-5px,-2px)rotate(-.35deg)scale(1.01)}to{opacity:1;clip-path:inset(0 round 14px);transform:translate(0,0)rotate(0)scale(1)}}@keyframes form-field-in{0%{opacity:0;filter:blur(5px);transform:translate(24px,14px)}70%{opacity:1;filter:blur();transform:translate(-2px)}to{opacity:1;transform:translate(0,0)}}@keyframes form-button-in{0%{opacity:0;transform:translateY(20px)scale(.9)}65%{opacity:1;transform:translateY(-4px)scale(1.04)}to{opacity:1;transform:translate(0,0)scale(1)}}.projects-preview.is-visible .project-card{animation:.8s cubic-bezier(.22,1,.36,1) both card-cascade}.projects-preview.is-visible .project-card:nth-child(2){animation-delay:.12s}.projects-preview.is-visible .project-card:nth-child(3){animation-delay:.24s}.statement.is-visible h2{animation:1s cubic-bezier(.22,1,.36,1) both text-focus}.statement.is-visible .section-label{animation:.75s both line-draw}.path-teaser.is-visible .path-orbit{animation:1.15s cubic-bezier(.22,1,.36,1) both orbit-arrival}.path-teaser.is-visible .orbit-ring{animation:8s ease-in-out .8s infinite alternate orbit-drift}.contact-section.is-visible .contact-form{animation:1.05s cubic-bezier(.16,1,.3,1) 80ms both form-shell-in}.contact-section.is-visible .contact-form label{animation:.72s cubic-bezier(.16,1,.3,1) both form-field-in}.contact-section.is-visible .contact-form label:first-child{animation-delay:.22s}.contact-section.is-visible .contact-form label:nth-child(2){animation-delay:.34s}.contact-section.is-visible .contact-form label:nth-child(3){animation-delay:.46s}.contact-section.is-visible .contact-form .button{animation:.8s cubic-bezier(.16,1,.3,1) .58s both form-button-in}.ecosystem-section.is-visible .ecosystem-grid div:not(.ecosystem-link){animation:.8s cubic-bezier(.22,1,.36,1) both card-cascade}.ecosystem-section.is-visible .ecosystem-grid div:last-child{animation-delay:.18s}@keyframes orbit-drift{0%{transform:rotate(-2deg)scale(1)}to{transform:rotate(2deg)scale(1.04)}}@media (prefers-reduced-motion:reduce){.projects-preview.is-visible .project-card,.statement.is-visible h2,.statement.is-visible .section-label,.path-teaser.is-visible .path-orbit,.path-teaser.is-visible .orbit-ring,.contact-section.is-visible .contact-form,.contact-section.is-visible .contact-form label,.contact-section.is-visible .contact-form .button,.ecosystem-section.is-visible .ecosystem-grid div:not(.ecosystem-link){animation:none}.contact-section.is-visible:before,.contact-section.is-visible:after{opacity:0;animation:none}}