/* =========================================================
   hundekuchenlive – Team-Block (team.css)
   ========================================================= */

.team-card {
  align-items: center;
  background: var(--panel);
  border: 3px solid var(--edge);
  border-radius: var(--radius);
  box-shadow: 8px 8px 0 var(--visor);
  display: grid;
  gap: clamp(20px, 4vw, 40px);
  grid-template-columns: auto 1fr;
  padding: clamp(20px, 4vw, 34px);
}

.team-badge {
  aspect-ratio: 1;
  background: #fff;
  border: 4px solid var(--ink);
  border-radius: 50%;
  box-shadow: 5px 5px 0 var(--magenta);
  display: block;
  overflow: hidden;
  transition: rotate 0.2s ease, scale 0.2s ease;
  width: clamp(180px, 24vw, 280px);
}
.team-badge:hover { rotate: -3deg; scale: 1.03; }
.team-badge img {
  height: 100%;
  object-fit: cover;
  transform: scale(1.45);
  transform-origin: 50% 51%;
  width: 100%;
}

.team-copy h2 {
  font-family: var(--font-display);
  font-size: clamp(26px, 4vw, 40px);
  letter-spacing: 0.02em;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.team-copy p { color: var(--text); margin: 0 0 16px; max-width: 60ch; }
.team-copy .actions { display: flex; flex-wrap: wrap; gap: 12px; }

@media (max-width: 700px) {
  .team-card { grid-template-columns: 1fr; justify-items: center; }
  .team-copy { justify-self: stretch; }
}
@media (prefers-reduced-motion: reduce) {
  .team-badge { transition: none; }
}