/* Selected works only — preserve the native short-video canvas. */
.works { padding-top: clamp(80px, 10vw, 145px); }
.works .section-intro { margin-bottom: clamp(68px, 9vw, 130px); }

.works .video-frame {
  justify-self: center;
  width: min(88%, 378px);
  aspect-ratio: 9 / 16;
}

.works .video-frame video {
  object-fit: contain;
  background: #141414;
}

.works .video-frame:hover video,
.works .video-frame:focus-within video { transform: scale(1.02); }

/* Every desktop work follows the same left-copy / right-video reading order. */
.works .work.reverse .work-copy { order: 1; }
.works .work.reverse .video-frame { order: 2; }

@media (max-width: 720px) {
  .works .video-frame,
  .works .work.reverse .video-frame {
    width: min(100%, 390px);
    aspect-ratio: 9 / 16;
    align-self: center;
  }
}