/* AXISBRIDGE_HOME_HERO_BRIDGE_20260819 */
.home-hero-feature-art{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
.home-hero-feature-image{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:720px !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
  border-radius:18px !important;
  box-shadow:0 18px 46px rgba(11,34,53,.16) !important;
}
@media (min-width:1051px){
  .hero .hero-layout{
    grid-template-columns:minmax(0,35fr) minmax(0,65fr) !important;
    align-items:center !important;
    gap:30px !important;
  }
  .hero .hero-copy{align-self:center !important;}
  .hero .home-hero-feature-art{
    align-self:center !important;
    justify-self:stretch !important;
  }
  .hero .home-hero-feature-image{
    width:100% !important;
    max-width:none !important;
  }
}
@media (max-width:1050px){
  .home-hero-feature-image{
    width:min(100%,760px) !important;
    max-height:none !important;
  }
}

/* AXISBRIDGE_HOME_HERO_FINAL_TOP_ALIGN_20260819
   Fixes the root cause: the art wrapper no longer fills the entire grid-row
   height or centers its image vertically.  Both columns start at the top and
   the image gets only the eyebrow-to-H1 offset. */
@media (min-width:1051px){
  .hero .hero-layout{
    align-items:start !important;
  }
  .hero .hero-copy{
    align-self:start !important;
  }
  .hero .home-hero-feature-art{
    height:auto !important;
    min-height:0 !important;
    align-self:start !important;
    justify-self:stretch !important;
    align-items:flex-start !important;
    justify-content:center !important;
    position:static !important;
    top:auto !important;
    transform:none !important;
    margin-top:28px !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
  }
  .hero .home-hero-feature-image{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center top !important;
    margin:0 !important;
    transform:none !important;
  }
}
/* AXISBRIDGE_HOME_HERO_FINAL_TOP_ALIGN_END */