#viewer{color:#eee}
.raw-gallery{columns:3;column-gap:26px;margin:45px 0}
.raw-photo{display:block;break-inside:avoid;width:100%;border:0;padding:0;margin:0 0 28px;text-align:left;background:none;color:#aeb4a4;cursor:pointer}
.raw-photo img{display:block;width:100%;height:auto;transition:filter .2s}
.raw-photo:hover img{filter:brightness(1.08)}
.raw-photo span{display:block;margin-top:10px;font-size:12px}
.raw-photo:focus-visible,#viewer button:focus-visible{outline:2px solid #d3bf7b;outline-offset:4px}
#viewer .toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}
#viewer .toolbar span{font-size:14px}
#viewer .controls{display:flex;justify-content:space-between;gap:15px}
#viewer button{font:14px Arial,Helvetica,sans-serif;color:#eee;background:none;border:1px solid #666;padding:10px 16px;cursor:pointer}
@media(max-width:850px){.raw-gallery{columns:2;column-gap:18px}}
@media(max-width:520px){.raw-gallery{columns:1;margin-top:30px}}