#gallery { overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: none; }
#gallery::-webkit-scrollbar { display: none; }
#gallery.is-carousel { overflow-x: hidden; touch-action: pan-y; cursor: grab; user-select: none; -webkit-user-select: none; }
#gallery.is-carousel .study figcaption { user-select: text; -webkit-user-select: text; }
#gallery.is-dragging { cursor: grabbing; }
.is-carousel .gallery-track { will-change: transform; }
.study img { -webkit-user-drag: none; }
.gallery-track { display: flex; gap: 24px; width: max-content; padding-inline: var(--inset); }
.study { width: clamp(320px, 32vw, 480px); flex-shrink: 0; }
.study img { width: 100%; aspect-ratio: 8 / 9; height: auto; object-fit: cover; }
.study figcaption { margin-top: 14px; font-size: 0.875rem; line-height: 1.5; padding-right: 12px; }
@media (max-width: 700px) {
  .gallery-track { gap: 16px; }
  .study { width: 82vw; }
}
@media (prefers-reduced-motion: reduce) {
  #gallery { scroll-behavior: auto; }
}