/* Product and studio typography; no account or game UI selectors. */
.studio-page,.public-game-story{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif}
html[lang="en"] .studio-page,html[lang="en"] .public-game-story{font-family:Manrope,"IBM Plex Sans Arabic",system-ui,sans-serif}
.studio-page h1,.studio-page h2{font-weight:700;letter-spacing:-.025em}.studio-page h1{line-height:1.3}.studio-page .intro{font-size:18px;line-height:1.9}.studio-page .brand,.studio-page bdi,.studio-bilingual-name,.brand-stage-wordmark,.studio-project-wordmark{font-family:Manrope,"IBM Plex Sans Arabic",sans-serif}
.studio-about-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;min-height:650px;padding-block:65px 80px}.studio-about-hero h1{font-size:clamp(40px,5.5vw,76px);margin:25px 0 5px}.studio-bilingual-name{font-size:16px;letter-spacing:.15em;color:var(--public-muted,#b3c8bb);margin:0 0 28px}.studio-text-link{display:inline-flex;gap:24px;align-items:center;margin-top:22px;text-decoration:none;border-bottom:1px solid var(--public-border,#a8c4ac26);padding-bottom:7px;font-size:14px}
.brand-stage{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.brand-halo{position:absolute;inset:5%;border:1px solid var(--public-border,#a8c4ac26);border-radius:50%;background:radial-gradient(circle,#72be7c15,transparent 70%)}.brand-halo:before,.brand-halo:after{content:"";position:absolute;inset:12%;border:1px solid var(--public-border,#a8c4ac26);border-radius:50%}.brand-halo:after{inset:25%;border-style:dashed}.brand-sign{display:block;width:70%;height:auto;filter:drop-shadow(0 22px 25px #124d3430);animation:brand-breathe 7s ease-in-out infinite;z-index:1}.brand-stage-wordmark{display:flex;align-items:center;gap:15px;font-size:clamp(19px,2vw,28px);font-weight:800;letter-spacing:.1em;z-index:1;margin-top:-6%}.brand-stage-wordmark span{font-weight:500;font-size:.5em;letter-spacing:.3em}
@keyframes brand-breathe{0%,100%{transform:perspective(750px) rotateY(-8deg) translateY(0)}50%{transform:perspective(750px) rotateY(8deg) translateY(-14px)}}
.studio-project{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.studio-project-wordmark{min-height:260px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;border:1px solid var(--public-border,#a8c4ac26);border-radius:24px;font-size:70px;font-weight:800;letter-spacing:-4px;background:linear-gradient(145deg,#74ae7e15,transparent)}.studio-project-wordmark span{font-size:11px;letter-spacing:4px;font-weight:600}.studio-project p,.studio-contact-section p{color:var(--public-muted,#b3c8bb);max-width:52ch}.studio-project .play{margin-top:15px}.studio-contact-section{display:flex;align-items:center;justify-content:space-between;gap:40px}.studio-contact-link{font-family:Manrope,sans-serif;font-size:clamp(17px,2vw,24px);display:flex;align-items:center;gap:30px;text-decoration:none;border-bottom:1px solid var(--public-border,#a8c4ac26);padding:15px 0;overflow-wrap:anywhere}
.public-game-story main{max-width:1120px}.game-editorial-art{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:24px;margin:28px 0 36px}.public-game-story h1{font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.3}.public-game-story .intro{font-size:18px;line-height:1.9}
@media(max-width:700px){.studio-about-hero{grid-template-columns:1fr;gap:18px;min-height:auto;padding-block:38px 35px}.studio-about-hero h1{font-size:45px}.studio-about-hero .intro{font-size:16px}.brand-stage{width:min(100%,380px);justify-self:center}.studio-project{grid-template-columns:1fr;gap:25px}.studio-project-wordmark{min-height:190px;font-size:60px}.studio-contact-section{flex-direction:column;align-items:flex-start;gap:12px}.studio-page .studio-story p{font-size:16px}.studio-bilingual-name{font-size:13px}.game-editorial-art{border-radius:15px;margin-block:24px}}
.studio-page.studio-about main>section.studio-about-hero{border-top:0;margin-top:0;padding-block:65px 80px}
@media(max-width:700px){.studio-page.studio-about main>section.studio-about-hero{padding-block:38px 35px}}
@media(prefers-reduced-motion:reduce){.brand-sign{animation:none;transform:none}}