/* Project-specific layout, using the established production shell and player. */
.mersa-case .case-heading { padding-block: clamp(32px, 6vw, 72px) 32px; }
.mersa-case .media-breadcrumb { margin-bottom: 32px; }
.mersa-case h1 { max-width: 25ch; font-size: clamp(2.1rem, 4.5vw, 4.5rem); text-wrap: balance; }
.mersa-case .case-summary { max-width: 72ch; font-size: clamp(1rem, 1.5vw, 1.2rem); margin-bottom: 0; }
.mersa-case .media-work-category { margin-bottom: 20px; }
.mersa-case .case-copy { display: grid; grid-template-columns: 1.4fr 1fr; gap: 32px 72px; padding-block: 64px 40px; }
.mersa-case .case-copy h2, .mersa-case .case-capabilities h2 { font-size: clamp(1.5rem, 2.5vw, 2rem); }
.mersa-case .case-copy p { max-width: 62ch; }
.mersa-case .case-stills { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.mersa-case figure { margin: 0; }
.mersa-case figure img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 3px; }
.mersa-case figcaption { margin-top: 12px; font-size: .85rem; color: var(--media-muted); }
.mersa-case .case-capabilities { padding-block: 48px; }
.mersa-case .case-capabilities ul { padding-left: 1.3em; line-height: 1.8; }
.mersa-case .case-capabilities li + li { margin-top: 8px; }
.mersa-case .case-enquiry { border-top: 1px solid var(--media-line); padding-block: 48px 72px; }
.mersa-case .case-enquiry p { max-width: 62ch; }
@media (max-width: 740px) {
  .mersa-case .case-copy { grid-template-columns: 1fr; gap: 16px; padding-block: 40px 24px; }
  .mersa-case .case-stills { grid-template-columns: 1fr; gap: 24px; }
  .mersa-case .case-enquiry { padding-block: 36px 48px; }
}