@media (max-width: 768px) {
  .page-header {
    padding: 120px 24px 40px;
  }
  .filter-bar {
    padding: 0 24px;
    margin-bottom: 32px;
  }
  .works-grid {
    padding: 0 24px 80px;
  }

  .lightbox-modal {
    flex-direction: column;
    width: 95vw;
    height: 90vh;
    max-height: none;
  }

  .lightbox-media {
    flex: 0 0 50%;
  }

  .lightbox-info {
    flex: 1;
    max-width: none;
    border-left: none;
    border-top: 1px solid #e8e8e8;
    padding: 24px 20px;
  }

  .lightbox-info__title {
    font-size: 20px;
  }

  .nav-arrow {
    width: 20px;
    height: 36px;
  }
  .nav-arrow path {
    stroke-width: 6;
  }
}