.zs-photo-section{background:#f7f7f3}
.zs-photo-intro{color:#65716d;margin:12px 0 24px}
.zs-photo-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 40px}
.zs-photo-nav a{display:inline-flex;padding:10px 16px;border:1px solid #cfd7d0;border-radius:4px;background:#fff;color:#254236;text-decoration:none;font-size:14px}
.zs-photo-nav a:hover,.zs-photo-nav a:focus-visible{background:#254236;color:#fff}
.zs-photo-group{margin:36px 0 48px;scroll-margin-top:110px}
.zs-photo-group h3{font-size:24px;margin:0 0 20px;color:#254236}
.zs-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.zs-photo-card{margin:0;background:#fff;border:1px solid #e0e5df;border-radius:6px;overflow:hidden;min-width:0}
.zs-photo-card a{display:block;background:#efefeb;overflow:hidden}
.zs-photo-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;padding:8px;box-sizing:border-box}
.zs-photo-card a:hover img{background:#e5e9e2}
.zs-photo-card a:focus-visible{outline:3px solid #bb6628;outline-offset:-3px}
.zs-photo-card figcaption{padding:14px 15px;font-size:14px;line-height:1.6;color:#33463c}
.zs-photo-more{margin:24px 0 0}
@media(max-width:1000px){.zs-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:680px){.zs-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zs-photo-group h3{font-size:21px}.zs-photo-card figcaption{padding:10px;font-size:13px}.zs-photo-nav{gap:8px}.zs-photo-nav a{padding:8px 12px}}
@media(max-width:360px){.zs-photo-grid{grid-template-columns:minmax(0,1fr)}}