@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@700;800;900&family=Noto+Sans+SC:wght@400;500;700;800&display=swap";.ending-video{object-fit:cover;object-position:center;filter:brightness(.78);width:100%;height:100%}.about{min-height:909px;padding:80px 0}.about .section-heading{height:125px;margin-bottom:50px}.about .intro-card{grid-template-columns:183px 458px 231px;gap:96px;height:305px;padding:48px 66px}.timeline{grid-template-columns:334px 334px 334px;column-gap:91px;height:200px;position:relative}.timeline article{position:relative}.timeline article+article:before{content:"";background:#313331;width:1px;height:165px;position:absolute;top:18px;left:-46px}.timeline h3{margin-top:38px}.figma-video-title{text-align:right;filter:drop-shadow(0 0 30.15px #000);flex-direction:column;align-items:flex-end;gap:15.536px;width:682.291px;display:flex;top:542px;bottom:auto;right:120.71px}.figma-video-title>div{letter-spacing:0;width:306.837px;font:900 51.774px Inter,sans-serif}.figma-video-title h1,.figma-video-title h2{letter-spacing:-.08em;white-space:nowrap;min-width:100%;margin:0;font-family:YouSheBiaoTiHei,Noto Sans SC,sans-serif;font-size:148.11px;font-weight:800;line-height:normal}.figma-video-title h1 span{color:#94e915}.edge-shade,.ending-shade{background:linear-gradient(#07080800 0%,#07080880 36.48%,#070808bf 64.522%,#070808 100%);height:152px;top:auto}@media (width<=760px){.figma-video-title{gap:8px;width:calc(100% - 40px);top:auto;bottom:50px;right:20px}.figma-video-title>div{width:auto;font-size:27px}.figma-video-title h1,.figma-video-title h2{font-size:70px}}:root{--bg:#070808;--panel:#151715;--line:#313331;--lime:#94e915;--muted:#fff9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:#fff;margin:0;font-family:Noto Sans SC,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.content{width:min(1200px,100% - 64px);margin:auto}.floating-nav{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f0fae;border:1px solid #2d2d2d;border-radius:50px;justify-content:space-between;align-items:center;width:679px;height:70px;padding:0 40px;display:flex;position:fixed;top:49px;left:50%;transform:translate(-50%)}.logo{font:800 24px Inter}.floating-nav nav{gap:8px;display:flex}.floating-nav nav button{color:#ffffffad;padding:12px 16px;font-size:12px;transition:all .2s}.floating-nav nav button:hover{color:var(--lime)}.contact-btn{color:#070808;background:#fff;border-radius:25px;height:46px;padding:0 13px;font-size:14px}.hero,.ending{height:954px;position:relative;overflow:hidden}.hero-video,.ending>img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-video{filter:brightness(.82)}.edge-shade,.ending-shade{background:linear-gradient(#0000 65%,#070808c0 89%,#070808 100%),linear-gradient(90deg,#07080882,#0000 60%);position:absolute;inset:0}.hero-title,.ending-title{text-align:right;filter:drop-shadow(0 0 25px #000);position:absolute;bottom:96px;right:max(8.4vw,40px)}.hero-title>div,.ending-title>div{font:900 clamp(30px,3.6vw,52px)/1.2 Inter}.hero-title h1,.ending-title h2{letter-spacing:-.11em;margin:22px 0 0;font-size:clamp(76px,10.3vw,148px);font-weight:800;line-height:.9}.hero-title h1 span{color:var(--lime)}.sound-toggle{color:#fff;border:1px solid #ffffff70;border-radius:50%;width:36px;height:36px;position:absolute;bottom:34px;left:40px}.sound-toggle.on{color:var(--lime);border-color:var(--lime)}.about{background:#0b0e0d;padding:80px 0 110px}.section-heading{justify-content:space-between;align-items:flex-start;margin-bottom:50px;display:flex}.section-heading p,.timeline small,.work-meta small{color:var(--lime);margin:0;font:500 12px DM Mono}.section-heading h2{text-align:right;letter-spacing:-.09em;margin:0;font-size:55px;line-height:1.1}.section-heading h2 span{color:var(--lime)}.intro-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:183px 458px 1fr;gap:96px;height:305px;padding:48px 66px;display:grid}.years{text-align:right;font:500 114px/.78 DM Mono}.years span{color:var(--lime)}.years small{letter-spacing:.05em;color:var(--muted);white-space:nowrap;margin-top:17px;font:11px DM Mono;display:block}.intro-copy{color:#fffc;font-size:18px;line-height:1.6}.intro-copy p{margin:0 0 18px}.intro-copy button{border:1px solid #fffc;border-radius:99px;padding:7px 12px;font-size:14px;transition:all .2s}.intro-copy button:hover{background:var(--lime);border-color:var(--lime);color:#070808}.skills{flex-wrap:wrap;justify-content:flex-end;place-self:center end;gap:8px;max-width:231px;display:flex}.skills span{border:1px solid var(--line);color:#fffc;border-radius:99px;padding:6px 10px;font:12px DM Mono}.timeline{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:44px;margin-top:40px;display:grid}.timeline article{padding-top:25px}.timeline h3{margin:38px 0 12px;font-size:18px;font-weight:500}.timeline p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.works{padding:98px 0 100px}.work-grid{grid-template-columns:repeat(3,1fr);gap:50px 24px;display:grid}.work-card{text-align:left;border:1px solid var(--line);border-radius:16px;padding:0;transition:transform .35s,border-color .35s;overflow:hidden}.work-card:hover{border-color:var(--lime);transform:translateY(-8px)}.work-image{background:#1956c3;height:301px;overflow:hidden}.work-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.work-card:hover img{transform:scale(1.07)}.work-card.dapp img{object-fit:cover;width:100%;height:128%;margin-top:-28%}.work-card.bool .work-image{background:#ff623f}.work-card.bool img{object-position:top;object-fit:cover;height:600%}.work-meta{height:128px;padding:16px 12px;position:relative}.work-meta small{color:#fff9}.work-meta h3{margin:12px 0 6px;font:500 16px DM Mono}.work-meta p{color:var(--muted);margin:0;font-size:12px}.work-meta i{border:1px solid #fff6;border-radius:50%;place-items:center;width:36px;height:36px;font-style:normal;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)rotate(-45deg)}.ending{height:935px}.ending>img{filter:brightness(.78)}.ending-title{bottom:98px}.ending-title h2{letter-spacing:-.12em;font-size:clamp(78px,10.3vw,148px)}.qr-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:24px;width:205px;padding:10px;transition:width .35s,transform .35s;position:absolute;top:12%;left:13%}.qr-card:hover,.qr-card.expanded{width:310px;transform:rotate(-3deg)}.qr-card img{object-fit:cover;object-position:top;border-radius:16px;width:100%;height:250px;display:block}.qr-card span{color:#fff;padding-top:8px;font-size:12px;display:block}.modal{z-index:20;background:#000c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:#151715;border-radius:16px;width:min(560px,100%);padding:20px;position:relative}.modal-card img{object-fit:contain;background:#111;width:100%;max-height:420px}.modal-card small{color:var(--lime);margin-top:18px;font:12px DM Mono;display:block}.modal-card h2{margin:9px 0;font-size:30px}.modal-card p{color:var(--muted);margin:0}.close{font-size:30px;line-height:1;position:absolute;top:6px;right:10px}@media (width<=760px){.content{width:calc(100% - 40px)}.floating-nav{width:calc(100% - 40px);height:56px;padding:0 18px;top:20px}.logo{font-size:18px}.floating-nav nav{display:none}.contact-btn{height:36px;font-size:12px}.hero,.ending{height:680px}.hero-title,.ending-title{bottom:50px;right:20px}.hero-title>div,.ending-title>div{font-size:27px}.hero-title h1,.ending-title h2{font-size:67px}.about{padding:60px 0}.section-heading{display:block}.section-heading h2{text-align:left;margin-top:28px;font-size:43px}.intro-card{height:auto;padding:30px;display:block}.years{text-align:left;font-size:90px}.years small{margin-top:15px}.intro-copy{margin-top:35px;font-size:15px}.skills{justify-content:flex-start;max-width:none;margin-top:26px}.timeline,.work-grid{grid-template-columns:1fr}.timeline{gap:0}.timeline article{border-bottom:1px solid var(--line);padding:22px 0}.timeline h3{margin:18px 0 8px}.work-grid{gap:20px}.work-image{height:260px}.ending>img{object-position:45% center}.qr-card{width:135px;top:100px;left:20px}.qr-card img{height:170px}.ending-title h2{font-size:70px}}@media (width>=761px){.about{min-height:909px;padding:80px 0}.about .section-heading{height:125px;margin-bottom:50px}.about .intro-card{grid-template-columns:183px 458px 231px;gap:96px;height:305px;padding:48px 66px}.timeline{grid-template-columns:334px 334px 334px;column-gap:91px;height:200px;position:relative}.timeline article{position:relative}.timeline article+article:before{content:"";background:#313331;width:1px;height:165px;position:absolute;top:18px;left:-46px}.timeline h3{margin-top:38px}}.about{position:relative;overflow:hidden}.about-glow{z-index:0;left:var(--glow-x,50%);top:var(--glow-y,50%);opacity:0;pointer-events:none;background:radial-gradient(circle,#94e91529 0%,#94e9150e 34%,#0000 70%);border-radius:50%;width:420px;height:420px;transition:opacity .35s;position:absolute;transform:translate(-50%,-50%)}.about.glow-active .about-glow{opacity:1}.about .content{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.about-glow{display:none}}.intro-card{position:relative;overflow:hidden}.intro-card>*{z-index:1;position:relative}.border-tracer{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .18s;inset:0;overflow:visible;z-index:2!important;position:absolute!important}.intro-card.trace-active .border-tracer{opacity:1}.border-tracer rect{fill:none;stroke:#3eae70;stroke-width:1px;stroke-linecap:round;stroke-dasharray:360 2710;stroke-dashoffset:var(--trace-offset,0);filter:none;transition:stroke-dashoffset .3s cubic-bezier(.16,.78,.24,1)}@media (prefers-reduced-motion:reduce){.border-tracer{display:none}}@media (width>=761px){.about .intro-card{grid-template-columns:183px 458px minmax(290px,1fr);align-items:start;column-gap:60px;padding:32px 66px}.about .years{margin-top:31px}.about .intro-copy{margin:0;font-size:18px;line-height:28px}.about .intro-copy p{margin:0 0 20px}.about .intro-copy button{margin-top:5px}.about .skills{place-self:start end;max-width:231px;margin:0}}.tool-drop{isolation:isolate;place-self:stretch stretch;width:100%;height:241px;position:relative;overflow:visible}.tool-drop-icon{z-index:1;object-fit:contain;-webkit-user-select:none;user-select:none;will-change:transform;filter:drop-shadow(0 8px 8px #0009);width:52px;height:52px;position:absolute;top:0;left:0}.tool-drop-icon:nth-of-type(4){width:55px;height:55px}@media (width<=760px){.tool-drop{background:#151715;grid-template-columns:repeat(7,1fr);align-items:center;gap:8px;width:100%;height:116px;margin-top:25px;padding:16px;display:grid;overflow:visible}.tool-drop-icon{filter:none;max-width:46px;max-height:46px;margin:auto;top:auto;left:auto;width:100%!important;height:auto!important;position:relative!important;transform:none!important}.tool-drop:after{display:none}}.figma-video-title,.sound-toggle{z-index:2}.figma-video-title h1,.figma-video-title h2{letter-spacing:.045em;font-size:80px;line-height:1.06}.section-heading h2{letter-spacing:.035em;line-height:1.16}.hero-bottom-mask{z-index:1;pointer-events:none;background:linear-gradient(#07080800 0%,#07080880 36.48%,#070808bf 64.522%,#070808 100%);height:152px;position:absolute;bottom:0;left:0;right:0}.ending-top-mask{z-index:1;pointer-events:none;background:linear-gradient(#070808 0%,#070808bf 35.478%,#07080880 63.52%,#07080800 100%);height:96px;position:absolute;top:0;left:0;right:0}@media (width<=760px){.hero-bottom-mask{height:104px}.figma-video-title h1{letter-spacing:0;font-size:clamp(32px,10.2vw,60px)}.figma-video-title h2{font-size:80px}}.pill-btn{justify-content:space-between;align-items:center;gap:8px;min-width:116px;height:40px;padding:3px 4px 3px 14px;font-weight:500;line-height:1;transition:transform .22s,border-color .22s,box-shadow .22s;display:inline-flex;box-shadow:inset 0 1px #ffffff12,0 8px 20px #00000038;color:#f5f5f5!important;background:linear-gradient(135deg,#242625 0%,#121313 100%)!important;border:1px solid #303230!important;border-radius:999px!important;font-size:14px!important}.pill-btn i{color:#101111;background:#f7f7f7;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:18px;font-style:normal;transition:transform .22s,background .22s;display:grid}.pill-btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff20,0 12px 24px #00000052;border-color:#5b5e5c!important}.pill-btn:hover i{background:var(--lime);transform:rotate(45deg)}.contact-btn{min-width:116px;height:40px;padding:3px 4px 3px 14px}.contact-btn i{flex-basis:32px;width:32px;height:32px;font-size:18px}.intro-copy .pill-btn{padding:3px 4px 3px 14px}@media (width<=760px){.pill-btn,.contact-btn{min-width:106px;height:34px;padding-left:12px;font-size:12px!important}.pill-btn i,.contact-btn i{flex-basis:26px;width:26px;height:26px;font-size:15px}.intro-copy .pill-btn{padding:3px 4px 3px 12px}}.modal-card.long-case{background:#0b0c0c;width:calc(100vw - 96px);max-width:1320px;max-height:calc(100vh - 48px);padding:0;overflow:auto}.long-case .case-heading{z-index:2;border-bottom:1px solid var(--line);background:#0b0c0cf2;padding:22px 80px 18px 28px;position:sticky;top:0}.long-case .case-heading small{color:var(--lime);font:12px DM Mono;display:block}.long-case .case-heading h2{margin:6px 0 2px;font:500 28px DM Mono}.long-case .case-heading p{color:var(--muted);margin:0;font-size:13px}.long-case .case-pages{background:#121212;width:100%;height:auto;display:block;object-fit:initial!important;max-height:none!important}.long-case .close{z-index:3;color:#fff;background:#111;border:1px solid #ffffff38;border-radius:50%;width:34px;height:34px;font-size:25px;line-height:28px;position:absolute;top:13px;right:14px}@media (width<=760px){.modal-card.long-case{width:calc(100vw - 36px);max-height:calc(100vh - 28px)}.long-case .case-heading{padding:16px 66px 16px 20px}.long-case .case-heading h2{font-size:24px}.long-case .close{top:9px;right:10px}}@media (width>=761px) and (width<=999px){.about{min-height:0;padding:64px 0 72px}.about .content{width:calc(100% - 64px)}.about .section-heading{height:auto;margin-bottom:38px}.about .section-heading h2{font-size:48px}.about .intro-card{height:auto;padding:34px 40px;display:block}.about .years{text-align:left;margin-top:0;font-size:94px}.about .intro-copy{margin-top:32px;font-size:17px;line-height:1.65}.about .skills{justify-content:flex-start;justify-self:auto;max-width:none;margin-top:24px}.about .timeline{grid-template-columns:1fr;gap:0;height:auto;margin-top:36px;display:grid}.about .timeline article{border-bottom:1px solid var(--line);padding:22px 0}.about .timeline article+article:before{display:none}.about .timeline h3{margin:18px 0 8px}}@media (width<=760px){.about{min-height:0}.about .section-heading{height:auto;margin-bottom:38px}.about .intro-card{height:auto;padding:30px;display:block}.about .years{text-align:left;margin-top:0}.about .intro-copy{margin-top:35px}.about .skills{justify-content:flex-start;justify-self:auto;max-width:none;margin-top:26px}.about .timeline{grid-template-columns:1fr;gap:0;height:auto;margin-top:36px}.about .timeline article{border-bottom:1px solid var(--line);padding:22px 0}.about .timeline article+article:before{display:none}.about .timeline h3{margin:18px 0 8px}.ending-video{object-position:18% center}}.work-card.mxcm img{object-fit:cover;object-position:center;width:100%;height:100%;margin:0}.prototype-preload{opacity:0;pointer-events:none;border:0;width:1px;height:1px;position:fixed;bottom:-2px;left:-2px}.modal-card.prototype-case{background:#111;flex-direction:column;width:calc(100vw - 48px);max-width:1440px;height:calc(100vh - 48px);padding:0;display:flex;overflow:hidden}.prototype-case .case-heading{border-bottom:1px solid var(--line);background:#0b0c0cf2;flex:none;padding:22px 80px 18px 28px}.prototype-case .case-heading small{color:var(--lime);font:12px DM Mono;display:block}.prototype-case .case-heading h2{margin:6px 0 2px;font:500 28px/1.15 DM Mono}.prototype-case .case-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.prototype-case .close{z-index:3;color:#fff;background:#111d;border:1px solid #fff5;border-radius:50%;width:34px;height:34px;font-size:25px;line-height:28px;position:absolute;top:13px;right:14px}.prototype-frame{background:#111;border:0;flex:auto;width:100%;min-height:0;display:block}@media (width<=760px){.modal-card.prototype-case{width:calc(100vw - 28px);height:calc(100vh - 28px)}.prototype-case .case-heading{padding:16px 66px 16px 20px}.prototype-case .case-heading h2{font-size:24px}.prototype-case .close{top:9px;right:9px}}.modal-card.video-case{background:#080909;width:min(1180px,100vw - 48px);padding:0;overflow:hidden}.video-case .case-heading{border-bottom:1px solid var(--line);background:#0b0c0cf2;padding:22px 80px 18px 28px}.video-case .case-heading small{color:var(--lime);font:12px DM Mono;display:block}.video-case .case-heading h2{margin:6px 0 2px;font:500 28px/1.15 DM Mono}.video-case .case-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.video-case .case-video{object-fit:contain;background:#000;width:100%;max-height:calc(100vh - 155px);display:block}.video-case .close{z-index:3;color:#fff;background:#111d;border:1px solid #fff5;border-radius:50%;width:34px;height:34px;font-size:25px;line-height:28px;position:absolute;top:13px;right:14px}@media (width<=760px){.modal-card.video-case{width:calc(100vw - 28px)}.video-case .case-heading{padding:16px 66px 16px 20px}.video-case .case-heading h2{font-size:24px}.video-case .case-video{max-height:calc(100vh - 144px)}.video-case .close{top:9px;right:9px}}.modal-card:not(.long-case):not(.prototype-case):not(.video-case){width:min(520px,100% - 24px)}.works-carousel{width:100vw;margin-left:calc(min(1200px,100vw - 64px)/2 - 50vw);padding:10px 0 0;overflow:hidden}.work-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:center;gap:24px;padding:42px calc(50vw - 180px) 34px;display:flex;overflow-x:auto}.work-rail::-webkit-scrollbar{display:none}.works-carousel .carousel-card{border:1px solid var(--line);scroll-snap-align:center;opacity:.38;filter:saturate(.62)brightness(.72);background:#101211;border-radius:16px;flex:0 0 clamp(250px,27vw,360px);height:429px;padding:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s,filter .35s,border-color .35s;position:relative;overflow:hidden;transform:scale(.82)}.works-carousel .carousel-card.is-featured{z-index:1;opacity:1;filter:none;border-color:#ffffff61;transform:scale(1);box-shadow:0 24px 75px #000a}.works-carousel .carousel-card:hover{border-color:var(--lime);transform:scale(.9)}.works-carousel .carousel-card.is-featured:hover{transform:scale(1.025)}.works-carousel .work-image{height:301px}.works-carousel .work-meta{text-align:left;height:128px;padding:16px 12px}.works-carousel .work-meta h3{margin:12px 0 6px;font:500 16px DM Mono}.works-carousel .work-meta p{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.works-carousel .work-meta i{background:0 0;width:36px;height:36px;right:12px}.carousel-controls{color:#ffffff7a;justify-content:center;align-items:center;gap:18px;font:12px DM Mono;display:flex}.carousel-controls button{border:1px solid var(--line);border-radius:50%;width:38px;height:38px;font-size:18px;transition:all .2s}.carousel-controls button:hover{border-color:var(--lime);background:var(--lime);color:#090909}.carousel-controls b{color:var(--lime);font-weight:500}@media (width<=760px){.works-carousel{margin-left:calc(50% - 50vw)}.work-rail{gap:13px;padding:26px calc(50vw - 128px) 22px}.works-carousel .carousel-card{border-radius:16px;flex-basis:256px;height:388px;transform:scale(.86)}.works-carousel .work-image{height:260px}.works-carousel .work-meta{height:128px;padding:16px 12px}.works-carousel .work-meta h3{font-size:16px}.works-carousel .work-meta i{width:36px;height:36px;right:12px}.carousel-controls{margin-top:2px}}