/* Round 54 — Homepage profile cards on phones
   Restore visual depth where hover is unavailable and strengthen the type
   hierarchy without increasing the established compact card dimensions. */
@media (max-width:760px){
  body.home-page .compact-profile-badge,
  body.home-page .compact-profile-badge:nth-child(odd),
  body.home-page .compact-profile-badge:nth-child(even){
    background:
      radial-gradient(ellipse 74% 54% at 16% 82%,rgba(12,48,80,.13) 0%,rgba(12,48,80,.06) 38%,rgba(12,48,80,0) 74%),
      radial-gradient(ellipse 68% 46% at 84% 72%,rgba(58,103,137,.12) 0%,rgba(58,103,137,.05) 42%,rgba(58,103,137,0) 75%),
      radial-gradient(ellipse 56% 34% at 52% 105%,rgba(7,31,55,.09) 0%,rgba(7,31,55,0) 78%),
      linear-gradient(180deg,#092d52 0%,#061f3d 58px,#ffffff 58px,#f7fafc 100%)!important;
    border:1px solid rgba(13,46,78,.72)!important;
    box-shadow:
      inset 1px 1px 0 rgba(255,255,255,.68),
      inset -1px -1px 0 rgba(8,34,60,.14),
      0 3px 0 rgba(24,55,84,.22),
      0 8px 17px rgba(7,27,61,.18)!important;
  }

  body.home-page .compact-profile-badge::before{
    inset:2px!important;
    border-top:1px solid rgba(255,255,255,.20)!important;
    border-left:1px solid rgba(255,255,255,.12)!important;
    border-right:1px solid rgba(7,29,54,.10)!important;
    border-bottom:1px solid rgba(7,29,54,.13)!important;
  }

  body.home-page .compact-profile-badge svg{
    width:40px!important;
    height:40px!important;
    padding:6px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(225,176,70,.70)!important;
    border-radius:5px!important;
    background:linear-gradient(145deg,rgba(4,26,50,.92),rgba(10,49,87,.94))!important;
    box-shadow:
      inset 1px 1px 0 rgba(255,255,255,.12),
      inset -1px -1px 0 rgba(0,0,0,.22),
      0 2px 4px rgba(0,0,0,.20)!important;
  }

  body.home-page .compact-profile-badge h3{
    font-size:1.04rem!important;
    line-height:1.16!important;
    font-weight:800!important;
    letter-spacing:-.012em!important;
    color:#fff!important;
    text-shadow:0 1px 2px rgba(0,0,0,.28)!important;
  }

  body.home-page .compact-profile-badge p{
    font-size:.81rem!important;
    line-height:1.38!important;
    font-weight:500!important;
    color:#354656!important;
  }

  body.home-page .compact-profile-badge span{
    font-size:.78rem!important;
    line-height:1.1!important;
    padding:6px 11px!important;
    color:#fff!important;
    border:1px solid rgba(5,35,65,.86)!important;
    border-radius:4px!important;
    background:linear-gradient(180deg,#0a3763 0%,#062847 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      0 2px 0 rgba(3,24,45,.28),
      0 4px 7px rgba(7,27,61,.14)!important;
  }

  body.home-page .compact-profile-badge span b{
    color:#efb63c!important;
    font:inherit!important;
    font-weight:900!important;
  }

  /* Phone taps must retain the structured three-color composition rather
     than triggering the legacy full-navy desktop hover treatment. */
  body.home-page .compact-profile-badge:hover,
  body.home-page .compact-profile-badge:focus-visible{
    background:
      radial-gradient(ellipse 74% 54% at 16% 82%,rgba(12,48,80,.13) 0%,rgba(12,48,80,.06) 38%,rgba(12,48,80,0) 74%),
      radial-gradient(ellipse 68% 46% at 84% 72%,rgba(58,103,137,.12) 0%,rgba(58,103,137,.05) 42%,rgba(58,103,137,0) 75%),
      radial-gradient(ellipse 56% 34% at 52% 105%,rgba(7,31,55,.09) 0%,rgba(7,31,55,0) 78%),
      linear-gradient(180deg,#092d52 0%,#061f3d 58px,#ffffff 58px,#f7fafc 100%)!important;
    border-color:rgba(13,46,78,.72)!important;
  }

  body.home-page .compact-profile-badge:hover p,
  body.home-page .compact-profile-badge:focus-visible p{
    color:#354656!important;
  }

  body.home-page .compact-profile-badge:hover span,
  body.home-page .compact-profile-badge:focus-visible span{
    color:#fff!important;
    border-color:rgba(5,35,65,.86)!important;
    background:linear-gradient(180deg,#0a3763 0%,#062847 100%)!important;
  }

  body.home-page .compact-profile-badge:active{
    transform:translateY(2px)!important;
    box-shadow:
      inset 1px 2px 4px rgba(7,27,61,.12),
      0 2px 0 rgba(35,67,98,.20),
      0 4px 8px rgba(7,27,61,.13)!important;
  }

  /* Lift the credential and metrics bars as a matched pair. Transforms leave
     their existing margins—and both CTA rows—completely untouched. */
  body.home-page .hero-executive-credentials .executive-credentials-row,
  body.home-page .compact-metrics-four{
    transform:translateY(-22px)!important;
  }

  /* Delicate punctuation beneath the metrics bar; it occupies no layout
     space and therefore cannot displace Let's Connect. */
  body.home-page .compact-metrics-four{
    position:relative!important;
    overflow:visible!important;
  }

  body.home-page .compact-metrics-four::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-6px;
    width:150px;
    height:1px;
    background:#d7a536;
    opacity:.86;
    transform:translateX(-50%);
    pointer-events:none;
  }
}