*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;background:#f5f5f5;color:#1a1a1a;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:24px 16px}header h1{font-size:24px;font-weight:300;margin-bottom:24px}.tag-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;align-items:flex-start}.tag-group{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.tag-group-label{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s,color .2s;display:flex;align-items:center;gap:4px}.tag-group-label::before{content:'+';font-size:12px;font-weight:400}.tag-group-label[aria-expanded=true]::before{content:'−'}.tag-group-label:hover{background:#e8e8e8;color:#555}.tag-group-tags{display:flex;flex-wrap:wrap;gap:4px}.tag-group-tags.collapsed{display:none}.tag-filter{background:#fff;color:#333;border:1px solid #ddd;padding:3px 8px;border-radius:10px;font-size:12px;cursor:pointer;transition:background .2s,border-color .2s}.tag-filter:hover{background:#fff;border-color:#999}.tag-filter.active{background:#333;color:#fff}.photo-grid{}.photo-card{cursor:pointer;transition:box-shadow .2s,transform .2s;margin-bottom:16px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,8%)}.photo-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-2px)}.photo-card img{width:100%;height:auto;display:block}.photo-card .caption{font-size:16px;font-weight:500;margin-top:0;padding:12px 12px 0}.photo-card .meta{font-size:14px;color:#666;margin-top:4px;padding:0 12px}.photo-card .tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding:0 12px 12px}.photo-card .tag{background:#f0f0f0;color:#333;padding:2px 8px;border-radius:12px;font-size:12px}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:1000;justify-content:center;align-items:center;flex-direction:column}.lightbox.active{display:flex}.lightbox img{max-width:90%;max-height:80%;object-fit:contain}.lightbox .lightbox-caption{color:#fff;text-align:center;margin-top:16px;padding:0 16px}.lightbox .lightbox-caption .caption{font-size:18px;font-weight:500}.lightbox .lightbox-caption .meta{font-size:14px;color:#ccc;margin-top:4px}.lightbox .close{position:absolute;top:20px;right:20px;color:#fff;font-size:32px;cursor:pointer;background:0 0;border:none}.lightbox .nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:48px;cursor:pointer;background:0 0;border:none;padding:20px}.lightbox .nav.prev{left:10px}.lightbox .nav.next{right:10px}.lightbox .nav:hover{color:#ccc}