/* One shared track for the home page's selected work in every medium. */
.im-home-works.im-section { padding-top: clamp(38px, 4vw, 64px); }
.im-home-works .im-work-gallery { position: relative; }
.im-home-works .im-track-bottom {
  position: absolute;
  inset-inline: 0;
  bottom: 48px;
  margin-top: 0;
  justify-content: flex-end;
}
.im-home-works .im-work-track {
  scroll-padding-inline: var(--im-pad);
  /* Reserve a row for the controls above the native horizontal scrollbar. */
  padding-bottom: 112px;
}
.im-home-works .im-work-track.is-looping {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.im-home-works .im-works-intro { margin-top: 0; gap: 32px; }
.im-home-works .im-works-intro p { margin: 0; }
.im-home-works .im-works-intro .im-button { flex-shrink: 0; }
.im-home-works [data-work-pause][hidden] { display: none; }
.im-home-works [data-work-pause] { font-size: 16px; }
@media (max-width: 900px) {
  .im-home-works .im-works-intro { flex-direction: column; align-items: flex-start; gap: 24px; }
}
@media (max-width: 600px) {
  .im-home-works .im-track-bottom { gap: 16px; align-items: flex-start; }
  .im-home-works .im-track-bottom > div { flex-shrink: 0; gap: 8px; }
}
.im-home-work-poster {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 2px;
  background: #f2f0f5;
}
.im-home-work-poster img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform .55s ease;
}
.im-home-work-poster--web img {
  object-fit: cover;
  object-position: top;
}
.im-home-work-poster--design {
  background: #fff;
}
.im-home-work-poster:focus-visible {
  outline: 2px solid #9162a8;
  outline-offset: 5px;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) .im-home-work-poster:hover img { transform: scale(1.025); }
}
@media (prefers-reduced-motion: reduce) {
  .im-home-work-poster img { transition: none; }
}