.projects-page[data-astro-cid-3rkrlumz]{width:100%;overflow-x:hidden}.projects-hero[data-astro-cid-3rkrlumz]{background-color:var(--bg);border-bottom:1px solid var(--border);padding:140px 0 100px}.hero-container[data-astro-cid-3rkrlumz]{max-width:var(--max-width);flex-direction:column;align-items:center;gap:48px;margin:0 auto;padding:0 1.5rem;display:flex}.projects-intro[data-astro-cid-3rkrlumz]{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.badge[data-astro-cid-3rkrlumz]{background-color:var(--card-bg);border:1px solid var(--border);border-radius:9999px;padding:8px 24px;box-shadow:0 4px 12px #00000005}.badge-text[data-astro-cid-3rkrlumz]{font-family:var(--font-heading);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.page-title[data-astro-cid-3rkrlumz]{color:var(--fg);letter-spacing:-.03em;margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1}.page-desc[data-astro-cid-3rkrlumz]{color:var(--muted);max-width:600px;font-size:1.25rem;line-height:1.5}.filter-tabs[data-astro-cid-3rkrlumz]{background-color:var(--bg-alt);border:1px solid var(--border);border-radius:9999px;flex-wrap:wrap;justify-content:center;gap:12px;padding:8px;display:flex;box-shadow:0 4px 12px #00000003}.filter-tab[data-astro-cid-3rkrlumz]{font-family:var(--font-heading);color:var(--muted-dark);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:9999px;padding:10px 24px;font-size:.95rem;font-weight:600}.filter-tab[data-astro-cid-3rkrlumz]:hover{color:var(--fg)}.filter-tab[data-astro-cid-3rkrlumz].active{background-color:var(--card-bg);color:var(--accent);border:1px solid var(--border);margin:-1px;box-shadow:0 4px 12px #0000000d}.projects-grid[data-astro-cid-3rkrlumz]{grid-template-columns:repeat(2,1fr);gap:30px;width:100%;display:grid}.project-card[data-astro-cid-3rkrlumz]{aspect-ratio:1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:24px;width:100%;padding:0;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:0 15px 40px #0000000a}.project-card[data-astro-cid-3rkrlumz]:hover{transform:translateY(-4px);box-shadow:0 24px 50px #0000001a}.project-card[data-astro-cid-3rkrlumz]:active{transition:transform 80ms,box-shadow 80ms;transform:scale(.96);box-shadow:0 6px 20px #0000000f}.project-card[data-astro-cid-3rkrlumz].filtered-out{display:none}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-in[data-astro-cid-3rkrlumz]{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInScale}.project-img-wrapper[data-astro-cid-3rkrlumz]{width:100%;height:100%;overflow:hidden}.project-img[data-astro-cid-3rkrlumz]{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-info-capsule[data-astro-cid-3rkrlumz]{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:30px;left:30px;right:30px}.project-meta[data-astro-cid-3rkrlumz]{background-color:var(--card-bg);border:1px solid var(--border);transition:transform var(--transition-smooth);pointer-events:auto;border-radius:9999px;align-items:center;gap:12px;padding:10px 24px;display:flex;box-shadow:0 10px 25px #0000000d}.project-name[data-astro-cid-3rkrlumz]{font-family:var(--font-heading);color:var(--fg);font-size:1rem;font-weight:600}.divider[data-astro-cid-3rkrlumz]{color:var(--border)}.project-year[data-astro-cid-3rkrlumz]{font-family:var(--font-heading);color:var(--muted-dark);font-size:1rem;font-weight:600}.project-btn-arrow[data-astro-cid-3rkrlumz]{background-color:var(--card-bg);border:1px solid var(--border);width:48px;height:48px;color:var(--fg);transition:transform var(--transition-smooth), background-color var(--transition-smooth), color var(--transition-smooth);pointer-events:auto;border-radius:9999px;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 25px #0000000d}.arrow-svg[data-astro-cid-3rkrlumz]{width:18px;height:18px;transition:transform .3s;transform:rotate(-45deg)}.project-card[data-astro-cid-3rkrlumz]:hover .project-img[data-astro-cid-3rkrlumz]{transform:scale(1.05)}.project-card[data-astro-cid-3rkrlumz]:hover .project-meta[data-astro-cid-3rkrlumz]{transform:translate(4px)}.project-card[data-astro-cid-3rkrlumz]:hover .project-btn-arrow[data-astro-cid-3rkrlumz]{background-color:var(--fg);color:var(--bg);border-color:var(--fg)}.project-card[data-astro-cid-3rkrlumz]:hover .arrow-svg[data-astro-cid-3rkrlumz]{transform:rotate(0)}@media (width<=768px){.projects-grid[data-astro-cid-3rkrlumz]{grid-template-columns:1fr}.project-card[data-astro-cid-3rkrlumz]{aspect-ratio:1.2}}@media (width<=480px){.project-card[data-astro-cid-3rkrlumz]{aspect-ratio:1.1}.project-info-capsule[data-astro-cid-3rkrlumz]{bottom:20px;left:20px;right:20px}.project-meta[data-astro-cid-3rkrlumz]{padding:8px 16px;font-size:.9rem}.filter-tabs[data-astro-cid-3rkrlumz]{border-radius:20px;padding:6px}.filter-tab[data-astro-cid-3rkrlumz]{padding:8px 16px;font-size:.9rem}}#projects-lightbox.lightbox{z-index:9999;opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:24px;transition:opacity .3s;display:flex;position:fixed;inset:0}#projects-lightbox.lightbox.is-open{opacity:1;pointer-events:all}#projects-lightbox .lightbox-backdrop{-webkit-backdrop-filter:blur(8px);background:#000000d9;position:absolute;inset:0}#projects-lightbox .lightbox-content{z-index:1;flex-direction:column;align-items:center;gap:16px;max-width:min(90vw,1000px);max-height:90vh;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:scale(.94)}#projects-lightbox.is-open .lightbox-content{transform:scale(1)}#projects-lightbox .lightbox-img{object-fit:contain;border-radius:16px;width:auto;max-width:100%;height:auto;max-height:calc(90vh - 80px);display:block;box-shadow:0 30px 80px #00000080}#projects-lightbox .lightbox-caption{color:#ffffffb3;font-family:var(--font-heading);letter-spacing:.02em;font-size:.95rem;font-weight:500}#projects-lightbox .lightbox-close{color:#fff;cursor:pointer;backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:flex;position:absolute;top:-14px;right:-14px}#projects-lightbox .lightbox-close:hover{background:#ffffff47;transform:rotate(90deg)}
