/* ===========================================================
   team-single.css
   =========================================================== */

.team-hero { padding-top: 160px; padding-bottom: 48px; }
.team-hero__inner { display: grid; gap: var(--vc-s-10); grid-template-columns: 1fr; align-items: center; }
@media (min-width: 768px) { .team-hero__inner { grid-template-columns: 1fr 1.4fr; } }
.team-hero__photo { aspect-ratio: 5/6; overflow: hidden; border-radius: var(--vc-radius-lg); margin: 0; }
.team-hero__photo img { width: 100%; height: 100%; object-fit: cover; }
.team-hero__name { font-size: clamp(2rem, 4vw + 1rem, 4.5rem); margin: var(--vc-s-2) 0 var(--vc-s-4); }
.team-hero__short { font-size: var(--vc-text-lg); color: var(--vc-fg-soft); }
.team-hero__socials { display: flex; gap: var(--vc-s-3); margin-top: var(--vc-s-6); flex-wrap: wrap; }
.team-hero__socials a { padding: 6px 14px; border: 1px solid var(--vc-line); border-radius: 999px; font-size: var(--vc-text-sm); color: var(--vc-fg-soft); }
.team-hero__socials a:hover { color: var(--vc-fg); border-color: var(--vc-fg); }

.team-bio { background: var(--vc-bg-alt); }