/* social links, brand colours */
.social2{padding:var(--sv,64px) 0;background:var(--bg)}
.s2grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px)}
.s2{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:clamp(260px,40vh,360px);padding:clamp(22px,3vh,32px);border-radius:24px;text-decoration:none;color:#fff;transition:transform .6s cubic-bezier(.2,.7,.1,1),box-shadow .6s;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.s2:hover{transform:translateY(-8px);box-shadow:0 26px 50px rgba(0,0,0,.18)}
.s2:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.s2fb{background:#1877F2}
.s2ig{background:radial-gradient(circle at 30% 107%,#FDF497 0%,#FDF497 5%,#FD5949 45%,#D6249F 60%,#285AEB 90%)}
.s2g{background:#fff;color:#202124;border:1px solid #E3E3E3}
.s2wm{position:absolute;right:-12%;bottom:-18%;width:70%;opacity:.14;z-index:-1;transition:transform 1.2s cubic-bezier(.2,.7,.1,1)}
.s2g .s2wm{opacity:.08}
.s2wm svg{width:100%;height:auto;display:block}
.s2:hover .s2wm{transform:rotate(-12deg) scale(1.12)}
.s2ic{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#fff;color:#1877F2;box-shadow:0 8px 20px rgba(0,0,0,.15);transition:transform .6s cubic-bezier(.2,1.4,.4,1)}
.s2ig .s2ic{color:#D6249F}
.s2g .s2ic{background:#F1F3F4;box-shadow:none}
.s2ic svg{width:34px;height:34px}
.s2:hover .s2ic{transform:rotate(-8deg) scale(1.1)}
.s2tx small{display:block;font:600 .78rem var(--body);letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-bottom:6px}
.s2tx b{display:block;font:700 clamp(1.5rem,2.4vw,2.1rem)/1.05 var(--display);letter-spacing:-.02em;margin-bottom:6px}
.s2tx>span{font-size:.92rem;opacity:.9}
.s2cta{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:#fff;color:#1877F2;font-weight:700;font-size:.92rem;padding:12px 18px;border-radius:12px;transition:gap .35s,background .3s}
.s2ig .s2cta{color:#C1358A}
.s2g .s2cta{background:#1A73E8;color:#fff}
.sa{width:16px;height:16px;transition:transform .35s}
.s2:hover .s2cta{gap:16px}.s2:hover .sa{transform:translateX(3px)}
.s2{opacity:0;transform:translateY(30px)}
.s2grid.in .s2{opacity:1;transform:none;transition:opacity .7s,transform .8s cubic-bezier(.2,.7,.1,1),box-shadow .6s}
.s2grid.in .s2:nth-child(2){transition-delay:.1s}.s2grid.in .s2:nth-child(3){transition-delay:.2s}
.s2grid.in .s2:hover{transform:translateY(-8px);transition-delay:0s}
@media(max-width:900px){.s2grid{grid-template-columns:1fr}.s2{min-height:200px}}
@media (prefers-reduced-motion:reduce){.s2{opacity:1;transform:none;transition:none}.s2wm,.s2ic{transition:none}}