/* V-CUT scene image replacement, 2026-10-12.
   Scope: only #moments on /v-cut/ and /v-cut/moments/.
   Original 941 x 1672 PNG files are used unchanged and shown in full.
   Keep this stylesheet after the site's existing stylesheet(s). */

.moments .scene-editorial .scene-photo {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.moments .scene-editorial .scene-0 {
  background-image: url('/v-cut/assets/vcut-scene-alone-20261012.webp');
}
.moments .scene-editorial .scene-1 {
  background-image: url('/v-cut/assets/vcut-scene-office-20261012.webp');
}
.moments .scene-editorial .scene-2 {
  background-image: url('/v-cut/assets/vcut-scene-together-20261012.webp');
}
.moments .scene-editorial .scene-3 {
  background-image: url('/v-cut/assets/vcut-scene-store-20261012.webp');
}
.moments .scene-editorial {
  max-width: 570px;
}
.moments .scene-editorial .scene-frame,
.moments .scene-editorial .scene-preview .scene-photo {
  aspect-ratio: 941 / 1672;
}
@media (max-width: 1100px) {
  .moments .scene-editorial { max-width: 510px; }
}
@media (max-width: 800px) {
  /* Retain the current site's single-poster mobile layout. The wider ratio
     keeps the original mobile poster height cap while showing the whole PNG. */
  .moments .scene-editorial {
    display: block;
    max-width: min(270px, 34.875vh, 100%);
    max-width: min(270px, 34.875svh, 100%);
    margin-inline: auto;
  }
}

.moments .scene-editorial .scene-4{background-image:url("/v-cut/assets/vcut-scene-school-20261012.webp")}
.moments .scene-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:600px){.moments .scene-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}.moments .scene-tabs button{min-width:0}}