.photo-filters{flex-wrap:wrap;gap:10px;margin-bottom:32px;display:flex}.photo-filters button{border:1px solid var(--border);background:var(--white);color:var(--graphite);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:inline-flex}.photo-filters button span{color:var(--steel-grey);font-size:12px}.photo-filters button:hover{border-color:var(--navy)}.photo-filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--white)}.photo-filters button[aria-pressed=true] span{color:#ffffffb3}.photo-masonry{columns:3;column-gap:20px}.photo-tile{break-inside:avoid;background:var(--surface);border-radius:4px;margin:0 0 20px;overflow:hidden}.photo-tile button{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.photo-tile img{width:100%;height:auto;display:block}.photo-zoom{background:var(--white);width:32px;height:32px;color:var(--graphite);opacity:0;border-radius:3px;place-items:center;transition:opacity .2s;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #0002}.photo-tile button:hover .photo-zoom,.photo-tile button:focus-visible .photo-zoom{opacity:1}.photo-count{color:var(--steel-grey);text-align:center;margin-top:8px;font-size:12px}.gallery-note{max-width:720px;color:var(--steel-grey);margin-top:40px;font-size:13px}@media (max-width:1000px){.photo-masonry{columns:2}}@media (max-width:560px){.photo-masonry{columns:1}}@media (hover:none){.photo-zoom{opacity:1}}@media (prefers-reduced-motion:reduce){.photo-zoom{transition:none}}