/* Multi-studio hub + Studios dropdown */
.hub-page{min-height:100vh;background:linear-gradient(180deg,#f4f8fd 0%,#ffffff 42%,#fff8f1 100%)}
.hub-hero{padding:72px 0 28px;text-align:center}
.hub-hero .eyebrow{display:inline-block;margin-bottom:12px}
.hub-hero h1{font-size:clamp(2.4rem,5vw,3.8rem);letter-spacing:-.05em;margin:0 0 14px;line-height:1.05}
.hub-hero p{max-width:640px;margin:0 auto;color:var(--muted,#5b6b7c);font-size:1.05rem}
.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:28px 0 80px}
.studio-card{display:flex;flex-direction:column;border:1px solid var(--line,#d7e0ea);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 12px 28px rgba(18,32,51,.07);transition:transform .16s,border-color .16s,box-shadow .16s;min-height:280px}
.studio-card:hover{transform:translateY(-3px);border-color:#1d6fd8;box-shadow:0 16px 36px rgba(29,111,216,.14)}
.studio-card .studio-art{height:120px;display:grid;place-items:center;font-size:2rem;font-weight:900;color:#fff;letter-spacing:.04em}
.studio-card.games .studio-art{background:linear-gradient(135deg,#1d6fd8,#1558b0)}
.studio-card.music .studio-art{background:linear-gradient(135deg,#e67a22,#c45e12)}
.studio-card.photos .studio-art{background:linear-gradient(135deg,#3b82c4,#1d6fd8 55%,#e67a22)}
.studio-card .studio-body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.studio-card h2{margin:0;font-size:1.35rem;letter-spacing:-.03em}
.studio-card p{margin:0;color:var(--muted,#5b6b7c);font-size:.95rem;flex:1}
.studio-card .pill{width:max-content}
.studio-card .btn{margin-top:8px}
.studios-menu{position:relative;display:inline-flex;align-items:center}
.studios-menu > button{display:inline-flex;align-items:center;gap:6px;border:1px solid #d7e0ea;background:#fff;border-radius:999px;padding:7px 12px;cursor:pointer;color:#122033;font:inherit;font-size:.9rem;font-weight:700}
.studios-menu > button:hover{border-color:#1d6fd8;color:#1d6fd8}
.studios-drop{display:none;position:absolute;left:0;top:calc(100% + 8px);min-width:200px;background:#fff;border:1px solid #d7e0ea;border-radius:12px;box-shadow:0 12px 28px rgba(18,32,51,.08);padding:8px;z-index:130}
.studios-menu.open .studios-drop{display:grid}
.studios-drop a{padding:9px 11px;border-radius:8px;color:#122033;font-size:.92rem;text-decoration:none}
.studios-drop a:hover{background:#eef4fb;color:#1d6fd8}
.studios-drop a.active{background:#eef4fb;color:#1d6fd8;font-weight:750}
.studio-landing{padding:64px 0 80px}
.studio-landing .panel{max-width:720px}
@media(max-width:900px){.studio-grid{grid-template-columns:1fr}}

.gradient-text{background:linear-gradient(90deg,#1d6fd8,#e67a22);-webkit-background-clip:text;background-clip:text;color:transparent}
.hub-hero{padding:72px 0 12px;text-align:center}
.hub-hero h1{font-size:clamp(2.4rem,5vw,3.8rem);letter-spacing:-.05em;margin:0 0 14px;line-height:1.05}

.studio-hero{padding:56px 0 12px}
.studio-hero h1{font-size:clamp(2.3rem,5vw,3.6rem);letter-spacing:-.05em;margin:10px 0 14px;line-height:1.05}
.studio-hero p{max-width:640px;color:var(--muted,#5b6b7c);font-size:1.05rem}
.shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.shelf-card{border:1px dashed #d7e0ea;border-radius:16px;background:#fff;min-height:180px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.shelf-card .art{position:absolute;inset:0;opacity:.9}
.shelf-card.music .art{background:linear-gradient(135deg,#f4e3d1,#e67a22 70%)}
.shelf-card.photo .art{background:linear-gradient(135deg,#d7e8f8,#1d6fd8 62%,#e67a22)}
.shelf-card h3,.shelf-card p{position:relative;z-index:1;color:#122033;margin:0}
.shelf-card p{color:#5b6b7c;font-size:.9rem;margin-top:6px}
.shelf-card h3{color:#fff;text-shadow:0 1px 8px rgba(18,32,51,.35)}
.shelf-card p{color:#fff}
@media(max-width:800px){.shelf-grid{grid-template-columns:1fr}}