@media (min-width:1160px){
  .hero{
    grid-template-columns:132px minmax(400px,1fr) minmax(520px,640px);
    gap:14px;
    padding-left:max(4vw,22px);
    padding-right:max(3vw,18px);
  }
  .heroCopy{min-width:0;}
  .heroCopy h1{max-width:650px;}
  .socialSpotlight{
    margin-left:-8px;
    padding:22px 24px;
    border-radius:27px;
    box-shadow:0 25px 54px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.2);
  }
  .socialSpotlight>strong{font-size:25px;max-width:520px;}
  .socialSpotlight>p{font-size:12px;max-width:540px;margin-bottom:15px;}
  .socialActions{gap:11px;}
  .socialAction{
    min-height:69px;
    grid-template-columns:54px 1fr 28px;
    padding:9px 14px;
    border-radius:19px;
  }
  .socialLogo{width:54px;height:54px;border-radius:17px;}
  .socialLogo svg{width:31px;height:31px;}
  .socialActionCopy b{font-size:15px;}
  .socialActionCopy small{font-size:10px;}
  .actionArrow{font-size:23px;}
}

@media (min-width:1380px){
  .hero{
    grid-template-columns:132px minmax(440px,1fr) minmax(590px,700px);
    gap:16px;
  }
  .socialSpotlight{margin-left:-12px;padding:24px 26px;}
  .socialSpotlight>strong{font-size:27px;}
  .socialAction{min-height:72px;}
}