.projects-page{--bg:#080a10;--surface:#0d1018;--line:#222733;--text:#f4f6fb;--muted:#9aa3b5;--blue:#5b8cff;--violet:#9b6cff;background:var(--bg);min-height:100vh;color:var(--text);font-family:Manrope,system-ui,sans-serif}.projects-page *{box-sizing:border-box}.projects-container{width:min(1180px,100% - 48px);margin:auto}.projects-page .projects-hero{background:radial-gradient(circle at 75% 30%, #5b8cff21, transparent 30%), radial-gradient(circle at 58% 10%, #9b6cff17, transparent 25%), var(--bg);min-height:720px;padding:155px 0 90px;position:relative;overflow:hidden}.projects-page .projects-hero:before,.projects-page .projects-cta:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.projects-page .projects-hero-inner{z-index:2;position:relative}.projects-page .projects-eyebrow,.projects-page .section-kicker{color:#7f8ba4;letter-spacing:.17em;align-items:center;gap:9px;font:500 10px DM Mono,monospace;display:inline-flex}.projects-page .projects-eyebrow:before{content:"";background:#6e89ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 13px #6e89ff}.projects-page h1,.projects-page h2,.projects-page h3{font-family:Manrope,system-ui,sans-serif}.projects-page .projects-hero h1{letter-spacing:-.065em;max-width:900px;margin:25px 0;font-size:clamp(52px,7vw,88px);font-weight:800;line-height:.98}.projects-page h1 em,.projects-page .project-philosophy h2 em{background:linear-gradient(100deg,#fff 10%,#7e9dff 45%,#ae7cff 90%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.projects-page .projects-lead{color:#9ca5b6;max-width:650px;font-size:15px;line-height:1.8}.projects-page .project-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:70px;display:grid}.projects-page .project-metric{border-right:1px solid var(--line);padding:21px 22px 21px 0}.projects-page .project-metric+.project-metric{padding-left:22px}.projects-page .project-metric:last-child{border-right:0}.projects-page .project-metric strong{background:linear-gradient(100deg,#fff,#849cff);color:#0000;-webkit-background-clip:text;background-clip:text;font:700 25px DM Mono;display:block}.projects-page .project-metric span{color:#697489;margin-top:6px;font:9px DM Mono;display:block}.projects-page .projects-work{background:#090b11;border-top:1px solid #ffffff06;padding:115px 0}.projects-page .projects-toolbar{justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px;display:flex}.projects-page .projects-toolbar h2{letter-spacing:-.055em;margin:12px 0 0;font-size:clamp(35px,4.2vw,56px);line-height:1.04}.projects-page .project-filters{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.projects-page .project-filters button{border:1px solid var(--line);color:#687489;cursor:pointer;letter-spacing:.07em;background:0 0;border-radius:99px;padding:8px 11px;font:500 9px DM Mono}.projects-page .project-filters button:hover,.projects-page .project-filters button.selected{color:#eef1fa;background:linear-gradient(100deg,#19285b,#2b174a);border-color:#4e6ef5;box-shadow:0 0 25px #586fff14}.projects-page .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.projects-page .project-card{border:1px solid var(--line);background:radial-gradient(circle at 85% 0%, #5b8cff0f, transparent 35%), var(--surface);border-radius:18px;transition:all .3s;overflow:hidden}.projects-page .project-card:hover{border-color:#39445d;transform:translateY(-4px);box-shadow:0 22px 55px #00000040}.projects-page .project-visual{border-bottom:1px solid var(--line);background:radial-gradient(circle at 70% 35%,#5b8cff1a,#0000 35%),#0b0e15;min-height:290px;padding:25px;position:relative}.projects-page .project-visual:before{content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.projects-page .project-window{z-index:2;background:#0d1018;border:1px solid #293142;border-radius:12px;height:240px;position:relative;overflow:hidden;box-shadow:0 22px 45px #00000052}.projects-page .project-window-bar{background:#0b0e15;border-bottom:1px solid #222936;align-items:center;gap:5px;height:29px;padding-left:11px;display:flex}.projects-page .project-window-bar span{background:#4d5668;border-radius:50%;width:5px;height:5px}.projects-page .project-window-content{grid-template-columns:23% 1fr;height:calc(100% - 29px);display:grid}.projects-page .project-window-content>.project-image{grid-column:1/-1;height:100%}.projects-page .project-image{border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.projects-page .mock-sidebar{background:#0b0e14;border-right:1px solid #202633;padding:16px 11px}.projects-page .mock-logo{background:linear-gradient(135deg,#101a38,#17102b);border:1px solid #435bca;border-radius:8px;width:26px;height:26px;margin-bottom:20px}.projects-page .mock-line{background:#272e3b;border-radius:4px;width:76%;height:5px;margin:12px 0}.projects-page .mock-line.active{background:#4b5f9d;width:90%}.projects-page .mock-line.short{width:48%}.projects-page .mock-main{padding:18px}.projects-page .mock-heading{justify-content:space-between;align-items:center;display:flex}.projects-page .mock-heading svg{color:#8298ff}.projects-page .mock-title{background:#dce2ef;border-radius:5px;width:125px;height:8px}.projects-page .mock-subtitle{background:#303847;border-radius:4px;width:80px;height:5px;margin-top:7px}.projects-page .mock-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:22px;display:grid}.projects-page .mock-stats div{background:#111520;border:1px solid #242b38;border-radius:6px;height:38px}.projects-page .mock-chart{background:#10141d;border:1px solid #242b38;border-radius:6px;align-items:end;gap:7px;height:85px;margin-top:17px;padding:10px;display:flex}.projects-page .mock-chart i{opacity:.75;background:linear-gradient(#8a79e8,#405bbd);border-radius:2px 2px 0 0;flex:1;min-height:20%;display:block}.projects-page .mock-chart i:nth-child(2){height:52%}.projects-page .mock-chart i:nth-child(3){height:34%}.projects-page .mock-chart i:nth-child(4){height:74%}.projects-page .mock-chart i:nth-child(5){height:60%}.projects-page .mock-chart i:nth-child(6){height:88%}.projects-page .mock-chart i:nth-child(7){height:68%}.projects-page .project-body{padding:27px;position:relative}.projects-page .project-number{color:#4e586a;font:10px DM Mono;position:absolute;top:27px;right:27px}.projects-page .project-type{color:#687489;letter-spacing:.15em;font:500 9px DM Mono}.projects-page .project-body h3{letter-spacing:-.04em;max-width:480px;margin:14px 55px 12px 0;font-size:25px;line-height:1.08}.projects-page .project-body p{color:#8791a3;max-width:520px;margin:0;font-size:12px;line-height:1.75}.projects-page .project-tags{flex-wrap:wrap;gap:7px;margin-top:21px;display:flex}.projects-page .project-tags span{color:#687489;border:1px solid #252c39;border-radius:99px;padding:6px 9px;font:500 9px DM Mono}.projects-page .project-link{color:#aab6ff;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:25px;padding:0;font:600 10px DM Mono;display:inline-flex}.projects-page .project-philosophy{border-top:1px solid var(--line);background:radial-gradient(circle at 20%,#5b8cff12,#0000 28%),#080a10;padding:120px 0}.projects-page .philosophy-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:90px;display:grid}.projects-page .project-philosophy h2{letter-spacing:-.06em;max-width:650px;margin:22px 0 0;font-size:clamp(43px,5.7vw,72px);line-height:.98}.projects-page .philosophy-list{border-top:1px solid #242a36}.projects-page .philosophy-list div{color:#a3adbd;border-bottom:1px solid #242a36;align-items:center;gap:13px;padding:18px 0;font-size:11px;display:flex}.projects-page .philosophy-list span{color:#8298ff;background:#11182b;border:1px solid #40506f;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;display:grid}.projects-page .projects-cta{text-align:center;border-top:1px solid var(--line);background:radial-gradient(circle,#4c5fe926,#0000 34%),#090b11;padding:135px 0 150px;position:relative;overflow:hidden}.projects-page .projects-cta:before{background-size:70px 70px;-webkit-mask-image:none;mask-image:none}.projects-page .projects-cta-inner{z-index:2;position:relative}.projects-page .projects-cta .section-kicker{justify-content:center}.projects-page .projects-cta h2{letter-spacing:-.065em;max-width:820px;margin:20px auto;font-size:clamp(45px,6vw,76px);line-height:.98}.projects-page .projects-cta p{color:#8d97aa;max-width:570px;margin:auto;font-size:13px;line-height:1.8}.projects-page .projects-cta a{color:#f1f3fa;background:linear-gradient(100deg,#19285b,#2b174a);border:1px solid #4e6ef5;border-radius:10px;align-items:center;gap:8px;margin-top:30px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex}@media (max-width:900px){.projects-page .project-grid{grid-template-columns:1fr}.projects-page .projects-toolbar{flex-direction:column;align-items:flex-start}.projects-page .project-filters{justify-content:flex-start}.projects-page .philosophy-inner{grid-template-columns:1fr;gap:55px}}@media (max-width:600px){.projects-page .projects-container{width:min(1180px,100% - 32px)}.projects-page .projects-hero{min-height:auto;padding-top:115px}.projects-page .projects-hero h1{font-size:49px}.projects-page .projects-lead{font-size:13px}.projects-page .project-metrics{grid-template-columns:repeat(2,1fr);margin-top:50px}.projects-page .project-metric:nth-child(2){border-right:0}.projects-page .project-metric:nth-child(n+3){border-top:1px solid var(--line)}.projects-page .project-metric:nth-child(3){padding-left:0}.projects-page .projects-work,.projects-page .project-philosophy{padding:90px 0}.projects-page .project-visual{min-height:225px;padding:14px}.projects-page .project-window{height:195px}.projects-page .project-body{padding:24px}.projects-page .project-body h3{font-size:23px}.projects-page .projects-cta{padding:105px 0}.projects-page .projects-cta h2{font-size:46px}}