.social-world-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#052f73 0%,#0752ad 58%,#0b77c9 100%)}.social-world-hero:after{content:"";position:absolute;right:-70px;bottom:-150px;width:430px;height:430px;border:70px solid rgba(255,255,255,.07);border-radius:50%}.social-world-hero>div{position:relative;z-index:1}.social-world-hero p{max-width:760px}
.social-channels,.social-live{margin-top:20px}.social-section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:16px}.social-section-heading h2{margin:.35rem 0 0;color:var(--navy);font-size:clamp(1.35rem,2vw,2rem)}.social-section-heading>p{max-width:470px;margin:0;color:var(--muted);font-size:.88rem;text-align:right}
.social-channel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.social-channel{--social-color:var(--blue);display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;min-width:0;padding:14px;border:1px solid var(--line);border-top:4px solid var(--social-color);border-radius:16px;background:#fff;color:var(--navy);text-decoration:none;box-shadow:var(--shadow2);transition:transform .18s ease,box-shadow .18s ease}.social-channel:hover,.social-channel:focus-visible{transform:translateY(-3px);box-shadow:0 13px 30px rgba(9,52,102,.14)}.social-channel--facebook{--social-color:#1877f2}.social-channel--instagram{--social-color:#d62976}.social-channel--youtube{--social-color:#f20c18}.social-channel--tiktok,.social-channel--x{--social-color:#111}.social-channel-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#eef5fc}.social-channel-icon img{display:block;width:26px;height:26px;object-fit:contain}.social-channel b,.social-channel small{display:block}.social-channel b{font-size:.92rem}.social-channel small{margin-top:3px;color:var(--muted);font-size:.62rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.social-channel strong{color:var(--social-color);font-size:1.1rem}
.social-live{padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#f8fbff,#eef5fb);box-shadow:var(--shadow2)}.social-live-heading{margin-bottom:14px}.social-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.social-filters button{min-height:38px;padding:8px 17px;border:1px solid #b7cae0;border-radius:999px;background:#fff;color:var(--navy);font:inherit;font-size:.75rem;font-weight:900;cursor:pointer}.social-filters button:hover,.social-filters button:focus-visible,.social-filters button.is-active{border-color:var(--blue);background:var(--blue);color:#fff}.social-feed-status{display:flex;align-items:center;justify-content:center;gap:11px;min-height:190px;color:var(--muted);font-size:.84rem;font-weight:800}.social-feed-spinner{width:24px;height:24px;border:3px solid #cbdbea;border-top-color:var(--blue);border-radius:50%;animation:social-spin .85s linear infinite}@keyframes social-spin{to{transform:rotate(360deg)}}
.social-feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.social-post{--post-color:var(--blue);display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-top:4px solid var(--post-color);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(9,52,102,.08)}.social-post[data-network="facebook"]{--post-color:#1877f2}.social-post[data-network="instagram"]{--post-color:#d62976}.social-post[data-network="youtube"]{--post-color:#f20c18}.social-post[data-network="tiktok"],.social-post[data-network="x"]{--post-color:#111}.social-post-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#dfeaf4}.social-post-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.social-post:hover .social-post-media img{transform:scale(1.025)}.social-post-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:50px;height:50px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.94);color:var(--post-color);font-size:1.15rem;box-shadow:0 8px 24px rgba(0,0,0,.23)}.social-post-body{display:flex;flex:1;flex-direction:column;padding:17px}.social-post-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;color:var(--muted);font-size:.67rem;font-weight:850}.social-post-network{display:flex;align-items:center;gap:7px;color:var(--post-color);text-transform:uppercase;letter-spacing:.07em}.social-post-network img{width:19px;height:19px;object-fit:contain}.social-post-text{display:-webkit-box;overflow:hidden;margin:0 0 16px;color:var(--navy);font-size:.88rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:5}.social-post-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid var(--line);color:var(--post-color);font-size:.74rem;font-weight:950;text-decoration:none}.social-feed-empty{padding:42px 20px;border:1px dashed #a9bed5;border-radius:17px;background:#fff;text-align:center}.social-feed-empty strong{display:block;color:var(--navy);font-size:1.15rem}.social-feed-empty p{margin:.45rem 0 0;color:var(--muted)}.social-feed-more{text-align:center;margin-top:18px}
.social-callout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:35px;margin-top:20px;padding:29px;border-radius:22px;background:linear-gradient(125deg,var(--navy),var(--blue));color:#fff;box-shadow:var(--shadow)}.social-callout h2{margin:.4rem 0 0;font-size:clamp(1.35rem,2vw,2rem)}.social-callout p{margin:0;color:#dcecff;line-height:1.7}
@media(max-width:1100px){.social-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.social-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.social-section-heading{display:block}.social-section-heading>p{margin-top:8px;text-align:left}.social-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-live{padding:17px}.social-feed-grid{grid-template-columns:1fr}.social-callout{grid-template-columns:1fr;gap:13px;padding:23px}.social-post-text{-webkit-line-clamp:4}}@media(max-width:430px){.social-channel-grid{grid-template-columns:1fr}.social-filters{gap:6px}.social-filters button{flex:1 1 auto;padding-inline:12px}}@media(prefers-reduced-motion:reduce){.social-channel,.social-post-media img{transition:none}.social-feed-spinner{animation:none}}