/* Workforce NON-DOT shared hero alignment */
@media(min-width:981px){
  body:not([data-page="checkout"]):not([data-page="login"]) .hero{
    padding-top:38px!important;
    padding-bottom:34px!important;
  }
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-grid,
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-shell{
    align-items:stretch!important;
  }
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-copy{
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-media{
    align-self:stretch!important;
    display:flex!important;
    align-items:stretch!important;
  }
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-media>.product-frame,
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-media>img,
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-media>.demo-card,
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-media>.contact-card,
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-media>.hero-panel{
    width:100%!important;
    height:100%!important;
  }
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-media>.product-frame{
    display:flex!important;
    flex-direction:column!important;
  }
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-media>.product-frame>img{
    flex:1 1 auto!important;
    width:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:top left!important;
  }
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-media>img{
    object-fit:cover!important;
  }
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-copy>.proof-grid,
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-copy>.hero-proof{
    margin-top:auto!important;
    padding-top:22px!important;
  }
}
@media(max-width:980px){
  body:not([data-page="checkout"]):not([data-page="login"]) .hero{padding-top:28px!important;padding-bottom:26px!important}
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-grid,
  body:not([data-page="checkout"]):not([data-page="login"]) .hero .hero-shell{gap:20px!important}
}
@media(max-width:700px){
  body:not([data-page="checkout"]):not([data-page="login"]) .hero{padding-top:24px!important;padding-bottom:22px!important}
}