/* Keep the alternating editorial compositions; give the artwork a quieter footprint. */
@media (min-width: 681px) {
  .work-section .project {
    gap: clamp(1.5rem, 3vw, 3rem);
    padding-top: 1.5rem;
    padding-bottom: 1.9rem;
  }
  .work-section .project-visual {
    width: 100%;
    max-width: 34rem;
    height: clamp(13.5rem, 21vw, 19rem);
    min-height: 0;
  }
  .work-section .project:nth-child(even) .project-visual { justify-self: end; }
  .work-section .placeholder-word { font-size: clamp(3.5rem, 7.5vw, 6.75rem); }
  .work-section .connect-word { font-size: clamp(3rem, 6.5vw, 5.5rem); }
  .work-section .ops-core { font-size: clamp(2rem, 4vw, 3.25rem); }
  .work-section .agora-word { font-size: clamp(3.5rem, 8vw, 6.75rem); }
}
@media (max-width: 680px) {
  .work-section .project { padding-top: 1.15rem; padding-bottom: 1.6rem; }
  .work-section .project-visual {
    height: clamp(11.5rem, 52vw, 16rem);
    min-height: 0;
  }
  .work-section .project-visual > * { min-height: 0; }
  .work-section .placeholder-word { font-size: clamp(3rem, 16vw, 4.5rem); }
  .work-section .connect-word { font-size: clamp(2.75rem, 14vw, 4.25rem); }
  .work-section .ops-core { font-size: clamp(2rem, 8vw, 2.75rem); }
  .work-section .agora-word { font-size: clamp(3.5rem, 15vw, 4.75rem); }
}