.client-section { padding: 0 var(--edge) clamp(56px, 7vw, 112px); }
.client-section-copy { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 24px 64px; margin-bottom: 28px; }
.client-section h2 { font:400 20px/1.4 'Hedvig Letters Serif', Georgia, serif; }
.client-section-copy p { width:min(100%, 60ch); max-width:100%; justify-self:end; color:var(--muted); font-size:14px; line-height:1.6; }
.client-film { width: 100%; aspect-ratio: 16 / 9; background: #171717; }
.client-film video { display: block; width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 760px) {
  .client-section-copy { grid-template-columns: 1fr; gap: 18px; margin-bottom: 24px; }
}

.client-section-copy p, .project-copy p { text-align:left; text-wrap:pretty; }

/* Keep short captions visually balanced without stretching word spacing. */
.client-section-copy p { text-wrap:balance; }
/* Match the GenAI introduction divider and first-heading spacing. */
.client-intro-divider { margin:0 var(--edge) 44px; border:0; border-top:1px solid rgb(255 255 255 / 15%); }
@media(max-width:760px) { .client-intro-divider { margin-bottom:32px; } }

@media(max-width:760px) { .client-section-copy p { width:100%; } }

/* Align the visible text ends, not only the paragraph boxes. */
@media(min-width:761px) {
 .client-section-copy p { text-align:right; padding-right:10px; }
}