@media (max-width: 980px) {
  body[data-page="photography"] .archive-section {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  body[data-page="photography"] #photography-archive {
    --work-columns: 3 !important;
    --work-column-gap: 4px !important;
    --work-row-gap: 4px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 4px !important;
    padding-top: 6px !important;
  }
}

@media (max-width: 460px) {
  body[data-page="photography"] .archive-section {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }

  body[data-page="photography"] #photography-archive {
    --work-column-gap: 3px !important;
    --work-row-gap: 3px !important;
    column-gap: 3px !important;
    padding-top: 4px !important;
  }
}