.lab-page .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-page .lab-brand{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:26px;font-weight:700;letter-spacing:-2px;text-decoration:none}.lab-page .lab-brand span{color:var(--blue)}.lab-page .lab-nav .back{color:#727272;font-family:var(--mono);font-size:10px;margin-left:auto;text-decoration:none}.lab-page .lab-hero{padding:105px 8.5vw 70px;position:relative;overflow:hidden}.lab-page .eyebrow{color:#777;font-family:var(--mono);font-size:10px;letter-spacing:.6px;margin:0 0 24px}.lab-page .lab-hero h1{font-size:clamp(58px,8.5vw,136px);letter-spacing:-.09em;line-height:.83;margin:0;max-width:1050px}.lab-page .lab-hero h1 em{color:var(--blue);font-style:normal}.lab-page .lab-hero p:last-child{font-size:16px;line-height:1.7;margin:38px 0 0;max-width:480px}.lab-page .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}.lab-page .hero-stamp:after{background:var(--lime);border-radius:50%;content:"";height:16px;position:absolute;width:16px}.lab-page .lab-main{padding:0 5vw 110px}.lab-page .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}.lab-page .filter-row span{font-family:var(--mono);font-size:10px}.lab-page .filter-row .availability{color:#777}.lab-page .project-grid{display:grid;gap:14px;grid-template-columns:repeat(12,1fr);margin-top:34px}.lab-page .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}.lab-page .project-card:hover{box-shadow:13px 13px 0 var(--ink);transform:translate(-5px,-5px)}.lab-page .project-card.large{grid-column:span 7}.lab-page .project-card.small{grid-column:span 5}.lab-page .project-card:nth-child(3){grid-column:span 5}.lab-page .project-card:nth-child(4){grid-column:span 7}.lab-page .blue{background:#c7d2ff}.lab-page .lime{background:var(--lime)}.lab-page .pink{background:#ffc4df}.lab-page .dark{background:#1c1d24;color:#fff}.lab-page .apricot{background:#ffddc0;color:var(--ink)}.lab-page .card-meta{display:flex;font-family:var(--mono);font-size:10px;justify-content:space-between}.lab-page .card-meta b{font-weight:400}.lab-page .project-card h2{font-size:clamp(29px,3vw,50px);letter-spacing:-.07em;line-height:.95;margin:54px 0 14px;max-width:480px}.lab-page .project-card p{font-size:13px;line-height:1.65;max-width:390px}.lab-page .card-tags{bottom:24px;display:flex;flex-wrap:wrap;gap:6px;left:25px;position:absolute;z-index:2}.lab-page .card-tags span{border:1px solid currentColor;border-radius:99px;font-family:var(--mono);font-size:9px;padding:5px 8px}.lab-page .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}.lab-page .project-card:hover .card-go{transform:rotate(45deg) scale(1.1)}.lab-page .blue .card-go, .lab-page .lime .card-go, .lab-page .pink .card-go, .lab-page .apricot .card-go{background:#fff;color:var(--ink)}.lab-page .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%}.lab-page .pixel-flow i{animation:pulse-cell 2.7s infinite;background:var(--lime);height:27px;position:absolute;width:27px}.lab-page .pixel-flow i:nth-child(1){left:27px;top:54px}.lab-page .pixel-flow i:nth-child(2){animation-delay:.7s;right:54px;top:108px}.lab-page .pixel-flow i:nth-child(3){animation-delay:1.4s;bottom:20px;left:81px}.lab-page .chat-ui{bottom:0;display:grid;gap:8px;position:absolute;right:22px;width:44%}.lab-page .chat-ui i{animation:chat 3.2s infinite;background:#fff;border-radius:9px;height:42px;width:80%}.lab-page .chat-ui i:nth-child(2){animation-delay:.7s;background:#23252b;justify-self:end;width:63%}.lab-page .chat-ui i:nth-child(3){animation-delay:1.4s;background:#c9ffcf;width:92%}.lab-page .arc{border:2px solid var(--ink);border-radius:50%;height:330px;position:absolute;right:-100px;top:105px;width:330px}.lab-page .arc:before, .lab-page .arc:after{border-radius:50%;content:"";position:absolute}.lab-page .arc:before{animation:orbit 5s linear infinite;background:var(--blue);height:31px;left:21px;top:44px;width:31px}.lab-page .arc:after{animation:orbit 8s linear infinite reverse;background:#fff;height:18px;right:32px;top:72px;width:18px}.lab-page .scan{background:linear-gradient(135deg,#fff 0 44%,transparent 44%);bottom:-40px;height:280px;position:absolute;right:-40px;width:51%}.lab-page .scan:after{background:repeating-linear-gradient(90deg,#101114 0 3px,transparent 3px 7px);content:"";height:65px;left:35px;position:absolute;top:62px;width:150px}.lab-page .scan b{bottom:58px;font-family:"Space Grotesk";font-size:32px;left:32px;letter-spacing:-2px;line-height:.75;position:absolute}.lab-page .skill-section{border-top:1px solid var(--line);margin-top:110px;padding-top:28px}.lab-page .skill-section>div{display:flex;justify-content:space-between}.lab-page .skill-section h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.07em;margin:0}.lab-page .skill-section>div p{font-size:13px;line-height:1.6;max-width:350px}.lab-page .skill-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.lab-page .skill-grid article{border-right:1px solid var(--line);min-height:168px;padding:15px 22px 15px 0}.lab-page .skill-grid article+article{padding-left:22px}.lab-page .skill-grid article:last-child{border:0}.lab-page .skill-grid b{color:var(--blue);font-family:var(--mono);font-size:10px}.lab-page .skill-grid h3{font-size:18px;letter-spacing:-.04em;margin:38px 0 8px}.lab-page .skill-grid p{color:#68696d;font-size:12px;line-height:1.6;margin:0}.lab-page 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-page .lab-nav{gap:12px;height:64px;padding:0 20px}.lab-page .lab-nav .back{display:none}.lab-page .lab-hero{padding:75px 24px 57px}.lab-page .lab-hero h1{font-size:59px}.lab-page .lab-hero p:last-child{font-size:14px;max-width:340px}.lab-page .hero-stamp{bottom:25px;height:74px;right:24px;width:74px}.lab-page .project-grid{display:block}.lab-page .project-card, .lab-page .project-card.large, .lab-page .project-card.small, .lab-page .project-card:nth-child(3), .lab-page .project-card:nth-child(4){min-height:420px;margin-bottom:14px}.lab-page .project-card h2{font-size:35px}.lab-page .pixel-flow{width:48%}.lab-page .chat-ui{width:48%}.lab-page .skill-section{margin-top:70px}.lab-page .skill-section>div{display:block}.lab-page .skill-section>div p{font-size:12px}.lab-page .skill-grid{display:block;margin-top:25px}.lab-page .skill-grid article, .lab-page .skill-grid article+article{border-bottom:1px solid var(--line);border-right:0;min-height:0;padding:18px 0}.lab-page .skill-grid h3{margin:20px 0 6px}.lab-page footer{padding:19px 20px}}

.lab-page .project-card{color:var(--ink)}
.lab-page .project-card.dark{color:#fff}
.skill-list{display:grid;gap:14px;margin-top:34px}.skill-row{align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:auto 1fr auto;padding:22px 26px}.skill-row:hover{border-color:var(--blue);box-shadow:6px 6px 0 var(--ink)}.skill-cat{border-radius:8px;font-family:var(--mono);font-size:11px;padding:5px 10px;text-align:center;width:90px}.skill-name{font-size:20px;font-weight:700;margin:0 0 6px}.skill-desc{color:#555;font-size:14px;line-height:1.6;margin:0}.skill-link{border:1px solid var(--ink);border-radius:99px;color:var(--ink);font-family:var(--mono);font-size:12px;padding:10px 16px;text-decoration:none;white-space:nowrap}.skill-link:hover{background:var(--blue);border-color:var(--blue);color:#fff}.skill-cat.doc{background:#c7d2ff;color:#1d3a9e}.skill-cat.dev{background:#ffddc0;color:#8a4a1e}.skill-cat.design{background:#fa7cb5;color:#8a3565}.skill-cat.test{background:#d4ff36;color:#3a5a08}.skill-cat.meta{background:#e9e9e4;color:#333}.skill-repo{font-size:14px;font-weight:700}.skill-repo a{color:var(--blue);text-decoration:none}@media(max-width:780px){.skill-row{grid-template-columns:1fr;gap:12px}.skill-link{justify-self:start}}