.fz-proj-filters{display:flex;flex-direction:column;gap:.9rem;margin-bottom:2.5rem}.fz-proj-filter-row{display:flex;gap:.5rem;min-width:0;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.fz-proj-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border:1px solid var(--border);border-radius:9999px;background:var(--card);color:var(--muted-foreground);font-family:inherit;font-size:.875rem;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.fz-proj-tab:hover{color:var(--foreground);border-color:color-mix(in oklch,var(--accent) 40%,transparent)}.fz-proj-tab.is-active{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary)}.fz-proj-tab-count{font-size:.72rem;font-weight:700;padding:.05rem .42rem;border-radius:9999px;background:color-mix(in oklch,var(--foreground) 10%,transparent)}.fz-proj-tab.is-active .fz-proj-tab-count{background:color-mix(in oklch,var(--primary-foreground) 22%,transparent)}.fz-proj-chip{flex:0 0 auto;padding:.4rem .85rem;border:1px solid var(--border);border-radius:9999px;background:transparent;color:var(--muted-foreground);font-family:inherit;font-size:.8rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.fz-proj-chip:hover{color:var(--foreground)}.fz-proj-chip.is-active,.fz-proj-chip:hover{border-color:color-mix(in oklch,var(--accent) 40%,transparent)}.fz-proj-chip.is-active{color:var(--primary);background:color-mix(in oklch,var(--accent) 14%,transparent)}.fz-proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));grid-gap:1.5rem;gap:1.5rem}.fz-proj-card{display:flex;flex-direction:column;background:var(--card);border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px color-mix(in oklch,var(--foreground) 7%,transparent);transition:box-shadow .18s ease,transform .18s ease}.fz-proj-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px color-mix(in oklch,var(--foreground) 10%,transparent),0 0 0 1px color-mix(in oklch,var(--accent) 35%,transparent)}.fz-proj-card-media{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,color-mix(in oklch,var(--accent) 22%,var(--card)) 0,var(--card) 100%);color:var(--primary)}.fz-proj-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.fz-proj-card:hover .fz-proj-card-media img{transform:scale(1.04)}.fz-proj-card-media-glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.45}.fz-proj-card-media-glyph svg{width:3rem;height:3rem}.fz-proj-card-badges{position:absolute;top:.75rem;left:.75rem;display:flex;gap:.4rem}.fz-proj-badge{font-family:var(--fz-font-mono);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .5rem;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fz-proj-badge--live{background:color-mix(in oklch,#10b981 88%,white);color:#04281d}.fz-proj-badge--case{background:color-mix(in oklch,var(--accent) 90%,white);color:var(--brand-deep)}.fz-proj-card-body{display:flex;flex-direction:column;gap:.55rem;padding:1.25rem 1.35rem 1.4rem;flex:1 1}.fz-proj-card-client{font-family:var(--fz-font-mono);font-size:.66rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-foreground)}.fz-proj-card-title{margin:0;font-size:1.15rem;font-weight:600;line-height:1.25;color:var(--foreground)}.fz-proj-card-tagline{margin:0;font-size:.9rem;line-height:1.5;color:var(--fz-ink-2)}.fz-proj-card-summary{margin:.1rem 0 0;font-size:.88rem;line-height:1.6;color:var(--muted-foreground);text-wrap:pretty}.fz-proj-card-chips{list-style:none;margin:.35rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.fz-proj-card-chips li{font-size:.72rem;font-weight:600;color:var(--primary);background:color-mix(in oklch,var(--accent) 12%,transparent);border-radius:9999px;padding:.18rem .6rem}.fz-proj-card-foot{margin-top:auto;padding-top:.9rem;display:flex;align-items:center;gap:.9rem}.fz-proj-card-details{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;font-family:inherit;font-size:.85rem;font-weight:600;color:var(--primary);cursor:pointer}.fz-proj-card-details:hover{color:var(--accent);text-decoration:underline}.fz-proj-card-visit{display:inline-flex;align-items:center;gap:.3rem;margin-left:auto;font-size:.8rem;font-weight:600;color:var(--muted-foreground)}.fz-proj-card-visit:hover{color:var(--accent)}.fz-proj-empty{max-width:40rem;margin:0 auto;padding:1.5rem 0;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.fz-proj-empty p{margin:0;font-size:1.02rem;line-height:1.7;color:var(--muted-foreground);text-wrap:pretty}.fz-proj-empty .fz-h2,.fz-proj-empty .fz-svc-h4{margin:0}.fz-proj-empty a{color:var(--fz-link);font-weight:600}.fz-proj-empty a:hover{text-decoration:underline}.fz-proj-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.fz-proj-drawer-backdrop{position:fixed;inset:0;z-index:100;background:color-mix(in oklch,var(--brand-deep) 45%,transparent);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}.fz-proj-drawer-backdrop.is-open{opacity:1;visibility:visible;transition:opacity .25s ease}.fz-proj-drawer{position:fixed;top:0;right:0;z-index:101;display:flex;flex-direction:column;width:min(38rem,100vw);height:100%;background:var(--background);box-shadow:-24px 0 60px color-mix(in oklch,var(--brand-deep) 28%,transparent);transform:translateX(100%);visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s}.fz-proj-drawer.is-open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1)}.fz-proj-drawer-head{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1.25rem;border-bottom:1px solid var(--border)}.fz-proj-drawer-titles{flex:1 1;min-width:0}.fz-proj-drawer-title{margin:0 0 .25rem;font-size:1.35rem;font-weight:600;line-height:1.2;color:var(--foreground)}.fz-proj-drawer-tagline{margin:0;font-size:.9rem;line-height:1.5;color:var(--muted-foreground)}.fz-proj-drawer-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--border);border-radius:9999px;background:var(--card);color:var(--foreground);cursor:pointer;transition:border-color .15s ease,color .15s ease}.fz-proj-drawer-close:hover{color:var(--accent);border-color:color-mix(in oklch,var(--accent) 45%,transparent)}.fz-proj-drawer-body{flex:1 1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.75rem}.fz-proj-drawer-actions{display:flex;flex-wrap:wrap;gap:.6rem}.fz-proj-share{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.2rem;border:1px solid var(--border);border-radius:9999px;background:var(--card);color:var(--foreground);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.fz-proj-share:hover{color:var(--accent);border-color:color-mix(in oklch,var(--accent) 45%,transparent)}.fz-proj-drawer-media{width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,color-mix(in oklch,var(--accent) 20%,var(--card)) 0,var(--card) 100%)}.fz-proj-drawer-media img{display:block;width:100%;height:100%;object-fit:cover}.fz-proj-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));grid-gap:.75rem;gap:.75rem}.fz-proj-metric{padding:.9rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--card)}.fz-proj-metric-value{font-size:1.3rem;font-weight:700;letter-spacing:-.02em;color:var(--primary)}.fz-proj-metric-label{margin-top:.15rem;font-size:.78rem;color:var(--muted-foreground)}.fz-proj-metric-desc{margin-top:.3rem;font-size:.75rem;line-height:1.5;color:var(--muted-foreground)}.fz-proj-drawer-section>p{margin:0;font-size:.95rem;line-height:1.7;color:var(--fz-ink-2);text-wrap:pretty}.fz-proj-drawer-section>p+p{margin-top:.75rem}.fz-proj-drawer-cta{margin-top:auto;padding:1.4rem;border-radius:16px;background:var(--primary);color:var(--primary-foreground);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.85rem}.fz-proj-drawer-cta p{margin:0;font-size:.95rem;line-height:1.5;color:color-mix(in oklch,var(--primary-foreground) 78%,transparent)}@media (min-width:700px){.fz-proj-drawer-head{padding:1.75rem 2rem 1.5rem}.fz-proj-drawer-body{padding:2rem}}@media (max-width:640px){.fz-proj-drawer{width:100vw;transform:translateY(100%)}.fz-proj-drawer.is-open{transform:none}}@media (prefers-reduced-motion:reduce){.fz-proj-card,.fz-proj-card-media img,.fz-proj-drawer,.fz-proj-drawer-backdrop{transition:none}.fz-proj-card:hover,.fz-proj-card:hover .fz-proj-card-media img{transform:none}}