/* Toadstool Hollows — company hub, Studios landing, and Stores landing styles.
   Shares color tokens and base layout from web-services/css/style.css. */

.hub-divisions { padding: 70px 0; }

.division-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 36px;
}

.division-card {
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 30px;
  background: var(--card-bg);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.division-card h3 { margin: 0; }
.division-tagline { font-weight: 600; color: var(--fae-pink); margin: 0; }
.division-card .btn { align-self: flex-start; margin-top: auto; }

.division-substores { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.division-substores li { padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 0.9rem; }

.status-pill {
  display: inline-block;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--gold);
  border: 1px solid var(--gold);
  border-radius: 999px;
  padding: 2px 10px;
  margin-left: 6px;
}

.hub-about { padding: 50px 0 80px; text-align: center; }

.hub-contact-list { list-style: none; margin: 20px 0; padding: 0; text-align: left; max-width: 480px; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; gap: 10px; }
.hub-contact-list li { font-size: 0.95rem; }
.hub-contact-list a { color: var(--fae-pink); text-decoration: none; }
.hub-contact-list a:hover { color: var(--gold); text-decoration: underline; }

.division-grid-2 { grid-template-columns: repeat(2, 1fr); }

.division-card-single { max-width: 360px; margin: 0 auto; text-align: center; align-items: center; }
.division-card-single .btn { align-self: center; }

.studio-game-card { max-width: 640px; margin: 0 auto; }
.studio-game-card .status-pill { align-self: flex-start; margin-left: 0; }
.studio-game-card .btn { align-self: flex-start; margin-top: 10px; }

@media (max-width: 820px) {
  .division-grid, .division-grid-2 { grid-template-columns: 1fr; }
}

/* Studios and Stores landing pages (within their own folders) */

.studios-hero, .stores-hero { padding: 70px 0 40px; text-align: center; }
.coming-later-card {
  border: 1px dashed var(--border);
  border-radius: 14px;
  padding: 40px;
  text-align: center;
  background: var(--card-bg);
}
.coming-later-card h2 { margin-top: 0; }

/* Label for concept art used as Studios hero art. */
.hero-art .art-caption {
  position: absolute; left: 12px; bottom: 12px;
  font-size: 0.78rem; font-weight: 600; color: var(--cream);
  background: rgba(26,26,31,0.88); border: 1px solid var(--border);
  border-radius: 999px; padding: 4px 12px;
}
.studio-game-card { margin-bottom: 40px; }

/* Readable Studios identity using the shared mushroom mark. */
.studio-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.studio-brand img { width: 48px; height: 48px; object-fit: contain; }
.studio-brand-name { color: var(--gold); font-size: 1rem; font-weight: 600; line-height: 1.3; }
.studio-brand-name span { display: block; font-size: 0.85rem; }