/* New film and concept selections, following the existing paper-and-ink layout. */
.commercial-page .portfolio-display-note { max-width:76ch; padding-top:14px; margin-top:22px; border-top:1px solid rgba(29,32,42,.2); font-size:12px; line-height:1.8; color:#555663; }
.brand-case .case-concept-note,.brand-case .case-cut-note { max-width:70ch; margin:0 0 22px; color:#555663; font-size:13px; line-height:1.75; }
.brand-case .case-display-note { margin:36px 0 0; padding-top:16px; border-top:1px solid rgba(29,32,42,.18); color:#555663; font-size:12px; line-height:1.8; }
.case-films { width:100%; min-width:0; }
.case-film-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 18px; align-items:start; }
.case-film { margin:0; min-width:0; }
.case-film video { display:block; width:100%; height:auto; background:#121216; object-fit:contain; border-radius:4px; }
.case-film video:focus-visible { outline:3px solid #965d40; outline-offset:4px; }
.case-film figcaption { display:flex; justify-content:space-between; gap:10px; align-items:baseline; margin-top:12px; line-height:1.5; }
.brand-case .case-film h3 { font-family:inherit; margin:0; font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0; }
.case-film figcaption > span { flex-shrink:0; font-size:12px; color:#555663; font-variant-numeric:tabular-nums; }
@media (min-width:961px) and (max-width:1200px) { .case-film-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .case-film-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px) { .case-film-grid { grid-template-columns:minmax(0,1fr); gap:32px; } .case-film-grid .case-film { width:100%; max-width:340px; margin-inline:auto; } }

.brand-case .case-title-part { display:inline-block; }