.social-showcase{margin-block:60px 68px;padding-block:48px 42px;border-top:1px solid #dedee6;border-bottom:1px solid #dedee6;scroll-margin-top:100px}
.social-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:30px}
.social-heading .eyebrow{font-size:11px;letter-spacing:.13em;color:#2620c0}
.social-showcase .social-heading h2{font-size:clamp(32px,3.25vw,50px);line-height:1.2;letter-spacing:-.045em;margin:16px 0 0}
.social-heading h2 em{font-style:normal;color:#2620c0}
.social-heading>p{max-width:375px;margin:0;font-size:16px;line-height:1.75;color:#65656f}
.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;outline-offset:6px}
.social-card{min-width:0}
.social-screen{display:block;position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#17181c;text-decoration:none;color:#fff;isolation:isolate}
.social-screen:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.62));pointer-events:none;z-index:0}
.social-poster{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.social-screen:hover .social-poster{transform:scale(1.025)}
.social-screen:focus-visible{outline:3px solid #2620c0;outline-offset:4px}
.social-platform{position:absolute;top:12px;left:12px;right:auto;z-index:1;background:rgba(19,20,24,.83);color:#fff;border:1px solid #ffffff35;backdrop-filter:blur(8px);padding:6px 9px;border-radius:5px;font-size:10px;font-weight:650;line-height:1.4;letter-spacing:.01em}
.social-platform:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;background:#fa4c56;border-radius:50%;vertical-align:1px}
.social-platform.is-instagram:before{background:#ec8cbc}
.social-watch{position:absolute;z-index:1;bottom:17px;left:14px;right:14px;display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600;line-height:1.5;text-shadow:0 1px 6px #0008}
.social-watch>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid #fff8;border-radius:50%;background:#ffffff20;font-size:12px}
.social-copy{padding:18px 1px 0}
.social-category{font-size:9px;font-weight:700;letter-spacing:.09em;color:#49458d}
.social-showcase .social-copy h3{font-size:20px;line-height:1.35;letter-spacing:-.025em;margin:9px 0 8px;color:#17181c}
.social-copy>p{font-size:13px;line-height:1.7;color:#686872;margin:0}
.social-bottom{display:flex;justify-content:space-between;align-items:center;gap:28px;border-top:1px solid #e2e2e9;margin-top:30px;padding-top:25px}
.social-note{font-size:11px;color:#72727c;margin:0 0 11px;line-height:1.6}
.social-channel-links{display:flex;flex-wrap:wrap;gap:8px 19px}
.social-channel-links a{font-size:11px;color:#555562;line-height:1.6;text-underline-offset:4px}
.social-channel-links a:hover{text-decoration:underline}
.social-actions{display:flex;gap:22px;align-items:center;flex-shrink:0}
.social-work-link{font-size:12px;font-weight:650;color:#2620c0;text-decoration:none;white-space:nowrap}
.social-inquiry{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:100px;padding:16px 21px;background:#2620c0;color:#fff;font-size:12px;line-height:1.5;font-weight:600;text-decoration:none;white-space:nowrap}
.social-inquiry:hover{background:#171287}
.social-mobile-tools{display:none}
.social-player-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:18px;border:0;border-radius:14px;background:#16171c;color:#fff;overflow:auto;overscroll-behavior:contain}
.social-player-dialog::backdrop{background:#090a12d9;backdrop-filter:blur(4px)}
.social-player-head{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:14px}
.social-player-head>div{min-width:0}
.social-player-head>div>span{font-size:10px;color:#bdbec9;letter-spacing:.04em}
.social-player-dialog .social-player-head h2{font-size:17px;letter-spacing:-.02em;line-height:1.4;margin:5px 0 0;color:#fff}
.social-player-close{border:1px solid #ffffff40;display:grid;place-items:center;flex-shrink:0;background:transparent;color:#fff;width:40px;height:40px;border-radius:50%;font-size:27px;cursor:pointer}
.social-player-frame{height:min(65dvh,640px);max-width:100%;aspect-ratio:9/16;margin:auto;background:#000}
.social-player-frame iframe,.social-player-frame video{display:block;width:100%;height:100%;border:0;object-fit:contain}
.social-player-source{display:block;width:fit-content;margin:15px auto 0;color:#f5f4ff;font-size:12px;text-decoration:underline;text-underline-offset:4px}
body.social-player-open{overflow:hidden}
@media(max-width:1050px){.social-grid{gap:14px}.social-showcase .social-copy h3{font-size:17px}.social-bottom{align-items:flex-start;flex-direction:column;gap:22px}.social-heading>p{max-width:330px;font-size:15px}.social-platform{left:9px;top:9px;font-size:9px;padding:5px 7px}.social-watch{left:10px;right:10px;font-size:11px;gap:7px}.social-watch>span{width:28px;height:28px}}
@media(max-width:740px){.social-showcase{margin-block:36px 44px;padding-block:31px 29px;scroll-margin-top:83px}.social-heading{display:block;margin-bottom:20px}.social-showcase .social-heading h2{font-size:33px}.social-heading>p{max-width:none;font-size:14px;margin-top:18px}.social-mobile-tools{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.social-mobile-tools>span{font-size:10px;letter-spacing:.12em;color:#73737e}.social-mobile-tools>div{display:flex;gap:8px}.social-mobile-tools button{display:grid;place-items:center;border:1px solid #dad9e7;background:white;color:#2620c0;width:40px;height:40px;font-size:20px;border-radius:50%;cursor:pointer}.social-mobile-tools button:disabled{opacity:.3;cursor:default}.social-grid{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-bottom:15px;scrollbar-width:thin;scrollbar-color:#bebce1 transparent}.social-card{flex:0 0 min(78vw,280px);scroll-snap-align:start}.social-screen{border-radius:11px}.social-platform{top:13px;left:13px;font-size:10px}.social-watch{left:15px;font-size:12px}.social-watch>span{width:34px;height:34px}.social-showcase .social-copy h3{font-size:22px}.social-copy>p{font-size:14px}.social-bottom{margin-top:18px;padding-top:21px;gap:22px}.social-actions{width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap}.social-inquiry{font-size:12px;padding:14px 18px}.social-work-link{font-size:12px}.social-player-dialog{padding:14px}.social-player-dialog .social-player-head h2{font-size:15px}.social-player-frame{height:min(62dvh,600px)}.social-player-head{gap:8px}.social-player-close{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.social-poster{transition:none}.social-screen:hover .social-poster{transform:none}}