/* Sabban&Co · A social world in motion */
.project-dialog[data-current-project=social] { --project-ink:#f0f2fb; --project-muted:#9ca4bf; --project-line:#ffffff24; }
.project-dialog[data-current-project=social] :is(.project-window,.project-window-foot) { background:#080b13; color:#f0f2fb; }
.project-dialog[data-current-project=social] .project-window { width:min(1500px,calc(100vw - 80px)); height:calc(100dvh - 76px); }
.project-dialog[data-current-project=social] .project-scroll { scrollbar-color:#53618b #080b13; }
.showcase-content.studio-world.social-universe { --sw-ink:#f0f2fb; --sw-muted:#9ca4bf; --sw-line:#ffffff26; --sw-accent:#a4bbff; background:#080b13; color:#f0f2fb; position:relative; overflow:clip; }
.social-universe :is(p,h1,h2,h3,h4,figure) { margin:0; }
.studio-world.social-universe p { font-size:16px; line-height:1.75; }
.studio-world.social-universe em { font:inherit; font-style:normal; color:#a4bbff; letter-spacing:inherit; }
.studio-world.social-universe .su-kicker { font-size:12px; letter-spacing:.12em; line-height:1.5; text-transform:uppercase; margin-bottom:25px; color:#a0a9c4; }
.studio-world.social-universe .su-heading { font-size:clamp(46px,6.5vw,86px); line-height:1.02; letter-spacing:-.055em; font-weight:250; color:inherit; margin:0; }
.studio-world.social-universe .su-subheading { font-size:28px; line-height:1.15; letter-spacing:-.035em; font-weight:300; color:inherit; margin:0 0 18px; }
.social-universe .su-count { font-variant-numeric:tabular-nums; letter-spacing:-.045em; font-weight:250; display:block; white-space:nowrap; }
.su-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.su-trail-layer { position:fixed; inset:0; z-index:40; pointer-events:none; overflow:hidden; }
.su-trail-layer canvas { display:block; width:100%; height:100%; }
.su-section { padding:clamp(55px,7vw,100px) clamp(25px,6.5vw,94px); position:relative; }
.su-section-top { display:grid; grid-template-columns:1.3fr 1fr; gap:65px; align-items:end; margin-bottom:55px; }
.su-section-top > p { color:#9ca4bf; max-width:440px; justify-self:end; }
.su-hero { min-height:850px; position:relative; padding:28px clamp(25px,5vw,76px) 0; background:radial-gradient(ellipse at 83% 35%,#17234870,transparent 52%),#080b13; isolation:isolate; overflow:hidden; }
.su-topline { display:flex; align-items:center; justify-content:space-between; gap:25px; position:relative; z-index:4; }
.su-topline .su-kicker { margin:0!important; color:#d0d6e8!important; }
.social-universe .motion-toggle { border:1px solid #ffffff30; background:#101522b3; color:#c2c9e1; margin:0; padding:9px 14px; border-radius:5px; font-size:12px; backdrop-filter:blur(12px); }
.su-hero-copy { position:relative; z-index:3; width:65%; padding-top:100px; pointer-events:none; }
.su-hero-copy a { pointer-events:auto; }
.studio-world.social-universe .su-title { font-size:clamp(64px,8.7vw,124px); line-height:.95; letter-spacing:-.065em; font-weight:250; margin:0 0 30px; color:#fff; opacity:1; visibility:visible; }
.su-title em { color:#b2c1ff!important; }
.su-hero-copy > p:not(.su-kicker) { color:#b5bfd9; font-size:18px; max-width:470px; }
.studio-world.social-universe .su-intro-label { color:#8c9cca; }
.su-text-link { display:inline-flex; align-items:center; gap:34px; padding:15px 0; margin-top:25px; color:#dfe7ff; font-size:14px; text-decoration:none; border-bottom:1px solid #bdcaff40; }
.su-text-link span { font-size:23px; animation:su-cue 3.5s ease-in-out infinite; }
.su-globe-stage { position:absolute; width:min(75%,930px); aspect-ratio:1; top:55px; right:-7%; z-index:0; pointer-events:none; }
.su-globe-stage canvas { display:block; width:100%; height:100%; }
.su-globe-caption { position:absolute; right:17%; bottom:16%; font-size:10px; text-transform:uppercase; letter-spacing:.13em; color:#8793b7; }
.su-hero-platforms { position:absolute; inset:0; pointer-events:none; z-index:2; }
.su-platform-icon { display:inline-block; flex-shrink:0; width:28px; height:28px; background:currentColor; mask:var(--su-icon) center/contain no-repeat; -webkit-mask:var(--su-icon) center/contain no-repeat; }
.su-orbit-platform { display:grid; place-items:center; position:absolute; width:66px; height:66px; border-radius:16px; border:1px solid color-mix(in srgb,var(--su-platform) 38%,transparent); background:#11182acb; color:var(--su-platform); box-shadow:0 16px 35px #0004; backdrop-filter:blur(15px); animation:su-platform-float 8s ease-in-out infinite; }
.su-orbit-platform .su-platform-icon { width:30px; height:30px; }
.su-orbit-0 { top:17%; right:35%; rotate:-9deg; }.su-orbit-1 { top:35%; right:5%; rotate:10deg; animation-delay:-3s; }.su-orbit-2 { top:59%; right:28%; rotate:-7deg; animation-delay:-1s; }.su-orbit-3 { top:67%; right:4%; rotate:5deg; animation-delay:-6s; }.su-orbit-4 { top:8%; right:8%; rotate:10deg; animation-delay:-2s; }.su-orbit-5 { top:44%; right:42%; rotate:-8deg; animation-delay:-4s; width:53px; height:53px; }
.su-hero-activity { position:relative; z-index:3; display:grid; grid-template-columns:340px minmax(0,420px); gap:30px; align-items:end; margin-top:65px; padding-bottom:38px; }
.su-mini-metric { background:#121827bb; border:1px solid #b3c8ff29; padding:23px 25px 0; backdrop-filter:blur(18px); border-radius:12px; box-shadow:0 20px 50px #0004; }
.su-mini-metric > span:first-child { color:#aab8d7; font-size:12px; }
.su-mini-metric .su-count { font-size:46px; line-height:1.2; margin-top:7px; }
.su-mini-line { height:66px; overflow:hidden; margin-top:9px; }
.su-mini-line .su-chart { height:90px; width:100%; }
.su-notification { display:flex; align-items:center; gap:14px; padding:17px 19px; background:#182033e8; border:1px solid #b7c5ff23; border-radius:9px; box-shadow:0 13px 32px #0002; backdrop-filter:blur(16px); animation:su-notification-in .6s cubic-bezier(.2,.7,.2,1) both; animation-delay:var(--su-note-delay,0s); }
.su-notification + .su-notification { margin-top:10px; }
.su-notification .su-platform-icon { width:25px; height:25px; color:#c7c6ff; }
.su-notification > div { flex:1; }
.su-notification strong { font-size:13px; font-weight:350; line-height:1.35; display:block; }
.su-notification span:not(.su-platform-icon) { display:block; font-size:12px; color:#8e9abc; margin-top:4px; line-height:1.4; }
.su-notification small { align-self:flex-start; color:#7f8aa9; font-size:10px; }
.su-demo-line { position:relative; z-index:3; display:flex; justify-content:space-between; gap:25px; border-top:1px solid #ffffff1c; padding:18px 0 23px; color:#7f8baa; font-size:12px; }
.su-networks { background:linear-gradient(#0e1320,#080b13); }
.su-platform-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.su-network-card { position:relative; border:1px solid #8da3db25; background:#111726; border-radius:12px; padding:23px; overflow:hidden; transition:border-color .35s,translate .35s,background .35s; }
.su-network-card::after { content:''; position:absolute; left:10%; right:10%; bottom:0; height:1px; background:linear-gradient(90deg,transparent,var(--su-platform),transparent); opacity:.45; }
.su-network-card:hover { border-color:color-mix(in srgb,var(--su-platform) 60%,transparent); background:#151d30; translate:0 -4px; }
.su-network-name { display:flex; align-items:center; gap:13px; font-size:14px; color:#e4e9f6; }
.su-network-name .su-platform-icon { width:24px; height:24px; color:var(--su-platform); }
.su-network-name > i { font-style:normal; margin-left:auto; color:#586783; }
.su-network-card .su-count { font-size:clamp(25px,2.7vw,37px); line-height:1.1; margin:32px 0 9px; }
.su-metric-label { display:block; font-size:12px; color:#8e9bbd; }
.su-network-bars { display:flex; align-items:flex-end; gap:5px; height:33px; width:100%; margin-top:23px; }
.su-network-bars > i { flex:1; height:var(--su-bar-height); background:var(--su-platform); opacity:.45; transform-origin:bottom; animation:su-bars 4.5s ease-in-out infinite alternate; animation-delay:var(--su-bar-delay); border-radius:2px 2px 0 0; }
.studio-world.social-universe .su-caption { font-size:12px; color:#8390ad; margin-top:24px; }
.su-world { background:#101729; }
.su-world-layout { display:grid; grid-template-columns:.95fr 1.05fr; gap:65px; }
.su-region { border-left:1px solid #ffffff22; padding:23px 0 23px 27px; transition:border-color .7s,opacity .7s; opacity:.6; }
.su-region.is-current { border-color:#a3baff; opacity:1; }
.su-region > span { display:block; color:#a3baff; font-size:12px; margin-bottom:15px; }
.su-region > strong { font-size:26px; letter-spacing:-.025em; font-weight:300; line-height:1.2; display:block; margin-bottom:15px; }
.su-region p { color:#9aa9c9; max-width:350px; }
.su-analysis-panel { background:#080d19; border:1px solid #758bb73b; border-radius:14px; padding:27px; align-self:center; box-shadow:0 35px 65px #0003; }
.su-panel-top { display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:13px; color:#c5d0e9; }
.su-panel-top small { font-size:11px; color:#7d8bab; }
.su-analysis-main { display:flex; gap:25px; align-items:center; margin:45px 0 37px; }
.su-analysis-time { font-size:clamp(64px,7vw,100px); letter-spacing:-.08em; line-height:1; color:#c9d5ff; white-space:nowrap; }
.su-analysis-time > span { color:#526cbb; }
.su-analysis-main p { font-size:14px!important; color:#9baacc; }
.su-signal-ticker { overflow:hidden; margin:0 -27px; padding:15px 0; border-block:1px solid #8696c42b; mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); }
.su-signal-ticker > div { display:flex; width:max-content; gap:0; animation:su-ticker 28s linear infinite; }
.su-signal-ticker span { flex-shrink:0; padding:0 22px; font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:#93a8de; }
.su-scan-list { padding-top:22px; }
.su-scan-list > div { display:flex; justify-content:space-between; gap:20px; padding:13px 0; font-size:13px; color:#9ca9c7; }
.su-scan-list b { font-weight:300; color:#b4c6fa; }
.su-attention { background:#080b13; }
.su-dashboard { display:grid; grid-template-columns:1.2fr 1fr; gap:22px; }
.su-performance,.su-activity-feed { min-width:0; background:#101624; border:1px solid #8c9ece2b; border-radius:14px; padding:28px; }
.social-universe .su-large-count { font-size:clamp(47px,5.9vw,78px); line-height:1; margin:43px 0 12px; }
.su-chart { display:block; width:100%; height:auto; overflow:visible; }
.su-chart-grid { stroke:#839bd520; stroke-width:1; }
.su-chart-secondary { stroke:#956ac552; stroke-width:1.4; stroke-dasharray:3 5; }
.su-chart-main { stroke:#9bb6ff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1; stroke-dashoffset:1; animation:su-chart-draw 8s ease-in-out infinite; filter:drop-shadow(0 0 4px #6c8deb66); }
.su-performance > .su-chart { margin-top:40px; }
.su-chart-labels { display:flex; justify-content:space-between; gap:15px; color:#6e80a5; margin-top:15px; font-size:11px; }
.su-activity-feed > [data-su-notifications] { min-height:260px; margin-top:30px; }
.su-activity-feed .su-notification { padding:17px 14px; background:#182138; }
.su-feed-summary { display:grid; grid-template-columns:1fr 1fr; gap:25px; border-top:1px solid #ffffff21; padding-top:22px; margin-top:25px; }
.su-feed-summary .su-count { font-size:29px; line-height:1.2; }
.su-feed-summary > div > span:last-child { color:#8695b5; font-size:12px; display:block; margin-top:9px; }
.su-signals { background:#131831; }
.su-signal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; }
.su-signal-module > p { color:#99a6c8; }
.su-module-art { height:200px; margin-bottom:32px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.su-color-art { gap:11px; padding:20px; background:#1b2442; border:1px solid #ffffff13; border-radius:10px; }
.su-color-art span { width:25%; height:75%; background:#b2baff; border-radius:40px; animation:su-palette 7s ease-in-out infinite; }
.su-color-art span:nth-child(2) { background:#95d5d6; animation-delay:-1.6s; }.su-color-art span:nth-child(3) { background:#e9a2c6; animation-delay:-3.2s; }.su-color-art span:nth-child(4) { background:#9aa4d5; animation-delay:-4.8s; }
.su-equalizer { gap:5px; background:#171d36; border:1px solid #ffffff13; border-radius:10px; padding:30px 22px; }
.su-equalizer span { flex:1; height:80%; background:linear-gradient(#dba4e3,#826cbf); border-radius:3px; transform:scaleY(var(--su-wave)); animation:su-wave 1.8s ease-in-out infinite alternate; animation-delay:var(--su-wave-delay); opacity:.8; }
.su-conversation-art { flex-direction:column; align-items:flex-start; gap:13px; padding:24px; background:#10182b; border:1px solid #ffffff13; border-radius:10px; }
.su-conversation-art > span { display:block; padding:12px 16px; background:#243553; color:#c0d5ed; border-radius:14px 14px 14px 3px; font-size:14px; animation:su-conversation 7s ease-in-out infinite; }
.su-conversation-art > span:nth-child(2) { align-self:flex-end; background:#414065; animation-delay:-2s; border-radius:14px 14px 3px 14px; }.su-conversation-art > span:nth-child(3) { background:#214452; animation-delay:-4s; }
.su-human { background:#0e1a25; }
.su-human-layout { display:grid; grid-template-columns:1fr 1.1fr; gap:65px; margin-top:50px; }
.studio-world.social-universe .su-large-copy { max-width:440px; font-size:30px; line-height:1.3; letter-spacing:-.03em; color:#d0e2ed; }
.su-human-layout > div p { color:#93acbf; margin-bottom:22px; }
.su-human-fields { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; margin-top:45px; }
.su-human-fields span { padding-top:23px; border-top:1px solid #7698ac40; color:#b2c8d7; font-size:14px; }
.su-process { background:#080b13; }
.su-process-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; padding:0; margin:45px 0 0; list-style:none; }
.su-process-steps > li { padding-top:25px; border-top:1px solid #ffffff29; }
.su-process-steps > li > span { font-size:12px; color:#849ccf; }
.su-process-steps strong { display:block; font-size:27px; letter-spacing:-.035em; font-weight:300; margin:26px 0 18px; }
.su-process-steps p { color:#9ca4bf; }
.su-closing { background:#131a30; overflow:hidden; padding-block:100px; }
.su-closing > img { position:absolute; width:min(60%,660px); right:-10%; top:0; filter:brightness(0) invert(1); opacity:.045; pointer-events:none; }
.su-closing > :not(img) { position:relative; z-index:1; }
.su-closing .sw-contact { color:#e0e8ff; }
.social-universe :is(a,button):focus-visible { outline:2px solid #aec1ff; outline-offset:5px; }
.social-universe.su-motion-stopped *,.social-universe.su-motion-stopped *::after { animation-play-state:paused!important; }
.social-universe.motion-paused .su-region { opacity:1; }
body.service-page.social-page,[data-theme=dark] body.service-page.social-page { background:#080b13; color:#f0f2fb; }
.service-page.social-page :is(.site-header,.site-footer) { background:#080b13; color:#9ca4bf; border-color:#ffffff26; }
.service-page.social-page .related { background:#080b13; }
@keyframes su-platform-float { 0%,100% { translate:0 0; } 50% { translate:0 -15px; } }
@keyframes su-cue { 0%,100% { translate:0 0; } 50% { translate:0 5px; } }
@keyframes su-bars { 0% { scale:1 .65; opacity:.3; } 100% { scale:1 1; opacity:.65; } }
@keyframes su-notification-in { from { opacity:0; transform:translateY(13px); } to { opacity:1; transform:translateY(0); } }
@keyframes su-ticker { to { transform:translateX(-50%); } }
@keyframes su-chart-draw { 0% { stroke-dashoffset:1; } 60%,100% { stroke-dashoffset:0; } }
@keyframes su-palette { 0%,100% { transform:translateY(13px) scaleY(.85); } 50% { transform:translateY(-10px) scaleY(1); } }
@keyframes su-wave { from { transform:scaleY(.2); } to { transform:scaleY(var(--su-wave)); } }
@keyframes su-conversation { 0%,100% { translate:0 0; opacity:.7; } 50% { translate:4px -3px; opacity:1; } }
@media(min-width:1600px) { .su-hero { min-height:960px; }.su-hero-copy { padding-top:120px; }.su-hero-activity { margin-top:85px; } }
@media(max-width:1100px) {
  .su-hero { min-height:810px; }.su-hero-copy { padding-top:95px; width:74%; }.su-globe-stage { width:78%; right:-15%; top:80px; }.su-orbit-0 { right:30%; }.su-orbit-5 { display:none; }.su-hero-activity { grid-template-columns:300px minmax(0,380px); gap:20px; margin-top:65px; }
  .su-platform-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.su-network-card .su-count { font-size:35px; }.su-section-top { gap:40px; }.su-world-layout { gap:35px; }.su-analysis-panel { padding:23px; }.su-signal-ticker { margin-inline:-23px; }.su-analysis-main { flex-direction:column; align-items:flex-start; gap:20px; margin-block:32px; }
  .su-dashboard { grid-template-columns:1fr 1fr; }.su-performance,.su-activity-feed { padding:23px; }.su-notification strong { font-size:12px; }.su-notification { padding:16px 14px; }.su-activity-feed .su-notification small { display:none; }.su-feed-summary .su-count { font-size:25px; }.su-signal-grid { gap:25px; }.su-module-art { height:170px; }.su-conversation-art { padding:18px; }.su-conversation-art > span { font-size:12px; padding:10px 13px; }
  .su-process-steps { grid-template-columns:1fr 1fr; gap:35px; }
}
@media(max-width:760px) {
  .project-dialog[data-current-project=social] .project-window { width:calc(100vw - 22px); height:calc(100dvh - 76px); }
  .su-hero { min-height:0; }.su-topline { gap:18px; }.su-topline .su-kicker { font-size:11px!important; }.social-universe .motion-toggle { font-size:12px; padding:8px 10px; }
  .su-hero-copy { width:100%; padding-top:65px; }.studio-world.social-universe .su-title { font-size:clamp(56px,12vw,86px); }.su-hero-copy > p:not(.su-kicker) { font-size:16px; max-width:370px; }.su-hero-copy .su-text-link { margin-top:18px; }
  .su-globe-stage { position:relative; width:115%; margin:-30px -7.5% -65px; top:auto; right:auto; }.su-globe-caption { bottom:17%; right:20%; font-size:9px; }
  .su-hero-platforms { top:330px; height:410px; }.su-orbit-platform { width:56px; height:56px; border-radius:14px; }.su-orbit-platform .su-platform-icon { width:26px; height:26px; }.su-orbit-0 { top:16%; right:auto; left:8%; }.su-orbit-1 { top:35%; right:7%; }.su-orbit-2 { top:66%; right:26%; }.su-orbit-3 { top:79%; right:auto; left:10%; }.su-orbit-4 { top:6%; right:13%; }
  .su-hero-activity { grid-template-columns:1fr 1.1fr; margin-top:5px; gap:15px; align-items:start; }.su-mini-metric { padding:20px 18px 0; }.su-mini-metric .su-count { font-size:33px; }.su-mini-line { height:55px; }.su-notification { gap:11px; padding:14px 12px; }.su-notification .su-platform-icon { width:20px; height:20px; }.su-notification small { display:none; }.su-notification span:not(.su-platform-icon) { font-size:11px; }.su-demo-line { font-size:11px; }
  .su-section-top { grid-template-columns:1fr; gap:28px; margin-bottom:38px; }.su-section-top > p { justify-self:start; max-width:600px; }.studio-world.social-universe .su-heading { font-size:clamp(42px,8vw,65px); }.su-platform-grid { grid-template-columns:1fr 1fr; gap:13px; }.su-network-card { padding:20px; }.su-network-card .su-count { font-size:32px; margin-top:27px; }
  .su-world-layout { grid-template-columns:1fr; gap:35px; }.su-regions { display:grid; grid-template-columns:1fr; }.su-region > strong { font-size:25px; }.su-region p { max-width:100%; }.su-analysis-main { flex-direction:row; align-items:center; gap:40px; }.su-analysis-time { font-size:90px; }
  .su-dashboard { grid-template-columns:1fr; gap:20px; }.social-universe .su-large-count { font-size:clamp(48px,9vw,72px); }.su-activity-feed > [data-su-notifications] { min-height:0; }.su-activity-feed .su-notification { padding:20px; }.su-activity-feed .su-notification strong { font-size:14px; }.su-activity-feed .su-notification span:not(.su-platform-icon) { font-size:12px; }.su-feed-summary .su-count { font-size:35px; }
  .su-signal-grid { grid-template-columns:1fr; gap:42px; }.su-module-art { height:205px; }.su-color-art { padding:25px 45px; gap:20px; }.su-equalizer { padding-inline:40px; gap:8px; }.su-conversation-art { padding:25px; }.su-conversation-art > span { font-size:14px; padding:12px 20px; }.su-human-layout { grid-template-columns:1fr; gap:30px; margin-top:35px; }.su-human-fields { grid-template-columns:1fr 1fr; gap:25px; }
}
@media(max-width:450px) {
  .su-hero-copy { padding-top:55px; }.studio-world.social-universe .su-title { font-size:clamp(49px,12vw,59px); }.social-universe .su-intro-label { font-size:10px!important; }.su-hero-copy > p:not(.su-kicker) { font-size:15px; }
  .su-globe-stage { width:135%; margin:-5px -17.5% -55px; }.su-hero-platforms { top:355px; height:340px; }.su-orbit-platform { width:46px; height:46px; border-radius:11px; }.su-orbit-platform .su-platform-icon { width:23px; height:23px; }.su-orbit-0 { top:8%; }.su-orbit-4 { top:0; }.su-orbit-2 { top:64%; }.su-orbit-3 { top:65%; left:5%; }
  .su-hero-activity { grid-template-columns:1fr; gap:15px; }.su-mini-metric .su-count { font-size:47px; }.su-mini-line { height:68px; }.su-hero-notes .su-notification { padding:16px; }.su-hero-notes .su-notification strong { font-size:13px; }.su-hero-notes .su-notification span:not(.su-platform-icon) { font-size:12px; }.su-hero-notes .su-notification .su-platform-icon { width:25px; height:25px; }
  .su-demo-line { flex-direction:column; gap:8px; }.su-demo-line > span:last-child { display:none; }.su-platform-grid { gap:10px; }.su-network-card { padding:18px 14px; }.su-network-name { gap:10px; font-size:12px; }.su-network-name .su-platform-icon { width:22px; height:22px; }.su-network-name i { display:none; }.su-network-card .su-count { font-size:25px; margin-top:24px; }.su-network-bars { height:28px; gap:4px; }.su-metric-label { font-size:11px; }
  .su-analysis-panel { padding:23px; }.su-panel-top { font-size:12px; gap:15px; align-items:flex-start; }.su-panel-top small { font-size:10px; }.su-analysis-main { gap:25px; }.su-analysis-time { font-size:78px; }.su-analysis-main p { font-size:12px!important; }.su-scan-list > div { font-size:12px; gap:12px; }.su-performance,.su-activity-feed { padding:23px 20px; }.su-activity-feed .su-notification { padding:17px 14px; }.su-chart-labels { font-size:10px; gap:10px; }.su-feed-summary .su-count { font-size:30px; }
  .studio-world.social-universe .su-heading { font-size:clamp(37px,10vw,45px); }.su-process-steps { gap:30px 24px; }.su-process-steps strong { font-size:25px; }.su-process-steps p { font-size:14px!important; }.su-closing { padding-block:70px; }
}
@media(max-width:340px) { .su-network-card .su-count { font-size:22px; }.su-process-steps { grid-template-columns:1fr; } }
@media(hover:none),(pointer:coarse) { .su-trail-layer { display:none; }.su-network-card:hover { translate:none; } }
@media(prefers-reduced-motion:reduce) { .social-universe *,.social-universe *::after { animation:none!important; transition:none!important; }.su-chart-main { stroke-dashoffset:0; }.su-trail-layer { display:none; }.su-region { opacity:1; } }