/* High Flyfe v87 — social platform cards on homepage */
.v87-socials{
  background:#0d0d0b;
  border-top:1px solid rgba(255,255,255,.10);
}
.v87-socials-head{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  column-gap:clamp(36px,7vw,96px);
  align-items:end;
  margin-bottom:clamp(34px,5vw,54px);
}
.v87-socials-head .eyebrow{
  grid-column:1 / -1;
  color:rgba(239,235,225,.58);
  margin-bottom:15px;
}
.v87-socials-head h2{
  margin:0;
  max-width:720px;
  color:rgba(239,235,225,.88);
}
.v87-socials-head>p:last-child{
  margin:0 0 5px;
  max-width:520px;
  color:rgba(239,235,225,.55);
  font-size:clamp(.95rem,1.25vw,1.08rem);
  line-height:1.65;
}
.v87-social-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.v87-social-card{
  position:relative;
  min-height:190px;
  padding:26px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:20px;
  align-items:end;
  overflow:hidden;
  border:1px solid rgba(239,235,225,.15);
  background:rgba(239,235,225,.018);
  color:rgba(239,235,225,.56);
  text-decoration:none;
  transform:translateZ(0) scale(1);
  transition:transform .32s cubic-bezier(.2,.7,.2,1),border-color .32s ease,background-color .32s ease,color .32s ease,box-shadow .32s ease;
}
.v87-social-icon{
  width:42px;
  height:42px;
  align-self:start;
  display:block;
  color:inherit;
}
.v87-social-icon svg{
  width:100%;
  height:100%;
  display:block;
  fill:currentColor;
}
.v87-social-body{
  display:grid;
  gap:4px;
}
.v87-social-body strong{
  color:inherit;
  font-size:clamp(1.18rem,1.7vw,1.42rem);
  font-weight:620;
  line-height:1.1;
}
.v87-social-action{
  color:rgba(239,235,225,.43);
  font-size:.82rem;
  line-height:1.3;
  transition:color .32s ease;
}
.v87-social-arrow{
  align-self:end;
  font-size:1.35rem;
  line-height:1;
  color:rgba(239,235,225,.40);
  transform:translate(0,0);
  transition:transform .32s ease,color .32s ease;
}
.v87-social-card.is-pending{
  cursor:default;
}
@media(hover:hover) and (pointer:fine){
  .v87-social-card[href]:hover{
    transform:translateY(-4px) scale(1.018);
    border-color:rgba(239,235,225,.54);
    background:rgba(239,235,225,.035);
    color:rgba(239,235,225,.96);
    box-shadow:0 0 20px rgba(239,235,225,.07),0 18px 44px rgba(0,0,0,.18);
  }
  .v87-social-card[href]:hover .v87-social-action,
  .v87-social-card[href]:hover .v87-social-arrow{
    color:rgba(239,235,225,.86);
  }
  .v87-social-card[href]:hover .v87-social-arrow{
    transform:translate(3px,-3px);
  }
}
.v87-social-card:focus-visible{
  outline:1px solid rgba(239,235,225,.88);
  outline-offset:5px;
}
@media(max-width:850px){
  .v87-socials-head{
    grid-template-columns:1fr;
    row-gap:16px;
  }
  .v87-socials-head .eyebrow{grid-column:auto}
  .v87-social-grid{grid-template-columns:1fr 1fr}
  .v87-social-card:last-child{grid-column:1 / -1}
}
@media(max-width:560px){
  .v87-socials-head{margin-bottom:30px}
  .v87-social-grid{grid-template-columns:1fr;gap:12px}
  .v87-social-card,.v87-social-card:last-child{
    grid-column:auto;
    min-height:132px;
    padding:20px;
  }
  .v87-social-icon{width:36px;height:36px}
  .v87-social-body strong{font-size:1.12rem}
}
@media(prefers-reduced-motion:reduce){
  .v87-social-card,.v87-social-arrow{transition:none}
  .v87-social-card[href]:hover{transform:none}
}