.studios-hero.svelte-1sdhp29{position:relative;overflow:hidden}.studios-hero.svelte-1sdhp29:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,#ff00d31a,#31ff9224);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%)}.eyebrow.svelte-1sdhp29{color:#ff00d3;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero-content.svelte-1sdhp29{display:flex;flex-direction:column;gap:36px}.hero-copy.svelte-1sdhp29{max-width:56rem}.dragon-gdk-logo.svelte-1sdhp29{align-self:center;height:auto;width:min(72%,220px);display:block}@media(min-width:1024px){.hero-content.svelte-1sdhp29{align-items:center;flex-direction:row;gap:56px;justify-content:flex-start}.hero-copy.svelte-1sdhp29{flex:0 1 56rem}.dragon-gdk-logo.svelte-1sdhp29{align-self:auto;flex:0 0 auto;order:1;width:340px}}.studio-card.svelte-1sdhp29{display:flex;min-height:260px;flex-direction:column;justify-content:space-between;gap:24px;border:4px solid var(--color-offblack);background:var(--color-offblack);color:#fff;padding:28px;box-shadow:.16em .16em #ff00d3,-.16em -.16em #31ff92;transition:transform .16s ease,box-shadow .16s ease}.studio-card.svelte-1sdhp29:hover{transform:translateY(-4px);box-shadow:.24em .24em #ff00d3,-.24em -.24em #31ff92}.studio-card.svelte-1sdhp29 h3:where(.svelte-1sdhp29){font-size:1.65rem;font-weight:900;line-height:1.1}.studio-card.svelte-1sdhp29 p:where(.svelte-1sdhp29){margin-top:12px;color:#ffffffc7;line-height:1.55}.studio-logo.svelte-1sdhp29{display:grid;height:76px;width:76px;place-items:center;-o-object-fit:contain;object-fit:contain;border:3px solid white;background:#fff;color:var(--color-offblack);font-size:1.6rem;font-weight:900}.studio-link.svelte-1sdhp29{color:#31ff92;font-weight:900}.empty-state.svelte-1sdhp29{border:4px solid var(--color-offblack);padding:40px;text-align:center}.empty-state.svelte-1sdhp29 h3:where(.svelte-1sdhp29){font-size:1.75rem;font-weight:900}.empty-state.svelte-1sdhp29 p:where(.svelte-1sdhp29){margin-top:8px}