.photo-intro{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:center}.photo-intro .certainty{font-size:13px;padding:22px}.photo-intro .certainty p{margin-bottom:0}.photo-filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 18px}.photo-filters button{border:1px solid #cfc0a7;background:#faf8f3;padding:9px 15px;border-radius:20px;font-size:12px}.photo-filters button[aria-pressed=true]{background:#79603e;color:#fffaf1;border-color:#79603e}.photo-count{font-size:12px;color:#7c705e}.war-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:25px 0 35px}.war-gallery article{background:#faf8f3;border:1px solid #e1d7c7;border-radius:6px;overflow:hidden}.photo-image{display:block;width:100%;padding:12px;border:0;background:#eae3d5;cursor:zoom-in}.photo-image img{display:block;width:100%;height:auto;aspect-ratio:1.42;object-fit:contain}.photo-caption{padding:20px 23px}.photo-caption h3{font-size:24px;margin:10px 0}.photo-caption h3 button{background:none;border:0;padding:0;text-align:left;font:inherit}.photo-caption p{font-size:13px;color:#716758;line-height:1.8}.photo-caption .eyebrow{font-size:8px;letter-spacing:1.2px}.photo-unknown{display:block;color:#88704f;font-size:11px}.photo-caption>a{display:inline-block;font-size:12px;color:#80613a;margin-top:15px}.photo-view-nav{display:flex;gap:10px;margin:15px 0}.photo-view-nav button{background:#eee7d9;border:1px solid #cdbd9f;border-radius:4px;padding:8px 12px;flex:1}.header nav{gap:26px;margin-right:1%}@media(max-width:1100px){.brand small{display:none}.header nav{gap:20px}}@media(max-width:800px){.header nav{gap:20px;justify-content:flex-start;overflow-x:auto;white-space:nowrap}.header nav a{flex-shrink:0}.photo-intro{grid-template-columns:1fr;gap:0}.photo-intro .certainty{margin-top:0}.war-gallery{grid-template-columns:1fr;gap:24px}.photo-caption{padding:17px}.photo-filters{gap:8px}.photo-filters button{padding:8px 11px;font-size:11px}}

.family-gallery{align-items:start}.family-gallery .photo-image img{aspect-ratio:auto;max-height:560px;object-fit:contain}.header nav{gap:20px}.header .brand small{display:none}@media(max-width:1100px){.header nav{gap:16px}.header nav a{font-size:14px}}