.collection-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:44px 24px; width:calc(100% - 2 * var(--edge)); max-width:1120px; margin:0 auto 48px; }
.collection-grid.motion-collection { grid-template-columns:minmax(0,1fr); }
.collection-clip { min-width:0; display:flex; flex-direction:column; }
.collection-frame { aspect-ratio:16/9; background:#191919; overflow:hidden; }
.collection-frame video { display:block; width:100%; height:100%; object-fit:contain; background:#111; }
.collection-placeholder { display:grid; place-items:center; border:1px solid #303030; }
.collection-placeholder>span { color:#777; font:400 28px/1 'Hedvig Letters Serif',Georgia,serif; }
.collection-clip figcaption { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:6px 16px; margin-top:12px; font-size:12px; line-height:1.5; }
.collection-clip-meta { color:var(--muted); }
@media(max-width:760px) {
 .collection-grid { grid-template-columns:minmax(0,1fr); gap:32px; margin-bottom:32px; }
 .collection-clip figcaption { font-size:14px; line-height:21px; }
}

.collection-clip .collection-clip-intro { display:block; margin:0 0 18px; }
.collection-clip-intro h2 { margin:0 0 10px; font:400 20px/1.4 'Hedvig Letters Serif',Georgia,serif; }
.collection-clip-intro p { margin:0; color:var(--muted); font-size:14px; line-height:1.6; }
.collection-frame-comparison { aspect-ratio:16/9; background:#000; }
.collection-frame-comparison video { background:#000; }
.collection-clip-intro p + p { margin-top:10px; }
.collection-clip:has(.collection-clip-intro) .collection-frame { flex-shrink:0; margin-top:auto; }
.collection-groups { width:calc(100% - 2 * var(--edge)); max-width:1120px; margin:0 auto 48px; }
.collection-group + .collection-group { margin-top:56px; }
.collection-group > h2 { margin:0 0 18px; font:400 20px/1.4 'Hedvig Letters Serif',Georgia,serif; }
.collection-group-grid { width:100%; margin:0; }
@media(max-width:760px) {
 .collection-groups { margin-bottom:32px; }
 .collection-group + .collection-group { margin-top:40px; }
}

.genai-explorations .collection-clip-intro p { text-align:left; text-wrap:pretty; }

/* Separate the introduction from the video collection. */
.genai-explorations .collection-groups { border-top:1px solid rgb(255 255 255 / 15%); padding-top:44px; }

/* Match the client-work page edges on wide screens. */
.genai-explorations .collection-groups,
.genai-explorations .collection-group-grid { max-width:none; }

@media(max-width:760px) {
 .genai-explorations .collection-groups { padding-top:32px; }
}