:root{--ink:#101114;--paper:#f6f6f3;--blue:#265dff;--pink:#fa7cb5;--lime:#d4ff36;--line:#d8d8d2;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",sans-serif;margin:0}.lab-nav{align-items:center;background:#f6f6f3cc;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;gap:29px;height:73px;justify-content:flex-start;padding:0 4.3vw}.lab-brand{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:26px;font-weight:700;letter-spacing:-2px;text-decoration:none}.lab-brand span{color:var(--blue)}.lab-nav nav{display:flex;gap:9px}.lab-nav nav a{border:1px solid transparent;border-radius:99px;color:var(--ink);font-size:15px;font-weight:700;padding:10px 13px 10px 11px;text-decoration:none;transition:all .25s ease}.lab-nav nav a:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}.lab-nav nav a.active{background:var(--blue);color:#fff}.lab-nav nav a span{color:var(--blue);font-family:var(--mono);font-size:8px;margin-right:3px}.lab-nav nav a.active span{color:#fff}.lab-nav .back{color:#727272;font-family:var(--mono);font-size:10px;margin-left:auto;text-decoration:none}.lab-hero{padding:105px 8.5vw 70px;position:relative;overflow:hidden}.eyebrow{color:#777;font-family:var(--mono);font-size:10px;letter-spacing:.6px;margin:0 0 24px}.lab-hero h1{font-size:clamp(58px,8.5vw,136px);letter-spacing:-.09em;line-height:.83;margin:0;max-width:1050px}.lab-hero h1 em{color:var(--blue);font-style:normal}.lab-hero p:last-child{font-size:16px;line-height:1.7;margin:38px 0 0;max-width:480px}.hero-stamp{align-items:center;animation:stamp 8s linear infinite;border:1px solid #a4a6ac;border-radius:50%;bottom:35px;color:#54565c;display:flex;font-family:var(--mono);font-size:9px;height:126px;justify-content:center;position:absolute;right:9vw;text-align:center;width:126px}.hero-stamp:after{background:var(--lime);border-radius:50%;content:"";height:16px;position:absolute;width:16px}.lab-main{padding:0 5vw 110px}.filter-row{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:flex;gap:8px;justify-content:space-between;padding:14px 0}.filter-row span{font-family:var(--mono);font-size:10px}.filter-row .availability{color:#777}.project-grid{display:grid;gap:14px;grid-template-columns:repeat(12,1fr);margin-top:34px}.project-card{color:var(--ink);min-height:455px;overflow:hidden;padding:25px;position:relative;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.project-card:hover{box-shadow:13px 13px 0 var(--ink);transform:translate(-5px,-5px)}.project-card.large{grid-column:span 7}.project-card.small{grid-column:span 5}.project-card:nth-child(3){grid-column:span 5}.project-card:nth-child(4){grid-column:span 7}.blue{background:#c7d2ff}.lime{background:var(--lime)}.pink{background:#ffc4df}.dark{background:#1c1d24;color:#fff}.card-meta{display:flex;font-family:var(--mono);font-size:10px;justify-content:space-between}.card-meta b{font-weight:400}.project-card h2{font-size:clamp(29px,3vw,50px);letter-spacing:-.07em;line-height:.95;margin:54px 0 14px;max-width:480px}.project-card p{font-size:13px;line-height:1.65;max-width:390px}.card-tags{bottom:24px;display:flex;flex-wrap:wrap;gap:6px;left:25px;position:absolute;z-index:2}.card-tags span{border:1px solid currentColor;border-radius:99px;font-family:var(--mono);font-size:9px;padding:5px 8px}.card-go{align-items:center;background:var(--ink);border-radius:50%;bottom:22px;color:#fff;display:flex;font-size:22px;height:45px;justify-content:center;position:absolute;right:22px;transition:transform .3s;width:45px}.project-card:hover .card-go{transform:rotate(45deg) scale(1.1)}.blue .card-go,.lime .card-go,.pink .card-go{background:#fff;color:var(--ink)}.pixel-flow{background:#18224b;background-image:linear-gradient(#ffffff16 1px,transparent 1px),linear-gradient(90deg,#ffffff16 1px,transparent 1px);background-size:27px 27px;height:230px;position:absolute;right:0;top:0;width:41%}.pixel-flow i{animation:pulse-cell 2.7s infinite;background:var(--lime);height:27px;position:absolute;width:27px}.pixel-flow i:nth-child(1){left:27px;top:54px}.pixel-flow i:nth-child(2){animation-delay:.7s;right:54px;top:108px}.pixel-flow i:nth-child(3){animation-delay:1.4s;bottom:20px;left:81px}.chat-ui{bottom:0;display:grid;gap:8px;position:absolute;right:22px;width:44%}.chat-ui i{animation:chat 3.2s infinite;background:#fff;border-radius:9px;height:42px;width:80%}.chat-ui i:nth-child(2){animation-delay:.7s;background:#23252b;justify-self:end;width:63%}.chat-ui i:nth-child(3){animation-delay:1.4s;background:#c9ffcf;width:92%}.arc{border:2px solid var(--ink);border-radius:50%;height:330px;position:absolute;right:-100px;top:105px;width:330px}.arc:before,.arc:after{border-radius:50%;content:"";position:absolute}.arc:before{animation:orbit 5s linear infinite;background:var(--blue);height:31px;left:21px;top:44px;width:31px}.arc:after{animation:orbit 8s linear infinite reverse;background:#fff;height:18px;right:32px;top:72px;width:18px}.scan{background:linear-gradient(135deg,#fff 0 44%,transparent 44%);bottom:-40px;height:280px;position:absolute;right:-40px;width:51%}.scan:after{background:repeating-linear-gradient(90deg,#101114 0 3px,transparent 3px 7px);content:"";height:65px;left:35px;position:absolute;top:62px;width:150px}.scan b{bottom:58px;font-family:"Space Grotesk";font-size:32px;left:32px;letter-spacing:-2px;line-height:.75;position:absolute}.skill-section{border-top:1px solid var(--line);margin-top:110px;padding-top:28px}.skill-section>div{display:flex;justify-content:space-between}.skill-section h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.07em;margin:0}.skill-section>div p{font-size:13px;line-height:1.6;max-width:350px}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.skill-grid article{border-right:1px solid var(--line);min-height:168px;padding:15px 22px 15px 0}.skill-grid article+article{padding-left:22px}.skill-grid article:last-child{border:0}.skill-grid b{color:var(--blue);font-family:var(--mono);font-size:10px}.skill-grid h3{font-size:18px;letter-spacing:-.04em;margin:38px 0 8px}.skill-grid p{color:#68696d;font-size:12px;line-height:1.6;margin:0}footer{background:var(--ink);color:#fff;display:flex;font-family:var(--mono);font-size:9px;justify-content:space-between;padding:23px 5vw}@keyframes pulse-cell{50%{background:#fa7cb5;transform:scale(1.45)}}@keyframes chat{50%{transform:translateY(-8px)}}@keyframes orbit{to{transform:rotate(360deg) translateX(20px)}}@keyframes stamp{to{transform:rotate(360deg)}}@media(max-width:780px){.lab-nav{gap:12px;height:64px;padding:0 20px}.lab-nav .back{display:none}.lab-nav nav a{font-size:12px;font-weight:700;padding:8px 10px}.lab-nav nav a span{display:none}.lab-hero{padding:75px 24px 57px}.lab-hero h1{font-size:59px}.lab-hero p:last-child{font-size:14px;max-width:340px}.hero-stamp{bottom:25px;height:74px;right:24px;width:74px}.project-grid{display:block}.project-card,.project-card.large,.project-card.small,.project-card:nth-child(3),.project-card:nth-child(4){min-height:420px;margin-bottom:14px}.project-card h2{font-size:35px}.pixel-flow{width:48%}.chat-ui{width:48%}.skill-section{margin-top:70px}.skill-section>div{display:block}.skill-section>div p{font-size:12px}.skill-grid{display:block;margin-top:25px}.skill-grid article,.skill-grid article+article{border-bottom:1px solid var(--line);border-right:0;min-height:0;padding:18px 0}.skill-grid h3{margin:20px 0 6px}footer{padding:19px 20px}}