/* =========== SOCIALS =========== */
#socials{background:#000;overflow:hidden;}
.socials-tabs{
  display:flex;gap:0;margin-bottom:48px;
  border:1px solid var(--glass-border);
  border-radius:2px;overflow:hidden;
  width:fit-content;
}
.social-tab{
  font-family:var(--font-tech);font-size:10px;letter-spacing:0.15em;
  text-transform:uppercase;padding:12px 28px;
  background:transparent;color:var(--gray);border:none;cursor:none;
  transition:all 0.3s;position:relative;
}
.social-tab.active{background:var(--red-bright);color:var(--white);}
.social-tab:not(.active):hover{color:var(--white);background:rgba(255,255,255,0.04);}
.social-panel{display:none;}
.social-panel.active{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;}
.social-card{
  padding:24px 20px;
  border:1px solid var(--glass-border);
  border-radius:4px;background:var(--glass);
  display:flex;flex-direction:column;align-items:center;gap:12px;
  text-decoration:none;color:var(--white);
  transition:all 0.3s;position:relative;overflow:hidden;cursor:none;
}
.social-card::before{
  content:'';position:absolute;inset:0;
  background:var(--social-glow,rgba(139,0,0,0.1));
  opacity:0;transition:opacity 0.3s;
}
.social-card:hover{transform:translateY(-4px);border-color:var(--social-color,var(--red-bright));}
.social-card:hover::before{opacity:1;}
.social-card:hover .social-icon-wrap{box-shadow:0 0 20px var(--social-glow,rgba(139,0,0,0.4));}
.social-icon-wrap{
  width:44px;height:44px;border-radius:10px;
  background:linear-gradient(135deg,var(--social-color,var(--red-bright)),transparent);
  border:1px solid var(--social-color,var(--red-bright));
  display:flex;align-items:center;justify-content:center;
  font-size:20px;transition:box-shadow 0.3s;
  flex-shrink:0;
}
.social-name{
  font-family:var(--font-tech);font-size:9px;letter-spacing:0.15em;
  text-transform:uppercase;color:var(--gray-light);
}
.social-handle{font-size:11px;color:var(--gray);font-weight:300;}