header{z-index:2}
.social{position:relative}
.social-links[hidden]{display:none!important}
.social-links{position:absolute;top:100%;right:-56px;width:280px;max-width:86vw;padding:16px 12px 0;background:rgba(17,31,44,.82);border:1px solid #789bae55;border-radius:13px;box-shadow:0 16px 42px #0004;backdrop-filter:blur(14px);color:#eef4f7;animation:social-reveal .18s ease-out}
.social-heading{margin:0 0 10px;font-size:10px;font-weight:700;letter-spacing:0;color:#a5b3bf}
nav .social-links a{display:flex;align-items:center;gap:12px;min-height:55px;padding:6px 0;font-size:14px;letter-spacing:0;text-decoration:none;border-radius:7px}
.social-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:10px;background:#213b4e}
.social-icon img{object-fit:contain;filter:brightness(0) saturate(100%) invert(86%) sepia(16%) saturate(541%) hue-rotate(151deg) brightness(100%)}
.social-copy{display:block}.social-copy strong{display:block;font-size:14px;font-weight:600}.social-copy small{display:block;margin-top:5px;font-size:13px;color:#9daab5;line-height:1.3}
.social-arrow{margin-left:auto;padding-right:2px;color:#9daab5}
.social-links a:hover,.social-links a:focus-visible{background:#b1ddec10;color:var(--ice)}
.social-footer{border-top:1px solid #789bae55;margin:16px 0 0;padding:19px 0 17px;color:#9daab5;font-size:12px;letter-spacing:.02em}
.social.is-open>button{color:#eef4f7;text-decoration:underline;text-underline-offset:9px;text-decoration-color:var(--ice)}
@keyframes social-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){nav{column-gap:20px;row-gap:4px}.social-links{right:-40px;width:260px;max-height:calc(100svh - 160px);overflow:auto}}
@media(prefers-reduced-motion:reduce){.social-links{animation:none}}