.filter-bar{z-index:10;background:0 0;flex-direction:column;gap:16px;padding:16px 28px 20px;display:flex;position:sticky;top:0}.site-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.site-header-left{flex-direction:column;gap:4px;display:flex}.site-title{color:#fff;white-space:nowrap;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 6px rgba(var(--accent-r), var(--accent-g), var(--accent-b), .5), 0 0 14px rgba(var(--accent-r), var(--accent-g), var(--accent-b), .3), 0 0 28px rgba(var(--accent-r), var(--accent-g), var(--accent-b), .15);font-family:Geist Mono,monospace;font-size:24px;font-weight:200;line-height:1;transition:text-shadow .4s}.site-subtitle{color:#ffffffd9;letter-spacing:1.5px;font-size:10px;font-weight:300}.color-picker{align-items:center;gap:8px;padding-top:4px;display:flex}.color-swatch{background:var(--swatch-color);cursor:pointer;border:2px solid #0000;border-radius:50%;width:16px;height:16px;padding:0;transition:border-color .2s,transform .2s}.color-swatch:hover{transform:scale(1.2)}.color-swatch.active{border-color:#fffc}.filter-groups{flex-direction:column;flex:1;gap:6px;display:flex}.filter-group{flex-wrap:wrap;gap:6px;display:flex}.filter-btn{color:#ffffff73;cursor:pointer;white-space:nowrap;text-transform:uppercase;background:0 0;border:1px solid #ffffff26;padding:4px 10px;font-family:inherit;font-size:12px;transition:all .2s}.filter-btn:hover{color:#ffffffb3;border-color:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .5);background:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .1)}.filter-btn.active{background:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .2);color:#ffffffe6;border-color:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .5)}@media (width<=600px){.filter-bar{gap:12px;padding:12px 16px 16px}.site-header{align-items:center}.color-picker{display:none}}.mosaic{columns:4;z-index:1;column-gap:14px;padding:16px 28px 28px;position:relative}.photo-card{break-inside:avoid;cursor:pointer;background:#ffffff08;margin-bottom:14px;overflow:hidden}.photo-card img{opacity:0;width:100%;height:auto;transition:opacity .5s,filter .2s;display:block}.photo-card img.loaded{opacity:.88}.photo-card:hover img.loaded{opacity:1;filter:brightness(1.1)}@media (width<=1200px){.mosaic{columns:3}}@media (width<=768px){.mosaic{columns:2;padding:12px 16px 16px}}@media (width<=480px){.mosaic{columns:1}}.lightbox{z-index:100;background:0 0;justify-content:center;align-items:center;animation:.3s forwards lightbox-fade-in;display:flex;position:fixed;inset:0}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex}.lightbox-image-wrapper{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lightbox-placeholder{object-fit:contain;filter:blur(20px);max-width:90vw;max-height:85vh;transform:scale(1.05)}.lightbox-image{object-fit:contain;opacity:0;max-width:90vw;max-height:85vh;transition:opacity .3s;position:absolute}.lightbox-image.loaded{opacity:1;position:relative}.lightbox-meta{color:#fff9;letter-spacing:.5px;margin-top:12px;font-size:13px}.lightbox-close{color:#ffffffb3;cursor:pointer;z-index:101;background:0 0;border:none;padding:4px 8px;font-size:32px;line-height:1;position:fixed;top:16px;right:20px}.lightbox-close:hover{color:#fff}.lightbox-nav{color:#ffffff80;cursor:pointer;z-index:101;background:0 0;border:none;padding:8px 16px;font-size:48px;line-height:1;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:#ffffffe6}.lightbox-nav--prev{left:8px}.lightbox-nav--next{right:8px}.site-footer{z-index:2;text-align:right;color:#fff9;letter-spacing:1px;background:0 0;padding:40px 28px 20px;font-size:11px;position:relative}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;text-transform:uppercase;background:#000;min-height:100vh;font-family:Geist Mono,monospace;overflow-x:hidden}#root{z-index:1;position:relative}