/* Build 1 only: captions hidden without changing mobile layout geometry. */
:is(#workshop-gallery, #instructor-gallery) [data-lego-phr="header"],
:is(#workshop-gallery, #instructor-gallery) [data-lego-phr="desc"],
:is(#workshop-gallery, #instructor-gallery) [data-workshop-caption] { visibility: hidden; }
@media (min-width: 992px) {
  :is(#workshop-gallery, #instructor-gallery).workshop-compact [data-lego-phr="track"] { column-gap: 2rem; }
  :is(#workshop-gallery, #instructor-gallery).workshop-compact [data-lego-phr="project"] {
    display: block; position: relative; width: var(--painted-photo-width);
    margin-left: 0; padding: 0;
  }
  :is(#workshop-gallery, #instructor-gallery).workshop-compact [data-lego-phr="project"]:first-child { margin-left: 12vw; }
  :is(#workshop-gallery, #instructor-gallery).workshop-compact [data-lego-phr="project"]:last-child { width: calc(var(--painted-photo-width) + 50vw); padding-right: 50vw; margin-right: 0; }
  :is(#workshop-gallery, #instructor-gallery).workshop-compact [data-lego-phr="media-left"],
  :is(#workshop-gallery, #instructor-gallery).workshop-compact [data-lego-phr="media-right"] { position: absolute; }
  :is(#workshop-gallery, #instructor-gallery).workshop-compact [data-lego-phr="media-middle"] {
    width: var(--original-frame-width); height: var(--original-frame-height);
  }
  :is(#workshop-gallery, #instructor-gallery).workshop-compact [data-lego-phr="media"] img { object-position: left center; }
}
/* Separate native manual artwork strip; never owns vertical wheel or touch input. */
.instructor-works-controls { display: flex; gap: 12px; margin-bottom: 12px; }
.instructor-works-controls .button { min-width: 52px; margin: 0; }
.instructor-works { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 16px; }
.instructor-works figure, .instructor-works figure:nth-child(-n+2) {
  flex: 0 0 min(84vw, 500px); width: min(84vw, 500px); height: clamp(300px, 60svh, 480px);
  scroll-snap-align: start; grid-column: auto;
}
.instructor-works img { width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 767px) { .instructor-works { gap: 28px; } }