/* Applied only to /promo-a. Keep both original vertical frames at equal size. */
body[data-variant="A"] #trailer .promo-a-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin:28px auto 0;
}
body[data-variant="A"] #trailer .promo-a-column{
  display:flex;
  flex-direction:column;
  min-width:0;
}
body[data-variant="A"] #trailer .promo-a-column > .placeholder-copy{
  flex:1;
  margin:0 0 28px;
}
body[data-variant="A"] #trailer .promo-a-column > .promo-a-video-wrapper{
  min-width:0;
  max-width:none;
  margin:0;
}
@media(max-width:759px){
  body[data-variant="A"] #trailer .promo-a-pair{
    grid-template-columns:minmax(0,1fr);
    max-width:460px;
  }
}