.social-studio-page{--w3-gold:#f6bd83;background:radial-gradient(ellipse at 85% 0,#6c381824,transparent 38%),#080b14}
.social-intro{display:grid;grid-template-columns:1fr .48fr;gap:60px;align-items:center;padding:48px 0 38px}
.social-intro h1{font-size:clamp(36px,4.3vw,66px);font-weight:750;letter-spacing:-.05em;line-height:1.06;margin:18px 0 22px}
.social-intro h1 em{font-style:normal;color:#f5cba2}
.social-intro>div>p:not(.w3-kicker){font-size:15px;line-height:1.8;max-width:660px;color:#b6bccf}
.social-note{padding:28px;border:1px solid #dcaa7632;border-radius:16px;background:linear-gradient(140deg,#4c2e2340,#15151e);box-shadow:0 16px 50px #0003}
.social-note>span,.social-workflows article>span{display:block;font-size:9px;letter-spacing:.15em;font-weight:700;color:#e3af7f}
.social-note strong{display:block;font-size:27px;line-height:1.25;letter-spacing:-.03em;margin:18px 0}
.social-note p{font-size:12px;line-height:1.8;color:#b2a9a8}
.social-studio-page .w3-screen{background:#f7f4ef;border-color:#debb883d}
.social-studio-page .w3-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr))}
.social-studio-page .w3-thumb img{aspect-ratio:1.98;object-fit:contain;background:#f7f4ef}
.social-workflows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:34px 0}
.social-workflows article{padding:24px;border:1px solid #bbaa9030;border-radius:13px;background:#16151d}
.social-workflows h3{font-size:20px;letter-spacing:-.03em;margin:16px 0 10px}
.social-workflows p{font-size:13px;line-height:1.75;color:#b4b8c7;margin:0}
@media(max-width:1000px){.social-intro{grid-template-columns:1fr;gap:26px}.social-note{display:none}.social-studio-page .w3-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.social-intro{padding:28px 0}.social-workflows{grid-template-columns:1fr;gap:12px}.social-studio-page .w3-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}.social-studio-page .w3-product-heading{align-items:start}.social-workflows article{padding:21px}}
/* A compact opening with platform marks gathered beside the title. */
body.bhc-shell.social-studio-page .social-intro{grid-template-columns:minmax(0,1fr) minmax(250px,340px);align-items:start;gap:40px;padding:28px 0 22px}
body.bhc-shell.social-studio-page .social-intro h1{font-size:clamp(34px,3.5vw,53px);margin:14px 0 16px}
body.bhc-shell.social-studio-page .social-intro>div>p:not(.w3-kicker){font-size:14px;line-height:1.75;max-width:620px;margin:0}
body.bhc-shell.social-studio-page .social-intro .w3-actions{margin:20px 0 18px}
body.bhc-shell.social-studio-page #social-studio{padding-top:24px}
.social-orbit{position:relative;width:290px;height:290px;justify-self:end;margin:0 10px 0 0;isolation:isolate}
.social-orbit-rings{position:absolute;inset:30px;border:1px solid #e4b18028;border-radius:50%;background:radial-gradient(circle,#d88c3622,transparent 65%);box-shadow:0 0 70px #d08e3210}
.social-orbit-rings:after{content:'';position:absolute;inset:25px;border:1px dashed #e4b18026;border-radius:50%}
.social-orbit-center{position:absolute;inset:87px;display:flex;align-items:center;justify-content:center;border:1px solid #b9a2ef45;border-radius:50%;background:radial-gradient(circle at 50% 0,#54417855,#111321 75%);box-shadow:0 12px 40px #0004;text-align:center}
.social-orbit-center strong{font:650 18px/1.2 system-ui,sans-serif;letter-spacing:-.03em;color:#f5e3c9;padding-top:12px}
.social-orbit-center .bh-brand-hole{position:absolute;left:calc(50% - 12px);top:12px;width:24px;height:24px;border:1px solid #a98bff;border-radius:50%;background:#050711;box-shadow:0 0 12px #8261e970}
.social-platform{--social-icon-bg:#111420;position:absolute;display:grid;place-items:center;width:48px;height:48px;border:1px solid #a297bd45;border-radius:50%;background:var(--social-icon-bg);box-shadow:0 8px 22px #0005}
.social-platform svg{width:23px;height:23px;display:block}
.social-platform-1{left:121px;top:6px;color:#72a6ff}
.social-platform-2{right:11px;top:66px;color:#f6a3cd}
.social-platform-3{right:11px;bottom:65px;color:#ff7c81}
.social-platform-4{left:121px;bottom:5px;color:#eef0fa}
.social-platform-5{left:11px;bottom:65px;color:#72c6ed}
.social-platform-6{left:11px;top:66px;color:#b4a8ff}
.social-orbit>p{position:absolute;bottom:-28px;left:0;right:0;text-align:center;font:500 10px/1.4 system-ui;color:#bca487;letter-spacing:.04em}
@media(max-width:900px){body.bhc-shell.social-studio-page .social-intro{grid-template-columns:minmax(0,1fr) 240px;gap:22px}.social-orbit{transform:scale(.8);transform-origin:top right;margin:0;height:248px;width:290px}.social-intro>div{min-width:0}}
@media(max-width:600px){body.bhc-shell.social-studio-page .social-intro{grid-template-columns:1fr;padding-top:20px;gap:20px}.social-orbit{transform:none;justify-self:center;margin:0 0 26px;width:290px;height:290px}.social-intro .w3-actions{flex-wrap:wrap}body.bhc-shell.social-studio-page #social-studio{padding-top:12px}}