/* 1:64 dioramas use the established category shell with three spacious model rows. */
.diorama-photo img { transform: scale(var(--diorama-scale, 1)); transform-origin: 50% 53%; }
.diorama-list { display: grid; gap: 46px; margin: 0; padding: 0; list-style: none; }
.diorama-list .train-card { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(28px, 4vw, 64px); align-items: center; }
.diorama-list .train-card-body { padding: 26px 0; }
.diorama-list .train-card-action { margin-top: 24px; }
.diorama-list .train-card-description { max-width: 38ch; }
.diorama-page .collection-count { white-space: normal; }
.diorama-related { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-block: 0 70px; padding-top: 30px; border-top: 1px solid var(--rule); }
.diorama-related p { max-width: 48ch; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.6; }
.diorama-related .model-inline-link { flex-shrink: 0; min-height: 44px; }
@media (max-width: 760px) {
  .diorama-list { gap: 36px; }
  .diorama-list .train-card { grid-template-columns: 1fr; gap: 0; }
  .diorama-list .train-card-body { padding-top: 22px; }
  .diorama-list .train-card-description { max-width: 49ch; }
  .diorama-list .train-card-action { margin-top: 8px; }
  .diorama-related { align-items: flex-start; flex-direction: column; gap: 16px; margin-bottom: 48px; }
}
@media (max-width: 540px) {
  .diorama-page .category-hero h1 { font-size: 13.5vw; }
}