.social-intro{margin-top:24px;font-size:13px;line-height:1.8;color:var(--muted)}
.social-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.social-video-cover{display:block;position:relative;aspect-ratio:9/13;background:#000;border:1px solid var(--line);overflow:hidden}
.social-video-cover>img{width:100%;height:100%;object-fit:cover;filter:brightness(.86);transition:filter .3s}
.social-video-card:hover img{filter:brightness(1)}
.social-video-card>strong{display:block;font-size:14px;font-weight:500;margin-top:14px}
.social-video-card>span:last-child{display:block;color:var(--muted);font-size:8px;letter-spacing:1px;margin-top:8px}
.media-open{overflow:hidden}
.media-dialog{width:min(1040px,calc(100vw - 48px));max-width:none;max-height:94dvh;padding:0;margin:auto;background:#101721;color:var(--cream);border:1px solid #43566a;border-radius:10px;box-shadow:0 30px 100px #0009;overflow:auto}
.media-dialog::backdrop{background:#04070ce8;backdrop-filter:blur(10px)}
.media-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px}
.media-top .eyebrow{font-size:8px;color:var(--muted);letter-spacing:1.3px}
.media-top h2{font-size:21px;font-weight:500;letter-spacing:-.4px;margin-top:8px}
.media-close{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #526477;border-radius:50%;background:transparent;color:var(--cream);font-size:17px}
.media-close:hover{background:var(--cream);color:var(--bg)}
.media-stage{background:#000;display:flex;align-items:center;justify-content:center;min-height:160px}
.media-stage video{display:block;width:100%;max-height:69dvh;object-fit:contain;background:#000}
.media-stage img{display:block;max-width:100%;max-height:69dvh;width:auto;height:auto;object-fit:contain}
.media-dialog [hidden]{display:none!important}
.media-bottom{padding:17px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}
#media-counter{font-size:9px;color:var(--muted);letter-spacing:1.3px}
.media-navigation{display:flex;gap:12px}
.media-navigation button{padding:9px 15px;border:1px solid #526477;background:transparent;border-radius:30px;font-size:11px;display:flex;gap:12px;align-items:center}
.media-navigation button:disabled{opacity:.3}
.media-navigation button:not(:disabled):hover{background:var(--lime);color:var(--bg)}
.media-error{padding:16px 26px;line-height:1.6;font-size:12px;color:#f5d1b4}
.media-error a{text-decoration:underline}
@media(max-width:700px){.social-video-grid{gap:12px}.social-video-card>strong{font-size:12px}.social-video-card>span:last-child{font-size:6px}.media-dialog{width:calc(100vw - 20px);max-height:95dvh;border-radius:7px}.media-top{padding:16px}.media-top h2{font-size:17px;line-height:1.3}.media-top .eyebrow{font-size:6px}.media-close{width:35px;height:35px;font-size:14px}.media-stage video,.media-stage img{max-height:68dvh}.media-bottom{padding:14px 16px}.media-navigation button{padding:9px 12px;font-size:10px}.media-navigation{gap:8px}.social-intro{font-size:12px}}