.photo-era[hidden] { display: none; }
.photo-era + .photo-era { margin-top: 68px; }
.photo-era-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 18px 0 26px; }
.photo-era-heading h2 { margin: 0; font-size: clamp(48px, 6vw, 84px); line-height: 1; letter-spacing: -.025em; }
.photo-era-heading p { margin: 0 0 3px; font-size: 13px; text-align: right; }
.photo-era-heading p span { display: block; margin-top: 8px; color: #999; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.photo-grid-current { display: grid; grid-template-columns: .8fr 1.2fr; gap: 30px; columns: auto; align-items: start; }
.photo-item h3 { margin: 7px 0 0; font-size: 14px; font-weight: 500; }
.photo-era + .photo-era { border-top: 1px solid #353535; }
@media (max-width: 700px) {
  .photo-grid-current { display: block; }
  .photo-era-heading { align-items: start; padding: 16px 0 24px; gap: 16px; }
  .photo-era-heading h2 { font-size: clamp(42px, 10vw, 62px); }
  .photo-era-heading p { font-size: 11px; max-width: 135px; }
  .photo-era-heading p span { font-size: 9px; line-height: 1.6; }
  .photo-era + .photo-era { margin-top: 40px; }
  .photo-item h3 { font-size: 15px; }
}