.social-section { position: relative; isolation: isolate; margin-top: clamp(92px, 10.5vw, 176px); padding: clamp(54px, 7vw, 100px) 0; border-bottom: 0; scroll-margin-top: 100px; }
.social-section > .label { margin: 0 0 20px; }
.story .social-title { margin: 0 0 36px; }
.social-section .closing-logo { margin: clamp(48px, 6vw, 96px) 0 0; }
.social-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 28px); align-items: stretch; }
.social-group { min-width: 0; padding: clamp(14px, 2vw, 28px); border-radius: 14px; background: linear-gradient(180deg, #ffffff0b, #ffffff02 48%, #00000005), #00000014; -webkit-backdrop-filter: blur(6px) saturate(1.3); backdrop-filter: blur(6px) saturate(1.3); }
.social-links { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; }
.social-links li { min-width: 0; }
.social-link {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 54px;
  padding: 12px 8px;
  border: 0;
  border-radius: 8px;
  color: var(--paper);
  text-decoration: none;
  transition: color .2s, background-color .2s;
}
.social-name { min-width: 0; font-size: 14px; line-height: 1.4; font-weight: 500; overflow-wrap: anywhere; }
.social-icon { flex: none; width: 22px; height: 22px; fill: currentColor; }
.social-arrow { flex: none; width: 13px; height: 13px; margin-left: auto; fill: none; stroke: currentColor; stroke-width: 1.3; opacity: .45; transition: opacity .2s, transform .2s; }
.social-link:hover { color: var(--acid); background-color: #ffffff05; }
.social-link:hover .social-arrow { opacity: 1; transform: translate(1px, -1px); }
@media (max-width: 740px) {
  .social-groups { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .social-group { padding: 16px 20px; }
}
@media (prefers-reduced-motion: reduce) { .social-link, .social-arrow { transition: none; } }