/* Home-only mobile alignment and navigation patch. Desktop remains untouched. */
@media (max-width:980px){
  /* Give the home hero text a little breathing room on the left. */
  body[data-page="home"] .hero-copy{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:10px!important;
    padding-right:2px!important;
  }
  body[data-page="home"] #hero-kicker,
  body[data-page="home"] #hero-title,
  body[data-page="home"] #hero-desc,
  body[data-page="home"] .hero-copy .actions,
  body[data-page="home"] .hero-copy .hero-stats,
  body[data-page="home"] .hero-copy .hero-dots{
    position:relative!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    max-width:100%!important;
  }
  body[data-page="home"] #hero-title{
    width:calc(100% - 2px)!important;
    overflow:visible!important;
  }

  /* On the home page, submenus should visually continue the navy navigation panel. */
  body[data-page="home"] #navLinks .dropdown{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:2px 0 8px 14px!important;
    border:0!important;
    border-radius:0!important;
    background:#06182b!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:none!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  body[data-page="home"] #navLinks .dropdown:before{
    display:none!important;
    content:none!important;
  }
  body[data-page="home"] #navLinks .nav-item.open>.dropdown{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body[data-page="home"] #navLinks .dropdown a{
    position:static!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:9px 8px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:none!important;
    transform:none!important;
    text-align:left!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  body[data-page="home"] #navLinks .dropdown a:hover,
  body[data-page="home"] #navLinks .dropdown a:focus{
    background:transparent!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body[data-page="home"] #navLinks .dropdown strong{
    position:static!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:12px!important;
    line-height:1.4!important;
    text-align:left!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  body[data-page="home"] #navLinks .dropdown span{
    position:static!important;
    display:block!important;
    width:100%!important;
    margin:2px 0 0!important;
    padding:0!important;
    color:#9eb9c8!important;
    -webkit-text-fill-color:#9eb9c8!important;
    font-size:10px!important;
    line-height:1.4!important;
    text-align:left!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
}

@media (max-width:720px){
  body[data-page="home"] .hero-copy{
    padding-left:12px!important;
    padding-right:2px!important;
  }
  body[data-page="home"] #navLinks .dropdown{
    padding-left:12px!important;
  }
}

@media (max-width:480px){
  body[data-page="home"] .hero-copy{
    padding-left:13px!important;
    padding-right:2px!important;
  }
}