/*
 * Mobile internal-page heroes
 * Keep every hero's content anchored to the bottom without affecting the home.
 */
@media (max-width:760px){
  .phero{
    align-items:flex-end!important;
    justify-content:flex-end!important;
  }

  .phero>.wrap{
    padding-bottom:5px!important;
    transform:none!important;
  }

  .sg-hero{
    align-items:flex-end!important;
  }

  .sg-hero>.sg-hero-in{
    align-self:flex-end!important;
    padding-bottom:5px!important;
  }

  .ct-hero>.ct-hero-in{
    align-items:flex-end!important;
    padding-bottom:5px!important;
  }

  .mc-hero2{
    padding-bottom:5px!important;
  }

  .mc-hero2::after{
    height:5px!important;
  }

  /* Keep the video-expansion affordance away from bottom-aligned copy. */
  .sg-hero.he>.he-more,
  .ct-hero.he>.he-more{
    top:8px;
    right:8px;
    bottom:auto;
    left:auto;
    transform:none;
  }
}