.gallery-hero{padding:10rem 0 4rem;text-align:center}.filter-bar{position:sticky;top:72px;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);padding:1rem 0;display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.filter-pill{padding:.5rem 1.25rem;border-radius:100px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-family:General Sans,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-pill:hover{border-color:var(--border-medium);color:var(--text-primary)}.filter-pill.active{background:var(--accent-primary);border-color:transparent;color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;padding:3rem 0}.gallery-card{transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.gallery-card:hover{transform:translateY(-4px)}.gallery-card-hidden{opacity:0;transform:scale(.95);pointer-events:none;position:absolute;visibility:hidden}.gallery-frame .browser-frame-body picture{display:block;width:100%;aspect-ratio:16 / 9}.gallery-frame .browser-frame-body img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-card-info{display:flex;justify-content:space-between;align-items:center;padding:1rem .5rem}.gallery-card-info h3{font-family:General Sans,sans-serif;font-size:1rem;font-weight:500;color:var(--text-primary)}.gallery-tag{font-size:.75rem;padding:.25rem .75rem;border-radius:100px;background:var(--accent-soft);color:var(--text-accent);font-weight:500}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#1a1715f2;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-overlay.active{opacity:1;pointer-events:all}.lightbox-content{max-width:1200px;width:90%;text-align:center}.lightbox-content img{width:100%;max-height:75vh;-o-object-fit:contain;object-fit:contain;border-radius:12px}.lightbox-info{margin-top:1.5rem;display:flex;justify-content:center;align-items:center;gap:1rem}.lightbox-info h3{font-family:General Sans,sans-serif;font-size:1.5rem;color:#fafaf7}.lightbox-close{position:absolute;top:2rem;right:2rem;width:48px;height:48px;border:none;background:#ffffff1a;border-radius:50%;color:#fafaf7;font-size:1.5rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.lightbox-close:hover{background:#fff3}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;background:#ffffff1a;border-radius:50%;color:#fafaf7;font-size:1.5rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.lightbox-nav:hover{background:#fff3}.lightbox-prev{left:2rem}.lightbox-next{right:2rem}