.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:rgba(11,12,15,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{font-weight:600;letter-spacing:-0.01em;font-size:.95rem}.brand span{color:var(--text-dim);font-weight:400}.gallery-header{padding:64px 24px 32px;max-width:1100px;margin:0 auto;text-align:center}.gallery-header h1{font-size:clamp(1.6rem,3vw,2.4rem);margin:0 0 8px;letter-spacing:-0.02em}.gallery-header p{color:var(--text-dim);margin:0;font-size:.95rem}.grid{max-width:1100px;margin:0 auto;padding:8px 24px 96px;display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:24px}.card{display:block;background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:transform .15s ease,border-color .15s ease}.card:hover{transform:translateY(-3px);border-color:#3a3d46}.card .thumb{width:100%;height:210px;background:#1a1c22;overflow:hidden}.card .thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.card .meta{padding:14px 16px 16px}.card .meta .num{color:var(--text-dim);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.card .meta h2{margin:4px 0 0;font-size:1rem;font-weight:600}.empty{text-align:center;padding:96px 24px;color:var(--text-dim)}