.photos-heading { padding:var(--s-3) 0 var(--s-4); }
.photos-heading .g-lede { max-width:48ch; }
.photo-cover { margin:0 0 var(--s-7); border-bottom:var(--zocalo-h) solid var(--zocalo-band); }
.photo-cover img { display:block; width:100%; height:min(46vw,460px); object-fit:cover; }
.photo-cover figcaption,.photo-original figcaption { padding:var(--s-3) 0; color:var(--ink-3); font:var(--t-dense)/var(--lh-dense) var(--sans); }
.photo-browse { padding-top:var(--s-5); }
.photo-filters { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto; align-items:end; gap:var(--s-4); margin:var(--s-5) 0; font:var(--t-dense)/var(--lh-dense) var(--sans); }
.photo-filters label { display:grid; gap:var(--s-2); min-width:0; }
.photo-filters input { width:100%; }
.photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s-6) var(--s-5); }
.photo-tile { margin:0; min-width:0; }
.photo-tile[hidden] { display:none; }
.photo-tile>a { display:block; overflow:hidden; }
.photo-tile img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.photo-tile figcaption { padding:var(--s-3) 0; }
.photo-tile figcaption a { display:inline-flex; min-height:var(--hit); align-items:center; color:var(--ink); font:var(--t-sub)/var(--lh-head) var(--serif); text-decoration:none; }
.photo-tile figcaption a:hover { text-decoration:underline; }
.photo-tile figcaption span { display:block; color:var(--ink-3); font:var(--t-dense)/var(--lh-dense) var(--sans); }
.photo-original { margin:0; }
.photo-original img { display:block; width:100%; height:auto; max-height:80svh; object-fit:contain; background:var(--lime-sunken); }
.photo-detail-info { display:grid; grid-template-columns:7fr 4fr; gap:var(--col-gap); margin-top:var(--s-6); }
.photo-detail-info aside { border-top:2px solid var(--rule-strong); padding-top:var(--s-5); }
.photo-paging { display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--s-3); margin:var(--s-5) 0; }
.photo-home-feature { display:grid; grid-template-columns:7fr 4fr; align-items:center; gap:var(--s-7); margin:var(--s-7) 0; padding-bottom:var(--s-6); border-bottom:var(--zocalo-h) solid var(--zocalo-band); }
.photo-home-feature img { width:100%; height:auto; max-height:480px; object-fit:cover; display:block; }
.workbench-links { display:grid; grid-template-columns:1fr 1fr; gap:var(--s-6); margin:var(--s-6) 0; }
.workbench-links article { border-top:2px solid var(--rule-strong); padding-top:var(--s-5); }
@media(max-width:850px) { .photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .photo-home-feature { grid-template-columns:1fr; gap:var(--s-5); } }
@media(max-width:600px) { .photo-filters,.photo-detail-info,.workbench-links { grid-template-columns:1fr; } .photo-grid { grid-template-columns:1fr; } .photo-cover img { height:auto; aspect-ratio:4/3; } .photos-heading { padding-top:var(--s-3); } }
@media(prefers-reduced-motion:no-preference) { .photo-tile img { transition:transform var(--dur) var(--ease); } .photo-tile>a:hover img { transform:scale(1.025); } .photo-cover { animation:photo-arrive var(--dur) var(--ease); } @keyframes photo-arrive { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } } }

.g-discovery .photo-discovery-cover a,.g-discovery .photo-discovery-cover img { display:block; width:100%; height:100%; object-fit:cover; }

.g-discovery .photo-discovery-cover figcaption { display:block; position:absolute; bottom:0; right:0; padding:var(--s-2) var(--s-3); font:var(--t-micro)/var(--lh-dense) var(--sans); }
.photo-home-feature>a { text-decoration:none; }
.photo-home-credit { display:block; padding-top:var(--s-2); color:var(--ink-3); font:var(--t-micro)/var(--lh-dense) var(--sans); }