/* Extend the existing case-study system for the Westminster project film. */
.mdl-westminster-film{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);align-items:center;padding-bottom:clamp(90px,11vw,150px)}
.mdl-westminster-film h2{margin:0;font:300 clamp(42px,5vw,70px)/.96 var(--cs-display);letter-spacing:-.035em}
.mdl-westminster-film__copy>p:last-child{margin:28px 0 0;color:#55514b;font:300 17px/1.75 var(--cs-sans)}
.mdl-westminster-film figure{min-width:0;margin:0}
.mdl-westminster-film video{width:100%;aspect-ratio:3/4;object-fit:contain;background:var(--cs-coal)}
.mdl-westminster-film figcaption{margin-top:16px;color:#55514b;font:400 13px/1.6 var(--cs-sans)}
@media(max-width:700px){.mdl-westminster-film{grid-template-columns:1fr;gap:32px}}
/* Keep eight slideshow controls usable on narrow screens. */
@media(max-width:620px){
  [aria-labelledby="wardrobes-portfolio-title"] .mdl-portfolio__hero-controls{flex-wrap:wrap;gap:12px}
  [aria-labelledby="wardrobes-portfolio-title"] .mdl-portfolio__hero-caption{max-width:none}
  [aria-labelledby="wardrobes-portfolio-title"] .mdl-portfolio__hero-dots{width:100%;justify-content:space-between}
  [aria-labelledby="wardrobes-portfolio-title"] .mdl-portfolio__hero-dots button{flex:1 1 0;min-width:0;max-width:44px}
}