.syk-social{padding:clamp(64px,6vw,120px) var(--home-gutter,clamp(24px,2.5vw,96px));background:#101010;border-top:1px solid #303030;color:#fff}
.syk-social [hidden]{display:none!important}
.social-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:40px}
.syk-site .syk-social h2{font-family:var(--font-heading-family);font-size:clamp(44px,4.4vw,112px);font-weight:700;line-height:1.05;letter-spacing:-.045em;margin:0;max-width:none}
.social-heading>p{color:#b8b8b8;line-height:1.7;font-size:clamp(16px,1vw,21px);max-width:36ch;margin:0}
.social-tabs{display:flex;gap:32px;border-bottom:1px solid #393939;margin-bottom:28px}
.social-tabs button{appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#a9a9a9;padding:16px 0;font:inherit;font-size:17px;font-weight:600;cursor:pointer;white-space:nowrap}
.social-tabs button[aria-selected=true]{color:#fff;border-bottom-color:#c9252c}
.social-tabs button:hover{color:#fff}
.social-tabs button:focus-visible,.social-panel:focus-visible,.syk-social a:focus-visible,.syk-social-links a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.social-tabs svg,.syk-social-links svg{width:20px;height:20px;display:block;fill:currentColor}
.social-panel{min-width:0;outline:none}
.social-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px}
.syk-site .social-panel-heading h3{font-size:clamp(19px,1.2vw,28px);line-height:1.3;font-weight:500;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}
.social-panel-heading>a{font-size:15px;line-height:1.5;color:#eee;text-decoration:none;white-space:nowrap}
.social-panel-heading>a:hover{text-decoration:underline;text-underline-offset:5px}
.social-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;border:1px solid #303030;background:radial-gradient(ellipse at 50% 0%,rgba(167,24,32,.09),transparent 65%),#0a0a0a;padding:48px 24px;text-align:center}
.social-fallback-icon{display:block;color:#fff;margin-bottom:24px}
.social-fallback-icon svg{display:block;width:52px;height:52px;fill:currentColor}
.social-fallback>p{color:#bcbcbc;font-size:18px;line-height:1.6;margin:0 0 24px}
.social-fallback>a{font-size:16px;color:#fff;text-decoration:none;border-bottom:1px solid #777;padding-bottom:8px}
.social-fallback>a:hover{border-bottom-color:#d92b33}
.social-status{color:#aaa;font-size:14px;line-height:1.6;margin:16px 0 0}
.social-panel--instagram .social-native-embed{display:flex;justify-content:center}
.social-panel--instagram .instagram-media{margin:0!important;max-width:540px!important;min-width:min(288px,100%)!important;width:100%!important}
.social-native-embed:empty,.social-instagram-feed:empty{display:none}
.social-native-embed{min-width:0;overflow:hidden}
.social-panel--tiktok .social-native-embed{display:flex;justify-content:center}
.social-native-embed .tiktok-embed{margin:0!important;width:100%;max-width:720px;min-width:min(288px,100%)}
.social-panel--tiktok iframe{max-width:100%}
.social-panel--youtube .social-native-embed{max-width:1280px;margin:auto;aspect-ratio:16/9;min-height:200px;background:#080808}
.social-panel--youtube .social-native-embed:empty{min-height:0;aspect-ratio:auto}
.social-panel--youtube iframe{width:100%;height:100%;min-height:200px;display:block;border:0;aspect-ratio:16/9}
.social-instagram-feed{min-width:0;max-width:100%;overflow:hidden;background:transparent}
.social-instagram-feed #insta-feed{margin:0!important;padding:0!important}
.social-instagram-feed img{max-width:100%}
.social-curated-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;max-width:1440px;margin:0 auto}
.social-curated-grid:empty{display:none}
.social-post{display:block;min-width:0;color:#fff;text-decoration:none}
.social-post-image{position:relative;display:block;overflow:hidden;background:#080808;aspect-ratio:4/5}
.social-post-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 32%}
.social-post-open{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.75);color:#fff;font-size:22px;line-height:1}
.social-post-author{display:block;padding-top:14px;font-size:15px;color:#c6c6c6;overflow-wrap:anywhere}
.social-post:hover .social-post-author{color:#fff}
@media(max-width:749px){.social-curated-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.social-post-author{font-size:12px;padding-top:10px}.social-post-open{width:27px;height:27px;right:9px;bottom:9px;font-size:18px}}
.syk-site .syk-footer .syk-social-links{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:26px}
.syk-site .syk-footer .syk-social-links a{display:inline-flex;align-items:center;gap:8px;margin:0;color:#ddd;font-size:13px;line-height:1.5;text-decoration:none;width:auto}
.syk-site .syk-footer .syk-social-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.syk-social-links svg{width:18px;height:18px}
@media(max-width:1100px){.social-heading{align-items:flex-start}.social-heading>p{max-width:30ch}.social-tabs{gap:28px}.social-fallback{min-height:300px}}
@media(max-width:749px){.syk-social{padding:56px 16px}.social-heading{display:block;margin-bottom:28px}.syk-site .syk-social h2{font-size:clamp(38px,10vw,54px);line-height:1.08}.social-heading>p{margin-top:18px;font-size:16px;max-width:34ch}.social-tabs{gap:0;justify-content:space-between;margin-bottom:24px}.social-tabs button{font-size:14px;gap:7px;padding:14px 0}.social-tabs svg{width:17px;height:17px}.social-panel-heading{gap:12px;padding-bottom:20px;flex-wrap:wrap}.social-panel-heading>a{font-size:13px}.social-fallback{min-height:300px;padding:36px 20px}.social-fallback>p{font-size:16px;max-width:25ch}.social-fallback-icon svg{width:42px;height:42px}.social-status{font-size:13px}.syk-site .syk-footer .syk-social-links{gap:18px 24px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.syk-social *{scroll-behavior:auto!important;transition:none!important}}
