/* Keep the approved desktop layout; stack project details on narrow screens. */
.cs-project-overview {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 64px;
}
@media (max-width: 900px) {
  .cs-body-container { padding: 56px 24px; gap: 56px; }
  .cs-project-overview { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .cs-project-overview > div { min-width: 0; }
  .cs-project-overview p, .cs-project-overview span,
  .cs-next-project-nav { overflow-wrap: anywhere; }
  .cs-vimeo-block-wrap { min-width: 0; width: 100%; }
}

/* Portrait films retain their orientation without desktop oversizing. */
.cs-vimeo-frame-wrap.cs-vimeo-portrait { width: 100%; max-width: 420px; height: auto; padding-bottom: 0; aspect-ratio: 240 / 426; margin-inline: auto; }