/* Experience + Expertise card lift
   Reserve vertical paint space inside the horizontal scroller so the cards
   can genuinely move toward the viewer without their raised edge or shadow
   being clipped by the rail viewport. */
@media (min-width:761px){
  body.experience-page .horizontal-card-rail-viewport,
  body.expertise-page .horizontal-card-rail-viewport{
    box-sizing:border-box!important;
    padding-top:38px!important;
    padding-bottom:46px!important;
    margin-top:-38px!important;
    margin-bottom:-46px!important;
  }

  body.experience-page .horizontal-card-rail,
  body.expertise-page .horizontal-card-rail{
    overflow:visible!important;
  }

  body.experience-page .horizontal-card-rail .reference-navy-card,
  body.expertise-page .horizontal-card-rail .reference-navy-card{
    transform:translate3d(0,0,0) scale(1)!important;
    transform-origin:center center!important;
    transition:
      transform .22s cubic-bezier(.2,.72,.22,1),
      box-shadow .22s ease,
      border-color .22s ease,
      filter .22s ease!important;
    will-change:transform,filter;
  }

  body.experience-page .horizontal-card-rail .reference-navy-card:hover,
  body.experience-page .horizontal-card-rail .reference-navy-card:focus-visible,
  body.expertise-page .horizontal-card-rail .reference-navy-card:hover,
  body.expertise-page .horizontal-card-rail .reference-navy-card:focus-visible{
    z-index:20!important;
    transform:translate3d(0,-24px,0) scale(1.055)!important;
    border-color:#efb334!important;
    filter:brightness(1.07) saturate(1.04)!important;
    box-shadow:
      0 10px 0 rgba(3,22,47,.30),
      0 34px 58px rgba(3,22,47,.48),
      inset 0 0 0 1px rgba(255,225,155,.24)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.experience-page .horizontal-card-rail .reference-navy-card,
  body.expertise-page .horizontal-card-rail .reference-navy-card{
    transition:none!important;
  }
}