.project-card-item[data-astro-cid-y2vllrex]{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden;&:hover{border-color:var(--ring);box-shadow:0 20px 48px -16px #00000038}}.specular-sheen[data-astro-cid-y2vllrex]{pointer-events:none;background:radial-gradient(450px circle at var(--sheen-x,50%) var(--sheen-y,50%), light-dark(#0015ff0d,#3875ff1f), transparent 70%);opacity:var(--sheen-opacity,0);z-index:5;transition:opacity .3s;position:absolute;inset:0}.project-thumb-btn[data-astro-cid-y2vllrex]{all:unset;aspect-ratio:16/10;cursor:zoom-in;background:var(--muted);flex-shrink:0;width:100%;display:block;position:relative;overflow:hidden;&:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}}.project-thumb-img[data-astro-cid-y2vllrex]{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.project-thumb-btn[data-astro-cid-y2vllrex]:hover .project-thumb-img[data-astro-cid-y2vllrex]{transform:scale(1.04)}.zoom-hint[data-astro-cid-y2vllrex]{opacity:0;backdrop-filter:blur(2px);background:#00000061;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0;& .zoom-icon{color:#fff;filter:drop-shadow(0 2px 6px #00000080);width:2rem;height:2rem}}.project-thumb-btn[data-astro-cid-y2vllrex]:hover .zoom-hint[data-astro-cid-y2vllrex]{opacity:1}.project-thumb-placeholder[data-astro-cid-y2vllrex]{aspect-ratio:16/10;background:color-mix(in oklab, var(--muted) 70%, transparent);width:100%;font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--border);flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-info[data-astro-cid-y2vllrex]{flex-direction:column;flex:1;gap:.55rem;padding:1rem 1.1rem .9rem;display:flex}.project-title-row[data-astro-cid-y2vllrex]{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.project-title[data-astro-cid-y2vllrex]{font-family:var(--font-heading);font-size:var(--step-0);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-heading);color:var(--foreground);align-items:center;gap:.25rem;text-decoration:none;display:inline-flex;& .title-arrow{opacity:.35;font-size:.85em;transition:opacity .15s,transform .15s}&:hover .title-arrow[data-astro-cid-y2vllrex]{opacity:1;transform:translate(3px)}}.project-badge[data-astro-cid-y2vllrex]{font-family:var(--font-mono);border-radius:var(--radius-xs);background:color-mix(in oklab, var(--muted) 85%, transparent);color:var(--muted-foreground);border:1px solid var(--border-subtle);white-space:nowrap;padding:.15rem .45rem;font-size:.6rem;line-height:1.6}.project-desc[data-astro-cid-y2vllrex]{font-size:var(--step--1);color:var(--muted-foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.project-footer[data-astro-cid-y2vllrex]{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.5rem;margin-block-start:auto;padding-block-start:.65rem;display:flex}.project-footer-meta[data-astro-cid-y2vllrex]{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.project-dates[data-astro-cid-y2vllrex]{font-family:var(--font-mono);color:var(--muted-foreground);opacity:.8;font-size:.66rem}.project-cta-row[data-astro-cid-y2vllrex]{align-items:center;gap:.4rem;display:flex}.case-study-btn[data-astro-cid-y2vllrex]{font-size:.72rem;font-family:var(--font-mono);font-weight:var(--font-weight-medium);color:var(--foreground);border-radius:var(--radius-xs);background:color-mix(in oklab, var(--foreground) 9%, transparent);border:1px solid var(--border);flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.28rem .65rem;text-decoration:none;transition:all .15s;display:inline-flex;&:hover{background:var(--foreground);color:var(--background)}}.live-icon-btn[data-astro-cid-y2vllrex]{border-radius:var(--radius-xs);width:1.7rem;height:1.7rem;color:var(--muted-foreground);border:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:all .15s;display:inline-flex;& .ext-icon{width:.7rem;height:.7rem}&:hover{color:var(--foreground);border-color:var(--ring);background:var(--surface-hover)}}.projects-page-header[data-astro-cid-yjitjrjk]{gap:var(--space-m);flex-direction:column;margin-block-end:var(--space-l);display:flex}.filter-status[data-astro-cid-yjitjrjk]{min-height:1.25em;margin:calc(var(--space-s) * -1) 0 var(--space-s);color:var(--muted-foreground);font-size:var(--step--1)}.header-text[data-astro-cid-yjitjrjk]{& h1{font-size:var(--step-3);line-height:1.15;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-heading);color:var(--foreground);margin-block-end:var(--space-2xs)}& .header-desc{font-size:var(--step-0);color:var(--muted-foreground);line-height:var(--line-height-body);max-width:46rem;margin:0}}.filter-tabs[data-astro-cid-yjitjrjk]{padding-block:var(--space-3xs);flex-wrap:wrap;gap:.4rem;display:flex;& .filter-tab{border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--border);color:var(--muted-foreground);font-size:var(--step--1);cursor:pointer;align-items:center;gap:.35rem;padding:.35rem .75rem;transition:all .15s;display:inline-flex;&:hover{color:var(--foreground);background:var(--surface-hover);border-color:var(--ring)}&.active{color:var(--foreground);font-weight:var(--font-weight-medium);background:var(--surface-active);border-color:var(--foreground)}& .tab-count{font-family:var(--font-mono);opacity:.7;font-size:.75em}}}.projects-list[data-astro-cid-yjitjrjk]{gap:var(--space-m);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid;@media (width<44rem){grid-template-columns:1fr}}.lightbox[data-astro-cid-yjitjrjk]{z-index:9999;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;&[hidden]{display:none}}.lightbox-backdrop[data-astro-cid-yjitjrjk]{all:unset;backdrop-filter:blur(10px);cursor:zoom-out;background:#000000d1;animation:.22s both lb-bg-in;position:absolute;inset:0}@keyframes lb-bg-in{0%{opacity:0}to{opacity:1}}.lightbox-inner[data-astro-cid-yjitjrjk]{z-index:1;flex-direction:column;align-items:center;gap:.75rem;max-width:min(90vw,1200px);max-height:90vh;animation:.28s cubic-bezier(.16,1,.3,1) both lb-img-in;display:flex;position:relative}@keyframes lb-img-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.lightbox-img[data-astro-cid-yjitjrjk]{border-radius:.5rem;width:auto;max-width:100%;height:auto;max-height:calc(90vh - 4rem);display:block;box-shadow:0 32px 80px -16px #000000b3}.lightbox-caption[data-astro-cid-yjitjrjk]{font-family:var(--font-mono);color:#ffffffa6;text-align:center;margin:0;font-size:.72rem}.lightbox-x[data-astro-cid-yjitjrjk]{all:unset;cursor:pointer;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background .15s;display:flex;position:absolute;top:-2.8rem;right:0;&:hover{background:#ffffff38}& .x-icon{color:#fff;width:1rem;height:1rem}}