.social-showcase{grid-column:1/-1;min-width:0;width:100%;margin-top:44px;padding:34px 0 0;border-top:1px solid var(--line)}
.social-showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.social-kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--blue)}
.social-showcase h3{font-size:clamp(28px,3.5vw,40px);letter-spacing:-1px;margin:10px 0}
.social-showcase-heading p{font-size:15px;max-width:650px;margin:0}
.social-navigation{display:flex;gap:8px;flex-shrink:0}
.social-navigation button,#social-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:22px;cursor:pointer}
.social-navigation button:hover,#social-close:hover{background:#d9f2ff;border-color:var(--blue)}
.social-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 18px;scrollbar-color:#0879c9 #dff5ff;scrollbar-width:thin}
.social-card{flex:0 0 250px;scroll-snap-align:start;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#f7ffff;display:flex;flex-direction:column}
.social-preview{position:relative;height:310px;overflow:hidden;background:linear-gradient(145deg,#c8edfb,#dfe9f3);isolation:isolate}
.social-preview>img{width:100%;height:100%;object-fit:cover}
.social-preview>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;background:#fff}
.social-preview-backdrop{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);font-size:16px;font-weight:800}
.social-preview-backdrop img{width:85%;height:75%;object-fit:contain}
.social-open{position:absolute;inset:0;width:100%;height:100%;border:0;background:linear-gradient(transparent 55%,#0d156899);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px;padding:20px;color:white}
.social-play{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#0d1568e8;font-size:18px;padding-left:3px;box-shadow:0 3px 16px #0003}
.social-watch{font-size:12px;font-weight:700;letter-spacing:.4px}
.social-open:hover .social-play{background:var(--blue);transform:scale(1.08)}
.social-open:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}
.social-card-copy{padding:17px 18px 20px}
.social-platform{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;color:var(--blue)}
.social-card h4{font-size:15px;line-height:1.45;margin:9px 0 0;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.social-swipe{font-size:12px;margin-top:13px;color:#4b6679}
.social-viewer-open{overflow:hidden}
.social-dialog{width:min(940px,calc(100vw - 32px));max-width:940px;max-height:94dvh;box-sizing:border-box;border:1px solid var(--line);border-radius:16px;padding:0;background:#eefefe;color:var(--ink);box-shadow:0 24px 100px #020c3866;overflow:auto}
.social-dialog::backdrop{background:#050f38cc;backdrop-filter:blur(5px)}
.social-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px}
.social-dialog h3{font-size:18px;line-height:1.4;margin:6px 0 0;max-width:740px}
#social-close{flex-shrink:0;font-size:19px}
.social-player{width:100%;aspect-ratio:16/9;background:#071029}
.social-player iframe{display:block;width:100%;height:100%;border:0}
.social-player.is-portrait{width:min(100%,410px);height:min(65dvh,680px);aspect-ratio:auto;margin:auto;background:white}
.social-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;font-size:12px}
.social-dialog-footer a{font-size:14px}
@media(max-width:620px){.social-showcase-heading{align-items:center}.social-navigation{gap:5px}.social-navigation button{width:38px;height:38px}.social-card{flex-basis:225px}.social-preview{height:295px}.social-dialog-header{padding:16px}.social-dialog h3{font-size:15px}.social-dialog-footer{padding:16px}.social-showcase{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.social-track{scroll-behavior:auto}.social-open:hover .social-play{transform:none}}

/* Continuous social reel. Manual swiping and keyboard browsing remain available. */
.social-track{scroll-snap-type:none;scroll-behavior:auto}
.social-preview .social-open{transition:background .2s}