/* Full-page previews and native, touch-operable project rail. */
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case .ws24-scroll-preview {
  height: clamp(230px,28vw,310px); aspect-ratio: auto;
}
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case .ws24-scroll-preview img {
  display: block; width: 100%; height: auto; max-height: none; object-fit: initial;
  transform: translateY(0); transition: transform 1.1s ease;
}
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case .ws24-case-card:is(:hover,:focus-within) .ws24-scroll-preview img { transform: translateY(0); }
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case .ws24-work-rail.is-autoplay-ready { scroll-snap-type: none; }
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case .ws24-gallery-controls .ws24-gallery-playback {
  width: auto; min-width: 96px; padding: 0 18px; font-size: 13px; font-weight: 700; border-radius: 999px;
}
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case .ws24-gallery-playback[hidden] { display: none; }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case:not(.is-gallery-paused) .ws24-case-card:is(:hover,:focus-within) .ws24-scroll-preview img {
    transform: translateY(var(--preview-offset,0px)); transition-duration: var(--preview-duration,10s); transition-timing-function: linear;
  }
}
body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case.is-gallery-paused .ws24-scroll-preview img { transform: translateY(0); transition: none; }
@media (max-width: 767px) {
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case .ws24-work-rail {
    display: flex; overflow-x: auto; gap: 18px; padding: 12px 20px 38px; scroll-snap-type: x mandatory; scroll-padding-inline: 20px;
  }
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case .ws24-case-card { flex: 0 0 86vw; width: 86vw; scroll-snap-align: start; }
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case .ws24-scroll-preview { height: clamp(190px,54vw,255px); }
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case .ws24-gallery-controls { display: flex; gap: 8px; margin-bottom: 40px; padding-inline: 20px; }
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case .ws24-gallery-hint { max-width: 200px; line-height: 1.5; }
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case .ws24-gallery-controls button { flex-shrink: 0; }
}
@media (prefers-reduced-motion: reduce) {
  body.home.seo_version.ws24-color-preview.palette-vif.palette-vivant #case .ws24-scroll-preview img { transition: none; }
}