.cm414-studio-directory{margin-block:22px}.cm414-studio-directory .section-header p{color:var(--muted);margin-top:5px}
.cm414-studio-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cm414-studio-tile{appearance:none;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;min-height:200px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel2);color:var(--text);font:inherit;text-decoration:none;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.cm414-studio-tile:hover,.cm414-studio-tile:focus-visible{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 14px 35px rgba(0,0,0,.18)}
.cm414-studio-tile .tile-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:color-mix(in srgb,var(--cyan) 18%,var(--panel));color:var(--cyan);font-size:25px}
.cm414-studio-tile strong{font-size:18px}.cm414-studio-tile>span:not(.tile-icon){font-size:13px;line-height:1.5;color:var(--muted)}.cm414-studio-tile em{margin-top:auto;color:var(--cyan);font-size:12px;font-style:normal;font-weight:800}
@media(max-width:1100px){.cm414-studio-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cm414-studio-tiles{grid-template-columns:1fr}.cm414-studio-tile{min-height:155px}}

.cm414-hub-intro{max-width:900px;margin:clamp(42px,8vh,100px) auto;padding:clamp(28px,5vw,56px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(140deg,var(--panel2),var(--panel));text-align:center}
.cm414-hub-intro-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:18px;background:color-mix(in srgb,var(--cyan) 20%,var(--panel));color:var(--cyan);font-size:34px}
.cm414-hub-intro h1{font-size:clamp(26px,4vw,42px);line-height:1.12;margin:0 0 16px}
.cm414-hub-intro p{color:var(--muted);font-size:clamp(14px,1.5vw,17px);line-height:1.6;margin:0}
.cm414-page-nav [data-cm414-hub-tab].is-active{border-color:var(--cyan);color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,var(--panel))}
#cm414-release-launchpad{scroll-margin-top:90px}
.cm414-hub-intro-page .top-actions{display:none}
/* Hub home is a focused entrance to the four studios. */
.cm414-hub-intro-page .sidebar,.cm414-hub-intro-page .topbar,.cm414-hub-intro-page .cm414-page-nav{display:none!important}
.cm414-hub-intro-page .main,.cm414-hub-intro-page.app .main{margin:0!important;width:100%!important;max-width:none!important;min-height:100vh}
.cm414-hub-intro-page .container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
.cm414-hub-intro-page{background:#090a10}
.cm414-hub-home{position:relative;isolation:isolate;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:clamp(34px,6vw,80px) 22px;background:radial-gradient(circle at 14% 15%,rgba(179,91,224,.28),transparent 35%),radial-gradient(circle at 86% 10%,rgba(58,164,219,.26),transparent 34%),radial-gradient(circle at 50% 105%,rgba(247,162,72,.18),transparent 39%),#0b0b16;text-align:center}
.cm414-hub-home:before,.cm414-hub-home:after{content:'';position:absolute;z-index:-1;width:clamp(180px,25vw,380px);aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}
.cm414-hub-home:before{left:-8%;top:18%;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 95px rgba(255,255,255,.018)}
.cm414-hub-home:after{right:-9%;bottom:8%;box-shadow:0 0 0 40px rgba(255,255,255,.024),0 0 0 88px rgba(255,255,255,.014)}
.cm414-home-kicker{margin:0 0 13px;color:#d5b7ff;font-size:12px;font-weight:900;letter-spacing:.28em}
.cm414-hub-home h1{max-width:980px;margin:0 0 24px;color:#fff;font-size:clamp(35px,5.2vw,78px);font-weight:900;letter-spacing:-.045em;line-height:1.04;text-wrap:balance;text-shadow:0 10px 36px rgba(151,109,232,.27)}
.cm414-home-logo{width:clamp(135px,15vw,205px);height:clamp(135px,15vw,205px);object-fit:cover;border:3px solid rgba(255,230,169,.8);border-radius:32px;box-shadow:0 0 0 9px rgba(255,255,255,.045),0 25px 75px rgba(0,0,0,.45),0 0 42px rgba(226,179,88,.18)}
.cm414-home-studios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.5vw,22px);width:min(1320px,100%);margin-top:clamp(34px,5vw,65px)}
.cm414-home-studio{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:205px;padding:clamp(19px,2vw,28px);border:1px solid rgba(255,255,255,.24);border-radius:23px;text-align:left;text-decoration:none;font:inherit;color:#fff;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.045));backdrop-filter:blur(16px)}
.cm414-home-studio.release{--tile:#ffc56e;background:linear-gradient(145deg,rgba(255,168,72,.3),rgba(79,45,90,.37))}
.cm414-home-studio.beats{--tile:#cba6ff;background:linear-gradient(145deg,rgba(130,92,235,.32),rgba(44,41,81,.39))}
.cm414-home-studio.video{--tile:#85d6f9;background:linear-gradient(145deg,rgba(53,162,215,.3),rgba(36,58,91,.4))}
.cm414-home-studio.social{--tile:#a2ecc1;background:linear-gradient(145deg,rgba(57,179,143,.28),rgba(39,83,86,.4))}
.cm414-home-studio:hover,.cm414-home-studio:focus-visible{transform:translateY(-7px);border-color:var(--tile);box-shadow:0 18px 48px rgba(0,0,0,.36);outline:none}
.cm414-home-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(7,8,15,.35);color:var(--tile);font-size:28px}
.cm414-home-studio strong{font-size:clamp(18px,1.6vw,24px);line-height:1.14}.cm414-home-studio small{color:#e0dce6;font-size:13px}.cm414-home-arrow{position:absolute;right:23px;top:24px;color:var(--tile);font-size:23px}
/* On studio pages the header tabs wrap within the available width. */
.app:not(.cm414-hub-intro-page) .cm414-page-nav{display:flex;flex-wrap:wrap;gap:10px;overflow:visible;padding:12px clamp(14px,2.2vw,34px)}
.app:not(.cm414-hub-intro-page) .cm414-page-nav button{min-height:43px;padding:10px clamp(14px,1.4vw,22px)}
@media(max-width:1000px){.cm414-home-studios{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.cm414-hub-home{justify-content:flex-start;padding-top:42px}.cm414-home-studios{grid-template-columns:1fr;max-width:430px;margin-top:30px}.cm414-home-studio{min-height:130px;gap:5px;padding:18px 21px}.cm414-home-logo{width:125px;height:125px}.app:not(.cm414-hub-intro-page) .cm414-page-nav button{flex:1 1 140px}}
@media(prefers-reduced-motion:reduce){.cm414-home-studio{transition:none}}