.project-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s ease,box-shadow .35s ease}.project-card:hover{transform:translateY(-10px) scale(1.015);border-color:var(--border-strong);box-shadow:0 30px 70px var(--shadow-color)}.project-phone-screen img{transition:transform .55s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-phone-screen img{transform:scale(1.07)}.project-cover{aspect-ratio:16/10;padding:22px;flex-direction:column}.project-cover,.project-cover-top{position:relative;display:flex;justify-content:space-between}.project-cover-top{gap:10px;z-index:5}.project-cover--showcase{aspect-ratio:16/11;overflow:hidden}.project-phones{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:58px;pointer-events:none}.project-phone{position:relative;flex:0 0 auto;width:29%;aspect-ratio:9/19.3;margin:0 -5%;padding:5px;border-radius:26px;background:linear-gradient(158deg,#232c2a,#0a0d0c 60%);box-shadow:0 20px 44px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.08)}.project-phone:before{content:"";position:absolute;top:11px;left:50%;transform:translateX(-50%);width:30%;height:5px;border-radius:100px;background:rgba(0,0,0,.5);z-index:2}.project-phone-screen{position:relative;width:100%;height:100%;border-radius:21px;overflow:hidden;background:#000}.project-phone--center{z-index:3;width:32%;transform:translateY(-12px)}.project-phone--left{z-index:1;transform:rotate(-6deg) translateY(16px)}.project-phone--right{z-index:1;transform:rotate(6deg) translateY(16px)}.project-card:hover .project-phone--center{transform:translateY(-18px)}.project-phone--center,.project-phone--left,.project-phone--right{transition:transform .35s cubic-bezier(.4,0,.2,1)}.project-title{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;margin:0 0 12px}.project-cover--nda{aspect-ratio:16/11;overflow:hidden}.project-cover--nda:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 12% -10%,rgba(255,255,255,.18),transparent 55%),radial-gradient(90% 80% at 108% 112%,rgba(20,184,127,.34),transparent 60%);pointer-events:none;z-index:0}.nda-scene{position:absolute;inset:0;z-index:1;overflow:hidden}.nda-scene:before{content:"";position:absolute;inset:-1px;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 0);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at 50% 46%,#000 38%,transparent 80%);mask-image:radial-gradient(circle at 50% 46%,#000 38%,transparent 80%)}.nda-panels{position:absolute;inset:0;filter:blur(1.5px)}.nda-panel{position:absolute;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(158deg,rgba(255,255,255,.2),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 40px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nda-panel--a{top:15%;left:6%;width:47%;height:54%;transform:rotate(-3.5deg)}.nda-panel--b{bottom:9%;right:5%;width:50%;height:50%;transform:rotate(2.5deg)}.nda-dots{display:flex;gap:5px}.nda-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4)}.nda-bars{display:flex;align-items:flex-end;gap:6px;flex:1;min-height:0}.nda-bars i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(20,184,127,.6))}.nda-bars i:first-child{height:45%}.nda-bars i:nth-child(2){height:72%}.nda-bars i:nth-child(3){height:38%}.nda-bars i:nth-child(4){height:88%}.nda-bars i:nth-child(5){height:60%}.nda-bars i:nth-child(6){height:78%}.nda-line{height:9px;border-radius:100px;background:rgba(255,255,255,.26)}.nda-line--lg{width:82%}.nda-line--md{width:64%}.nda-line--sm{width:46%}.nda-chip-row{display:flex;gap:8px;margin-top:auto}.nda-chip{height:22px;flex:1;border-radius:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.14)}.nda-badge{position:absolute;z-index:3;left:50%;top:51%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:100px;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 12px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .35s cubic-bezier(.4,0,.2,1)}.nda-badge span{font-size:.82rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.project-card:hover .nda-badge{transform:translate(-50%,-50%) scale(1.04)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nda-panel{background:rgba(255,255,255,.12)}.nda-badge{background:rgba(12,40,31,.72)}}.project-cat,.project-loc{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 12px;border-radius:100px}.project-cover-name{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:#fff;letter-spacing:-.01em}.project-body{padding:28px;display:flex;flex-direction:column;flex:1}.project-summary{font-size:.98rem;color:var(--text-secondary);margin:0 0 22px;line-height:1.65}.project-metrics{display:flex;gap:28px;margin-bottom:24px;margin-top:auto}.project-metric{display:flex;flex-direction:column}.project-metric strong{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-green);line-height:1.1}.project-metric span{font-size:.78rem;color:var(--text-muted);margin-top:4px}.project-readmore{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.92rem;color:var(--color-green)}.project-card:hover .project-readmore svg{transform:translateX(4px)}.project-readmore svg{transition:transform .25s ease}@media (prefers-reduced-motion:reduce){.nda-badge,.project-card,.project-phone--center,.project-phone-screen img{transition:none}.project-card:hover,.project-card:hover .project-phone-screen img{transform:none}}@media (max-width:560px){.project-phones{padding-top:46px}.project-phone--left,.project-phone--right{display:none}.project-phone--center{width:42%}}