/* Homepage art direction. Dedicated scope keeps MU, game monitors and other pages intact. */
body.sc-studio { --studio-ink:#f4f6f8; --studio-line:#d5e5ed24; }
.sc-studio .studio-icon { display:inline-block; width:18px; height:18px; flex:0 0 18px; background:currentColor; mask:var(--studio-icon) center/contain no-repeat; -webkit-mask:var(--studio-icon) center/contain no-repeat; }
body.sc-studio.ex-home.sc-site .hero .hero__center { padding:42px 32px 26px; text-align:center; }
body.sc-studio.ex-home.sc-site .hero .sc-hero-kicker { justify-content:center; color:#d8e2e5; font-size:11px; margin-bottom:20px; }
body.sc-studio.ex-home.sc-site .hero .sc-hero-kicker::before { width:28px; height:2px; background:#e4bd70; }
body.sc-studio.ex-home.sc-site .hero .sc-brand-title { max-width:1100px; margin:0 auto; text-align:center; color:#fff; font-size:94px; line-height:1.04; font-weight:800; text-shadow:0 4px 32px #0008; }
body.sc-studio.ex-home.sc-site .hero .sc-brand-title span { color:#fff; display:inline; }
body.sc-studio.ex-home.sc-site .hero .hero__sub { max-width:680px; margin:18px auto 0; font-size:17px; color:#d1dce3; }
body.sc-studio.ex-home.sc-site .hero .hero__ctas { max-width:1030px; margin:26px auto 0; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; align-items:stretch; grid-auto-rows:1fr; }
body.sc-studio.ex-home.sc-site .hero .hero__ctas .cta:not(.cta--mu) { justify-content:center; gap:10px; min-height:56px; padding:12px 16px; color:#f7fbff; }
body.sc-studio.ex-home.sc-site .hero .hero__ctas .cta--mu { width:auto; min-width:0; min-height:56px; padding:12px 16px; font:600 12px/20px Inter,sans-serif; letter-spacing:0; justify-content:center; border-radius:8px; clip-path:none; }
body.sc-studio.ex-home.sc-site .hero .hero__discord { margin-top:14px; color:#d8e1e8; gap:6px; }

/* Color belongs to the action, with restrained hover light rather than an opaque fill. */
body.sc-studio.ex-home.sc-site .hero .cta:not(.cta--mu),
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .node__ctas .cta,
body.sc-studio.ex-home.sc-site .ex-downloads .cta:first-child,
body.sc-studio.ex-home.sc-site #discord .cta--discord,
body.sc-studio.ex-home.sc-site #kazino .cta--app { color:#f5f8fc; background:color-mix(in srgb,var(--node-accent,#76cfed) 25%,#10151bcc); border:1px solid color-mix(in srgb,var(--node-accent,#76cfed) 65%,transparent); box-shadow:inset 0 1px #ffffff18,0 6px 18px #0003; border-radius:8px; overflow:hidden; transition:background .18s,border-color .18s,box-shadow .18s,transform .18s; }
body.sc-studio.ex-home.sc-site .hero .cta:not(.cta--mu)::before,
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .node__ctas .cta::before { content:''; position:absolute; inset:auto 16px 0; height:2px; width:auto; background:var(--node-accent); opacity:.8; transform:none; box-shadow:0 0 14px var(--node-accent); }
body.sc-studio.ex-home.sc-site .hero .cta:not(.cta--mu):hover,
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .node__ctas .cta:hover,
body.sc-studio.ex-home.sc-site .ex-downloads .cta:first-child:hover,
body.sc-studio.ex-home.sc-site #discord .cta--discord:hover,
body.sc-studio.ex-home.sc-site #kazino .cta--app:hover { background:color-mix(in srgb,var(--node-accent,#76cfed) 34%,#10151bf2); border-color:var(--node-accent,#76cfed); box-shadow:inset 0 1px #ffffff22,0 7px 24px #0005; transform:translateY(-2px); }
body.sc-studio.ex-home.sc-site .hero .cta:not(.cta--mu):active,
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .node__ctas .cta:active { transform:translateY(0); }
body.sc-studio.ex-home.sc-site .copybtn:not(:where(#node-mu *,#termMu *)) { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:#ffffff04; border-color:#ffffff29; color:#cfdae5; box-shadow:none; }
body.sc-studio.ex-home.sc-site .copybtn:not(:where(#node-mu *,#termMu *)):hover { background:#ffffff09; border-color:var(--node-accent,#8cc8e1); color:#fff; }

body.sc-studio.ex-home.sc-site .ex-section-nav.section { justify-content:center; border-top:0; border-bottom:1px solid #ffffff20; padding-top:4px; padding-bottom:14px; gap:4px; }
body.sc-studio.ex-home.sc-site .ex-section-nav a { gap:8px; font-size:12px; color:#b4c2cf; padding:10px 13px; }
body.sc-studio.ex-home.sc-site .ex-section-nav .studio-icon { width:15px; height:15px; flex-basis:15px; opacity:.8; }
body.sc-studio.ex-home.sc-site .ex-section-nav a:is(:hover,[aria-current]) { color:#f0d294; background:#efd08a0b; }
.sc-studio .studio-nav-wrap { position:relative; max-width:1440px; margin-inline:auto; }
.sc-studio .studio-nav-more { display:none; }
body.sc-studio.ex-home.sc-site .section-label { font-size:28px; font-weight:700; color:#f2f5f8; }
body.sc-studio.ex-home.sc-site .studio-section-kicker { display:block; margin:0 0 6px; font:600 11px/18px Inter,sans-serif; color:#95a8b9; letter-spacing:0; }
body.sc-studio.ex-home.sc-site #servers { padding-top:26px; }

/* The new cover replaces the old heading area instead of adding a second title. */
body.sc-studio.ex-home.sc-site .node:not(.node--mu)::after { background:#11171ded; border:1px solid #cfdeeb2e; box-shadow:0 10px 30px #0004; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .node__head.studio-cover { position:relative; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto 1fr; align-items:start; gap:8px; min-height:178px; padding:18px 24px 22px; border:0; border-radius:8px 8px 0 0; background-image:linear-gradient(90deg,#080d13bf 0%,#080d1333 52%,#080d1300 90%),url('/assets/home-studio-20260909/server-worlds.webp'); background-size:100% 100%,100% 300%; background-repeat:no-repeat; isolation:isolate; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .studio-cover--cs { background-position:center,center top; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .studio-cover--samp { background-position:center,center center; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .studio-cover--grpls { background-position:center,center bottom; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .studio-cover::after { height:1px; background:var(--node-accent); opacity:.85; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .studio-cover .node__type { color:#e5ebf1; font-size:11px; text-shadow:0 1px 8px #000; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .studio-cover .node__live { padding:3px 7px; color:#fff; background:#091016b3; border:1px solid #ffffff30; border-radius:4px; line-height:16px; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .studio-cover .node__name { grid-column:1 / -1; align-self:end; width:100%; max-width:none; min-width:0; font:800 34px/1.12 Inter,sans-serif; color:#fff; text-shadow:0 2px 12px #000a; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .studio-cover .node__name span { margin-top:6px; color:#e7edf4; font-size:12px; max-width:75%; text-shadow:0 1px 7px #000; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .node__body { padding:18px 24px 22px; gap:14px; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .node__pitch { font-size:13px; line-height:1.7; color:#bdc8d3; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .features { margin:0; gap:6px 16px; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .features li { color:#c7d2dc; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .node__ctas { padding-top:14px; margin:0; }
body.sc-studio.ex-home.sc-site .node:not(.node--mu) .node__ctas .cta { justify-content:center; gap:10px; }

/* Each shortcut is an actionable item, not another framed page section. */
body.sc-studio.ex-home.sc-site .ex-hub-links { gap:12px; border:0; }
body.sc-studio.ex-home.sc-site .ex-hub-link { border:1px solid #ffffff21; border-radius:8px; padding:18px; min-height:112px; position:relative; background:#14191fc9; display:grid; grid-template-columns:34px minmax(0,1fr) 16px; gap:12px; transition:border-color .18s,background .18s,transform .18s; }
body.sc-studio.ex-home.sc-site .ex-hub-link:first-child { padding-left:18px; }
body.sc-studio.ex-home.sc-site .ex-hub-link:last-child { border-right:1px solid #ffffff21; }
body.sc-studio.ex-home.sc-site .ex-hub-link > .ex-icon:first-child { width:28px; height:28px; flex-basis:28px; }
body.sc-studio.ex-home.sc-site .ex-hub-link:hover { border-color:currentColor; background:#1b242cdc; transform:translateY(-2px); }
body.sc-studio.ex-home.sc-site .ex-hub-copy strong { font-size:15px; }
body.sc-studio.ex-home.sc-site .ex-hub-copy > span { font-size:12px; line-height:1.5; }

.sc-studio .studio-game-selector { display:none; }
body.sc-studio.ex-home.sc-site #term:not(.term--mu) { background:#11171de8; border-color:#d4e2ed26; }
body.sc-studio.ex-home.sc-site .term__panel:not(#termMu) { grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); }
body.sc-studio.ex-home.sc-site .term__panel:not(#termMu) :is(.steps,.steps__line,.steps__text,.term__side) { min-width:0; }
body.sc-studio.ex-home.sc-site .term__panel:not(#termMu) .term__side .ipline__value { white-space:normal; overflow-wrap:anywhere; min-width:0; }
body.sc-studio.ex-home.sc-site .term__panel:not(#termMu) .steps__line { grid-template-columns:34px minmax(0,1fr); gap:4px 14px; padding:10px 0; border-bottom:0; }
body.sc-studio.ex-home.sc-site .term__panel:not(#termMu) .steps__num { grid-row:1 / 3; display:grid; place-items:center; width:32px; height:32px; background:#ffffff05; border:1px solid #ffffff21; border-radius:50%; color:#dce9f5; }
body.sc-studio.ex-home.sc-site .term__panel:not(#termMu) .steps__verb { color:var(--node-accent,#97c8e2); }
body.sc-studio.ex-home.sc-site .term__panel:not(#termMu) .steps__text { grid-column:2; font-size:14px; }
body.sc-studio.ex-home.sc-site .term__panel:not(#termMu) .term__art { max-width:144px; }
body.sc-studio.ex-home.sc-site .term__panel:not(#termMu) .term__note { border:0; padding-left:0; font-size:12px; }

body.sc-studio.ex-home.sc-site #discord .comms__panel { border-block:1px solid #bcacec3b; padding:28px 0; }
body.sc-studio.ex-home.sc-site #discord .comms__head { font-size:36px; color:#ede9ff; }
body.sc-studio.ex-home.sc-site #discord .cta--discord { min-width:230px; }
body.sc-studio.ex-home.sc-site #discord .comms__micro { border-top:0; margin-top:12px; padding-top:10px; }
body.sc-studio.ex-home.sc-site #discord .comms__services { gap:22px; }
body.sc-studio.ex-home.sc-site .ex-downloads .appdl__panel { border-top:0; padding-top:4px; }
body.sc-studio.ex-home.sc-site .ex-downloads .appdl__head { max-width:520px; font-size:30px; }
body.sc-studio.ex-home.sc-site .ex-downloads .appdl__glyph { float:left; margin:0 16px 0 0; width:42px; height:42px; }
body.sc-studio.ex-home.sc-site .ex-downloads .appdl__eyebrow { min-height:42px; display:flex; align-items:center; margin-bottom:12px; color:#a8c6d5; }
body.sc-studio.ex-home.sc-site .ex-downloads .appdl__sub { clear:both; }
body.sc-studio.ex-home.sc-site #kazino .appdl__panel { border-color:#e6ca833d; }
body.sc-studio.ex-home.sc-site #kazino .appdl__head { color:#f5e5c4; }
body.sc-studio.ex-home.sc-site .feedbox { background:#10161ce8; border-color:#d7e5f02d; }

@media(min-width:901px) and (max-width:1199px) {
 body.sc-studio.ex-home.sc-site .hero .sc-brand-title { font-size:78px; }
 body.sc-studio.ex-home.sc-site .hero .hero__ctas { max-width:880px; }
 body.sc-studio.ex-home.sc-site .hero .hero__ctas .cta:not(.cta--mu) { padding-inline:10px; font-size:11px; }
 body.sc-studio.ex-home.sc-site .node:not(.node--mu) .node__body { padding-inline:18px; }
 body.sc-studio.ex-home.sc-site .node:not(.node--mu) .ipline .copybtn .studio-icon { display:none; }
}
@media(max-width:1080px) {
 body.sc-studio.ex-home.sc-site .hero { padding-top:66px; }
 body.sc-studio.ex-home.sc-site .ex-hub-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:900px) {
 body.sc-studio.ex-home.sc-site .term__panel:not(#termMu) { grid-template-columns:minmax(0,1fr); }
 body.sc-studio.ex-home.sc-site .hero .hero__center { padding:34px 24px 18px; }
 body.sc-studio.ex-home.sc-site .hero .sc-brand-title { font-size:66px; max-width:700px; }
 body.sc-studio.ex-home.sc-site .hero .hero__ctas { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:560px; gap:10px; }
 body.sc-studio.ex-home.sc-site .node:not(.node--mu) .node__head.studio-cover { min-height:190px; }
 body.sc-studio.ex-home.sc-site .ex-section-nav.section { flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; scrollbar-width:thin; }
 body.sc-studio.ex-home.sc-site .ex-section-nav.section { padding-right:64px; }
 .sc-studio .studio-nav-more { display:grid; place-items:center; position:absolute; top:3px; right:12px; width:42px; height:42px; border:1px solid #c3d9e52b; border-radius:6px; background:#18212bf5; color:#e1ebf4; box-shadow:-8px 0 18px #07101680; cursor:pointer; }
 .sc-studio .studio-nav-more:hover { background:#253542; border-color:#8ec8df88; }
 body.sc-studio.ex-home.sc-site .ex-section-nav a { flex:0 0 auto; }
}
@media(max-width:700px) {
 body.sc-studio.ex-home.sc-site .hero .sc-brand-title { font-size:56px; max-width:480px; }
 body.sc-studio.ex-home.sc-site .hero .sc-brand-title span { display:block; }
 body.sc-studio.ex-home.sc-site .hero .hero__sub { max-width:420px; font-size:15px; line-height:1.65; }
 body.sc-studio.ex-home.sc-site .hero .hero__ctas { margin-top:22px; }
 body.sc-studio.ex-home.sc-site .hero .hero__ctas .cta:not(.cta--mu) { min-height:54px; font-size:11px; padding:10px; gap:7px; }
 body.sc-studio.ex-home.sc-site .hero .hero__ctas .cta--mu { min-height:54px; font-size:11px; padding:10px; }
 body.sc-studio.ex-home.sc-site .hero .hero__ctas .studio-icon { width:15px; height:15px; flex-basis:15px; }
 body.sc-studio.ex-home.sc-site .hero .hero__discord { font-size:11px; }
 body.sc-studio.ex-home.sc-site .section-label { font-size:25px; }
 body.sc-studio.ex-home.sc-site .node:not(.node--mu) .node__head.studio-cover { min-height:150px; padding:14px 18px 18px; background-size:100% 100%,auto 300%; }
 body.sc-studio.ex-home.sc-site .node:not(.node--mu) .studio-cover .node__name { font-size:30px; }
 body.sc-studio.ex-home.sc-site .node:not(.node--mu) .node__body { padding:16px 18px 18px; gap:12px; }
 body.sc-studio.ex-home.sc-site .ex-hub-links { gap:10px; }
 body.sc-studio.ex-home.sc-site .ex-hub-link { min-height:128px; grid-template-columns:1fr 16px; align-content:start; padding:16px; gap:10px; }
 body.sc-studio.ex-home.sc-site .ex-hub-link:first-child { padding-left:16px; }
 body.sc-studio.ex-home.sc-site .ex-hub-link > .ex-icon:first-child { width:24px; height:24px; }
 body.sc-studio.ex-home.sc-site .ex-hub-copy { grid-row:2; grid-column:1 / -1; }
 body.sc-studio.ex-home.sc-site .ex-hub-link > .ex-icon:last-child { grid-row:1; grid-column:2; }
 body.sc-studio.ex-home.sc-site .ex-hub-copy strong { font-size:14px; }
 body.sc-studio.ex-home.sc-site .studio-game-selector { display:grid; gap:7px; padding:16px 18px; border-bottom:1px solid #ffffff20; font:500 12px/18px Inter,sans-serif; color:#b8c9d7; }
 body.sc-studio.ex-home.sc-site .studio-game-selector select { min-height:46px; width:100%; padding:10px 34px 10px 12px; border:1px solid #afced345; border-radius:6px; background:#1b242d; color:#eef4fa; font:600 12px/20px Inter,sans-serif; letter-spacing:0; }
 body.sc-studio.ex-home.sc-site #term .term__tabs { display:none; }
 body.sc-studio.ex-home.sc-site .term__panel:not(#termMu) .steps__line { grid-template-columns:28px minmax(0,1fr); gap:4px 12px; }
 body.sc-studio.ex-home.sc-site .term__panel:not(#termMu) .steps__num { width:28px; height:28px; }
 body.sc-studio.ex-home.sc-site .term__panel:not(#termMu) .term__art { max-width:112px; }
 body.sc-studio.ex-home.sc-site #discord .comms__head { font-size:28px; }
 body.sc-studio.ex-home.sc-site #discord .comms__panel { padding:22px 0; }
 body.sc-studio.ex-home.sc-site .ex-downloads .appdl__head { font-size:26px; }
}
@media(max-width:360px) {
 body.sc-studio.ex-home.sc-site .hero .sc-brand-title { font-size:46px; }
 body.sc-studio.ex-home.sc-site .hero .hero__center { padding-inline:18px; }
 body.sc-studio.ex-home.sc-site .hero .sc-hero-kicker { font-size:10px; gap:5px; }
 body.sc-studio.ex-home.sc-site .hero .sc-hero-kicker::before { display:none; }
 body.sc-studio.ex-home.sc-site .hero .hero__ctas { gap:8px; }
 body.sc-studio.ex-home.sc-site .hero .hero__ctas .cta:not(.cta--mu) { font-size:11px; gap:5px; }
 body.sc-studio.ex-home.sc-site .hero .hero__ctas .studio-icon { display:none; }
}
@media(prefers-reduced-motion:reduce) {
 body.sc-studio.ex-home.sc-site :is(.cta,.ex-hub-link) { transition:none !important; }
 body.sc-studio.ex-home.sc-site :is(.cta,.ex-hub-link):hover { transform:none !important; }
}