/* NangmanGames 첫 화면. 프레스 킷의 site.css 위에 얹는다. */
.studio-hero { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
  min-height: min(64vh, 560px); padding: 64px 16px 40px;
  background: radial-gradient(ellipse at 50% 70%, #1d2440 0%, var(--bg) 70%) }
.studio-hero .slogo { width: min(420px, 72vw); height: auto; image-rendering: pixelated }
.studio-hero .lead { margin: 22px 0 0; font: 18px/1.6 var(--px); color: var(--soft) }

.game { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 32px; align-items: center;
  background: var(--card); border: 1px solid var(--line); padding: 18px; margin-bottom: 20px }
.game .cover img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; image-rendering: pixelated; border: 1px solid var(--line) }
.game .glogo { width: min(320px, 100%); height: auto; image-rendering: pixelated; margin-bottom: 8px }
.game h3 { font-size: 22px; margin: 0 0 6px }
.game .tag { font: 13px var(--px); color: var(--orange); margin: 0 0 12px }
.game.small { grid-template-columns: minmax(0, 260px) minmax(0, 1fr) }
.game.small .cover img { image-rendering: auto }
.btns.left { justify-content: flex-start; margin: 16px 0 0 }
@media (max-width: 760px) { .game, .game.small { grid-template-columns: minmax(0, 1fr); gap: 14px } }
#studio .dev { max-width: 720px }
.mailcard .sl { flex-basis: 100%; border: 0; margin: 0; padding: 0 }