*{box-sizing:border-box}body{margin:0;background:#fff;color:#111;font-family:Arial,sans-serif}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:20px;padding:18px 5vw;background:#050505;color:#fff}main{max-width:1500px;margin:auto;padding:30px 4vw}h1{font-size:clamp(28px,4vw,52px);margin:0 0 22px}nav{display:flex;gap:8px;overflow:auto;padding-bottom:18px}button{border:1px solid #ddd;background:#fff;padding:10px 16px;border-radius:999px;white-space:nowrap;cursor:pointer}button.on{background:#111;color:#fff;border-color:#111}#photos{columns:4 260px;column-gap:10px}figure{break-inside:avoid;margin:0 0 10px;background:#f4f4f4}img{display:block;width:100%;height:auto}figcaption{display:none}#empty{text-align:center;padding:80px 20px;color:#777}