@font-face{font-family:"Fusion Pixel 12px Proportional SC";font-style:normal;font-display:swap;font-weight:400;src:url(../media/fusion-pixel-12px-proportional-sc-latin-400-normal.13de30g1an5zt.woff2)format("woff2"),url(../media/fusion-pixel-12px-proportional-sc-latin-400-normal.0~xhe63dk99kj.woff)format("woff")}
:root{--bg:#080708;--surface:#100f11;--surface-2:#171417;--text:#f4f0eb;--muted:#a39da3;--line:#ffffff24;--pink:#d7b2d2;--warm:#c68a68;--sans:Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--display:"BubbledotICG-FinePos", "SFMono-Regular", Consolas, monospace;--matrix:"Fusion Pixel 12px Proportional SC", "BubbledotICG-FinePos", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:4px}.site-shell{background:var(--bg);min-height:100dvh}.site-header{z-index:50;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(14px,2.5vw,28px);width:min(1180px,100%);margin:0 auto;animation:.7s cubic-bezier(.22,1,.36,1) both header-enter;display:grid;position:relative}.brand,.github-link,.desktop-nav{align-items:center;display:flex}.brand{letter-spacing:-.02em;gap:11px;font-size:14px;font-weight:600}.brand img{object-fit:cover;border:2px solid #ffffffc7;border-radius:50%;width:44px;height:44px;transition:transform .18s;display:block;box-shadow:0 4px 14px #00000040}.brand:hover img{transform:scale(1.04)}.desktop-nav{color:#2e2e2e;background:#f3f0ec;border-radius:999px;gap:4px;padding:5px;box-shadow:0 4px 18px #0003}.desktop-nav a{color:#232224c7;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:500;transition:color .18s,background .18s;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:#171619;background:#00000012}.desktop-nav a.active:after{content:"";background:#171619;border-radius:50%;width:3px;height:3px;position:absolute;bottom:4px;left:50%;box-shadow:-5px 0 #171619,5px 0 #171619}.github-link{border:1px solid var(--line);color:var(--muted);border-radius:999px;justify-self:end;padding:11px 16px;font-size:12px;transition:color .18s,border-color .18s,transform .18s}.github-link:hover{color:var(--text);border-color:#fff6;transform:translateY(-1px)}.menu-button,.mobile-nav,.menu-overlay{display:none}.hero{isolation:isolate;background:radial-gradient(at 50% 66%,#5c2b5bb8,#0000 34%),radial-gradient(at 50% 100%,#9d543f57,#0000 42%),#080708;flex-direction:column;min-height:100svh;padding:clamp(18px,3vw,32px);display:flex;position:relative;overflow:hidden}.hero-video{z-index:0;object-fit:cover;object-position:center;pointer-events:none;opacity:0;filter:saturate(.98)contrast(1.04)brightness(.9945);width:100%;height:100%;transition:opacity .8s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0}.hero-video.is-ready{opacity:.98}.hero>:not(.hero-video){z-index:2;position:relative}.hero:before{content:"";z-index:1;filter:blur(24px);pointer-events:none;background:linear-gradient(#08070847 0%,#08070814 38%,#0807088f 82%,#080708d1 100%),radial-gradient(circle at 52% 48%,#ffcee11f,#0000 18%),radial-gradient(circle at 45% 75%,#6e39722e,#0000 32%);position:absolute;inset:-10%}.hero:after{content:"";z-index:1;opacity:.12;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.hero-content{text-align:center;width:min(980px,100%);margin:auto;padding:8vh 0 5vh}.hero-status,.project-index,.hero-footer,.project-state,.eyebrow,.status,.large-index,.site-footer{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em}.hero-status{color:#fffffff0;-webkit-backdrop-filter:blur(8px);background:#0c0a0d66;border:1px solid #ffffff42;border-radius:999px;align-items:center;gap:8px;margin:0 0 clamp(22px,4vh,42px);padding:6px 11px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 5px 18px #0000002e}.hero-status span{background:var(--pink);width:5px;height:5px;box-shadow:0 0 12px var(--pink);border-radius:50%}.hero-name{color:#3b203a;font-family:var(--display);letter-spacing:.18em;text-shadow:0 1px #ffffff6b,0 3px 16px #ffeef93d;margin:0 0 18px;font-size:clamp(20px,2.35vw,28px);font-weight:500}.hero-title{transform-origin:50%;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,.7vw,8px);min-height:1.9em;margin:0;font-size:clamp(36px,6.65vw,84px);animation:.85s cubic-bezier(.22,1,.36,1) .28s both hero-title-enter;display:flex;transform:translateY(clamp(12px,1.8vh,18px))scale(.9)}.hero-title-line{max-width:100%;image-rendering:pixelated;display:block}.hero-status,.hero-name,.hero-copy,.hero-actions,.project-line,.hero-footer{opacity:0;animation:.85s cubic-bezier(.22,1,.36,1) both hero-enter}.hero-status{animation-delay:.12s}.hero-name{animation-delay:.2s}.hero-copy{animation-delay:.44s}.hero-actions{animation-delay:.56s}.project-line{animation-delay:.68s}.hero-footer{animation-delay:.76s}@keyframes header-enter{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-enter{0%{opacity:0;filter:blur(6px);transform:translateY(22px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes hero-title-enter{0%{opacity:0;filter:blur(6px);transform:translateY(clamp(26px,3.2vh,34px))scale(.88)}to{opacity:1;filter:blur();transform:translateY(clamp(12px,1.8vh,18px))scale(.9)}}.hero-copy{color:#f4f0ebb8;text-shadow:0 1px 12px #000000b8;max-width:640px;margin:clamp(24px,4vh,38px) auto 0;font-size:clamp(13px,1.45vw,16px);line-height:1.8}.hero-actions,.contact-actions,.inline-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-actions{justify-content:center;margin-top:clamp(26px,4vh,40px)}.button{border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-size:13px;font-weight:600;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#171619;background:#f3f0ec;box-shadow:0 0 24px #ffffff2b}.button-secondary{border:1px solid var(--line);color:var(--text);background:#ffffff0a}.project-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(920px,100%);margin:0 auto;padding:15px 0;transition:color .18s;display:grid}.project-line:hover{color:var(--pink)}.project-index,.project-state{color:var(--muted);font-size:10px}.project-title{font-size:14px;font-weight:500}.hero-footer{color:#f4f0eb5c;justify-content:space-between;width:min(920px,100%);margin:22px auto 0;font-size:9px;display:flex}.hero-status,.hero-name{text-shadow:0 1px 12px #000000b8}.hero .project-line,.hero .hero-footer,.hero .brand,.hero .github-link{text-shadow:0 1px 10px #000000c7}.hero .github-link{color:#ffffffeb;-webkit-backdrop-filter:blur(10px);background:#0c0a0d66;border-color:#ffffff52;box-shadow:0 6px 22px #0000002e}.hero .github-link:hover{color:#fff;background:#0c0a0d94;border-color:#ffffff8f}.section{border-bottom:1px solid var(--line);width:min(1120px,100% - 48px);margin:0 auto;padding:clamp(88px,12vw,160px) 0}.section-heading{grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:end;gap:32px;margin-bottom:48px;display:grid}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2,.story-copy h2,.workstation-title h2{letter-spacing:-.065em;margin:0;font-size:clamp(34px,5vw,62px);font-weight:500;line-height:1.03}.section-heading>p:last-child{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.eyebrow{color:var(--pink);margin:0 0 22px;font-size:10px}.project-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.project-card{background:var(--surface);flex-direction:column;min-height:270px;padding:24px;transition:background .18s,transform .18s;display:flex}a.project-card:hover{z-index:1;background:#1a161a;transform:translateY(-4px)}.project-card-top{color:var(--muted);font-family:var(--mono);letter-spacing:.1em;justify-content:space-between;font-size:10px;display:flex}.status{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:inline-flex}.status i{background:var(--pink);border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #d7b2d2b3}.project-card h3{letter-spacing:-.04em;max-width:260px;margin:auto 0 16px;font-size:clamp(22px,2.4vw,30px);font-weight:500;line-height:1.08}.project-card p{color:var(--muted);margin:0;font-size:12px}.text-link{border-bottom:1px solid #ffffff59;gap:12px;margin-top:30px;padding-bottom:5px;font-size:13px;display:inline-flex}.text-link span{color:var(--pink)}.summary-cta{border-top:1px solid var(--line);border-bottom-color:var(--line);width:100%;color:var(--text);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:32px;padding:16px 2px;font-size:11px;transition:padding .18s,color .18s,border-color .18s}.summary-cta:hover{color:var(--pink);border-color:#d7b2d285;padding-inline:10px}.story-section{grid-template-columns:minmax(240px,.8fr) minmax(0,1fr);align-items:center;gap:clamp(50px,9vw,130px);display:grid}.story-orbit{aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(circle,#c68a684d,#703c6f3b 35%,#0000 67%);border-radius:50%;position:relative;box-shadow:inset 0 0 70px #d7b2d20f}.story-orbit:before,.story-orbit:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:12%;transform:rotate(28deg)scaleY(.38)}.story-orbit:after{transform:rotate(-38deg)scaleY(.52)}.story-orbit span{font-family:var(--display);color:#fff;letter-spacing:-.04em;text-shadow:0 0 22px #d7b2d229;place-items:center;font-size:clamp(56px,9vw,108px);display:grid;position:absolute;inset:0}.story-copy>p:not(.eyebrow){color:#f4f0ebb3;margin:26px 0 0;font-size:16px;line-height:1.85}.service-list{border-top:1px solid var(--line)}.service-list article{border-bottom:1px solid var(--line);grid-template-columns:70px minmax(180px,.75fr) 1fr;align-items:baseline;gap:24px;padding:34px 4px;display:grid}.service-list span{color:var(--pink);font-family:var(--mono);font-size:10px}.service-list h3{letter-spacing:-.05em;margin:0;font-size:clamp(22px,3vw,36px);font-weight:500}.service-list p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.workstation-section{grid-template-columns:minmax(240px,.75fr) minmax(0,1fr);gap:clamp(50px,9vw,130px);display:grid}.workstation-list{border-top:1px solid var(--line)}.workstation-list article{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr;gap:20px;padding:26px 0;display:grid}.workstation-list article>span{color:var(--pink);font-family:var(--mono);letter-spacing:.12em;padding-top:5px;font-size:10px}.workstation-list h3{margin:0 0 8px;font-size:20px;font-weight:500}.workstation-list p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.contact-section{text-align:center}.contact-section h2{letter-spacing:-.075em;margin:0;font-size:clamp(40px,7vw,88px);font-weight:500;line-height:.98}.contact-actions{justify-content:center;margin-top:42px}.contact-intro{color:#f4f0ebad;margin:28px auto 0;font-size:14px;line-height:1.8}.contact-email{color:var(--muted);font-family:var(--mono);margin:24px 0 0;font-size:11px}.site-footer{color:#f4f0ebad;justify-content:space-between;gap:24px;width:min(1120px,100% - 48px);margin:0 auto;padding:28px 0 36px;font-size:11px;display:flex}.site-footer p{margin:0}.site-footer nav{gap:20px;display:flex}.site-footer a:hover{color:var(--pink)}.home-shell,.inner-shell{isolation:isolate;background:radial-gradient(at 50% 66%,#5c2b5bb8,#0000 34%),radial-gradient(at 50% 100%,#9d543f57,#0000 42%),#080708;position:relative}.inner-shell{padding:clamp(18px,3vw,32px)}.home-shell:before,.inner-shell:before{content:"";z-index:0;filter:blur(45px);pointer-events:none;background:radial-gradient(circle at 52% 48%,#ffcee138,#0000 15%),radial-gradient(circle at 45% 75%,#6e397257,#0000 30%);position:fixed;inset:-10%}.home-shell:after,.inner-shell:after{content:"";z-index:0;opacity:.2;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:4px 4px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.home-shell>*,.inner-shell>*{z-index:1;position:relative}.inner-shell .site-footer{width:min(1120px,100%)}.page-hero{width:min(1120px,100%);margin:0 auto;padding:clamp(100px,13vw,180px) 0 clamp(80px,10vw,130px)}.page-hero h1{letter-spacing:-.08em;max-width:980px;margin:0;font-size:clamp(48px,8vw,104px);font-weight:500;line-height:.96}.page-hero>p:last-child{max-width:600px;color:var(--muted);margin:36px 0 0 auto;font-size:16px;line-height:1.8}.project-index-list{border-top:1px solid var(--line);width:min(1120px,100%);margin:0 auto}.project-index-list>a,.project-index-list>article{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr auto 110px;align-items:center;gap:24px;min-height:150px;transition:color .18s,padding .18s;display:grid}.project-index-list>a:hover{color:var(--pink);padding-inline:12px}.large-index{color:var(--muted);font-size:11px}.project-index-list h2{letter-spacing:-.05em;margin:0;font-size:clamp(24px,4vw,46px);font-weight:500}.project-index-list p{color:var(--muted);font-family:var(--mono);text-align:right;margin:0;font-size:10px}.project-group{padding-top:0}.about-layout{grid-template-columns:220px 1fr;gap:clamp(50px,10vw,130px);width:min(1000px,100%);margin:0 auto;padding:0 0 130px;display:grid}.about-layout aside{color:var(--muted);font-family:var(--mono);letter-spacing:.1em;padding-top:10px;font-size:9px}.about-layout aside p{border-bottom:1px solid var(--line);margin:0;padding:12px 0}.prose{color:#f4f0ebbd;font-size:17px;line-height:1.9}.prose p{margin:0 0 28px}.prose .lead{color:var(--text);letter-spacing:-.035em;font-size:clamp(24px,3vw,34px);line-height:1.45}.prose h2{color:var(--text);letter-spacing:-.05em;margin:72px 0 28px;font-size:30px;font-weight:500}.prose ul,.beliefs{margin:0;padding:0;list-style:none}.prose ul li{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;gap:24px;padding:21px 0;display:grid}.prose strong{color:var(--text);font-weight:500}.beliefs li{border-bottom:1px solid var(--line);color:var(--text);gap:20px;padding:19px 0;display:flex}.beliefs span{color:var(--pink);font-family:var(--mono);font-size:10px}.inline-actions{margin-top:48px}.tools-contact{text-align:center}.tools-contact h2{letter-spacing:-.075em;margin:0;font-size:clamp(40px,7vw,88px);font-weight:500;line-height:.98}.tools-contact .inline-actions{justify-content:center}.empty-state{border:1px solid var(--line);text-align:center;background:#ffffff05;width:min(1120px,100%);min-height:480px;margin:0 auto 100px;padding:clamp(50px,8vw,100px)}.empty-state h2{letter-spacing:-.06em;margin:20px 0 12px;font-size:clamp(34px,5vw,58px);font-weight:500}.empty-state>p:not(.eyebrow){color:var(--muted);margin:0}.empty-signal{justify-content:center;align-items:center;gap:8px;height:80px;display:flex}.empty-signal span{background:linear-gradient(var(--pink), var(--warm));opacity:.75;border-radius:99px;width:3px}.empty-signal span:first-child,.empty-signal span:nth-child(5){height:14px}.empty-signal span:nth-child(2),.empty-signal span:nth-child(4){height:38px}.empty-signal span:nth-child(3){height:70px}.not-found{text-align:center;background:radial-gradient(circle, #5c2b5b66, transparent 35%), var(--bg);place-content:center;gap:24px;min-height:100svh;padding:24px;display:grid}.not-found h1{letter-spacing:-.07em;max-width:700px;margin:0;font-size:clamp(36px,7vw,80px);font-weight:500}.not-found .button{justify-self:center}@media (max-width:800px){.section-heading{grid-template-columns:1fr;gap:16px}.project-grid{grid-template-columns:1fr}.project-card{min-height:220px}.story-section,.workstation-section{grid-template-columns:1fr}.story-section{row-gap:36px}.story-orbit{width:min(54vw,240px);margin:0 auto}.service-list article{grid-template-columns:50px 1fr}.service-list p{grid-column:2}.page-hero>p:last-child{margin-left:0}.project-index-list>a,.project-index-list>article{grid-template-columns:50px 1fr auto;padding:24px 0}.project-index-list p{text-align:left;grid-column:2/-1}.about-layout{grid-template-columns:1fr}}@media (max-width:720px){.site-header{grid-template-columns:1fr auto}.desktop-nav,.github-link{display:none}.menu-button{border:1px solid var(--line);cursor:pointer;z-index:50;background:#28282a;border-radius:50%;flex-direction:column;justify-content:center;justify-self:end;align-items:center;gap:6px;width:44px;height:44px;padding:0;display:flex;position:relative}.menu-button span{background:#fff;width:17px;height:1px;transition:transform .18s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.mobile-nav{z-index:40;color:#171619;background:#f3f0ec;border-radius:26px;padding:18px;position:fixed;top:78px;left:18px;right:18px;box-shadow:0 30px 80px #0000008c}.menu-overlay.is-open{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a3;border:0;display:block;position:fixed;inset:0}.mobile-nav.is-open{display:grid}.mobile-nav a{border-bottom:1px solid #0000001a;grid-template-columns:38px 1fr;align-items:center;padding:15px 8px;font-size:17px;display:grid}.mobile-nav a:last-child{border-bottom:0}.mobile-nav a span{color:#0006;font-family:var(--mono);font-size:9px}.mobile-nav a.active{font-weight:700}.hero-content{padding-top:5vh}.hero-title{font-size:clamp(32px,10vw,62px)}.hero-copy br{display:none}.project-line{grid-template-columns:1fr auto;gap:8px}.project-title{grid-area:1/1/auto/-1}.project-index,.project-state{grid-row:2}.hero-footer{font-size:8px}.prose ul li{grid-template-columns:1fr;gap:4px}}@media (max-width:420px){.hero,.inner-shell{padding-inline:18px}.brand span{display:none}.hero-status{font-size:9px}.hero-title{letter-spacing:0;font-size:clamp(28px,10.5vw,44px)}.hero-actions,.contact-actions,.inline-actions{flex-direction:column}.button{width:100%}.hero-footer{white-space:nowrap;gap:8px;overflow:hidden}.section{width:calc(100% - 36px)}.service-list article{grid-template-columns:38px 1fr;gap:12px}.workstation-list article{grid-template-columns:58px 1fr}.site-footer{flex-direction:column;width:calc(100% - 36px)}.inner-shell .site-footer{width:100%}.page-hero{padding-top:90px}.project-index-list>a,.project-index-list>article{grid-template-columns:34px 1fr;gap:12px}.project-index-list .status,.project-index-list p{grid-column:2}}@media (max-width:420px) and (max-height:650px){.hero-content{padding-block:12px}.hero-status{margin-bottom:10px}.hero-name{font-size:18px}.hero-actions{gap:8px;margin-top:18px}.hero .button{min-height:42px}.hero .project-line{padding-block:11px}.hero-footer{margin-top:10px}}@media (prefers-reduced-motion:reduce){.hero-video{display:none}.site-header,.hero-status,.hero-name,.hero-title,.hero-copy,.hero-actions,.project-line,.hero-footer{opacity:1;filter:none;animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}