/* Complete office-moving cutouts, contained within each image slot. */
.office-page .sh-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 32px; }
.office-page .sh-copy { min-width: 0; }
.office-page .sh-art { width: 100%; max-width: 620px; margin: 0 auto; transform: none; }
.office-page .sh-art img { display: block; width: 100%; max-width: 100%; height: auto; max-height: 540px; object-fit: contain; transform: none; filter: none; }
.office-page .office-remark { display: block; margin: 16px 0 0; font-size: 14px; line-height: 1.6; color: #c9c9c9; }
.office-page .wh .office-remark { color: #555; }
.office-scene-grid { display: grid; gap: 40px; }
.office-scene-grid article { min-width: 0; border-top: 1px solid #444; padding-top: 24px; }
.office-scene-grid img { display: block; width: 100%; height: 250px; object-fit: contain; margin-bottom: 24px; }
.office-page .office-scene-grid h3 { font-size: 22px; }
@media (min-width: 840px) {
  .office-page .sh-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 48px; align-items: center; }
  .office-scene-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .office-scene-grid img { height: 340px; }
}