/* ==========================================================================
   Wizardz Bluff — about page styles
   Banner image + team bios. Loaded alongside css/base.css.
   ========================================================================== */

.about-banner { max-width: min(640px, 100%); margin: 0 auto 44px; }
.bio { display: grid; grid-template-columns: 180px 1fr; gap: 30px; align-items: center; margin-bottom: 30px; }
.bio:nth-child(even) { grid-template-columns: 1fr 180px; }
.bio:nth-child(even) img { order: 2; }
.bio img { border-radius: 50%; border: 3px solid var(--gold); box-shadow: 0 0 0 4px rgba(216,175,82,.18); width: 180px; height: 180px; object-fit: cover; }
.bio h2 { color: #3c1f0f; margin-bottom: .2em; }

@media (max-width: 700px) {
  .bio, .bio:nth-child(even) { grid-template-columns: 1fr; text-align: center; }
  .bio img, .bio:nth-child(even) img { order: 0; margin: 0 auto; width: 150px; height: 150px; }
}