/* Optional artwork presentation layer. It has no page-level layout assumptions. */
.scene-art,
.case-card-art,
.zone-art {
  display: block;
  background: #081423;
  object-fit: cover;
}

.zone-chapter-art {
  height: clamp(108px, 18vw, 170px);
}

.scene-art {
  width: 100%;
  max-width: 800px;
  min-height: 120px;
  height: clamp(120px, 24vw, 200px);
  border: 1px solid #27d4e8;
  border-radius: 12px;
}

.case-card-art {
  width: 100%;
  min-height: 72px;
  height: clamp(72px, 12vw, 120px);
  border: 1px solid #1f7082;
  border-radius: 8px;
}

.zone-art {
  width: clamp(48px, 8vw, 88px);
  aspect-ratio: 1;
  min-height: 48px;
  border-radius: 10px;
}

@media (max-width: 480px) {
  .scene-art { min-height: 100px; height: 32vw; }
}

@media (prefers-reduced-motion: reduce) {
  .scene-art,
  .case-card-art,
  .zone-art { scroll-behavior: auto; }
}