/* Compact layouts for the main Website v1 page; desktop keeps its existing layout. */
@media (max-width: 760px) {
  .site-content { padding-top: 36px !important; }
  .engagement-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 1px solid #ded4ca !important;
    border-radius: 20px;
    overflow: hidden;
  }
  .engagement-grid > div { padding: 23px 12px; text-align: center; background: #f5eee680; }
  .engagement-grid > div:nth-child(odd) { border-right: 1px solid #ded4ca; }
  .engagement-grid > div:nth-child(-n+2) { border-bottom: 1px solid #ded4ca; }
  .engagement-grid > div > div:first-child { font-size: 34px !important; }
  .engagement-grid > div > div:last-child { font-size: 9px !important; line-height: 1.5; }
  #partners { padding-top: 48px !important; }
  #work { padding-top: 52px !important; }
  .work-category { padding-top: 30px !important; }
  .work-video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 12px !important;
    padding-top: 16px !important;
  }
  .work-video-card { min-width: 0; }
  .work-video-card iframe { max-width: 100%; }
  .work-video-caption { font-size: 12px !important; gap: 4px !important; }
  .work-video-caption > span:first-child { white-space: normal !important; overflow: visible !important; line-height: 1.4; }
  .about-grid { grid-template-columns: minmax(0, 1fr) !important; padding-top: 56px !important; gap: 28px !important; }
  #events { padding-top: 56px !important; }
  .phone-showcase { margin-bottom: 30px; }
}