@media (max-width: 780px) {
  .portfolio-team-section .team-role-line {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .screenshot-grid.mobile-gallery-single {
    grid-template-columns: 1fr !important;
  }

  .screenshot-grid.mobile-gallery-static {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px;
  }

  .screenshot-grid.mobile-gallery-carousel {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 8px) / 2);
    gap: 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding-bottom: 0;
  }

  .screenshot-grid.mobile-gallery-carousel::-webkit-scrollbar {
    display: none;
  }

  .screenshot-grid.mobile-gallery-carousel > .screenshot-item {
    scroll-snap-align: start;
  }

  .mobile-gallery-carousel-wrap {
    position: relative;
  }

  .mobile-gallery-carousel-wrap > .screenshot-carousel-nav {
    display: none !important;
  }

  .mobile-gallery-progress {
    position: relative;
    width: 62px;
    height: 5px;
    margin: 12px auto 0;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb,var(--navy) 14%,transparent);
  }

  .mobile-gallery-progress-thumb {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--accent,var(--navy));
    transition: transform .08s linear,width .08s linear;
    will-change: transform,width;
  }

  .lightbox {
    padding: 48px 44px;
  }

  .lightbox-prev {
    left: 2px;
  }

  .lightbox-next {
    right: 2px;
  }
}