/* drop:tpl:general~pages~o-nas@1 */
.ech-team{ display: grid; gap: clamp(3rem, 2rem + 3vw, 5rem); }
.ech-member{ display: grid; gap: var(--space-8); align-items: start; }
@media (min-width: 52rem){.ech-member{ grid-template-columns: minmax(14rem, 4fr) 8fr; gap: clamp(2.5rem, 2rem + 3vw, 5rem); }}
.ech-member__media{ margin: 0; max-width: 24rem; }
.ech-member__media img{ width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 15%; }
.ech-member__body h3{ margin: var(--space-3) 0 var(--space-5); font-family: var(--font-heading); font-size: var(--text-2xl); font-weight: 600; letter-spacing: var(--tracking-tight); }
.ech-member__body p{ margin: 0 0 var(--space-4); color: var(--color-text-muted); max-width: 44rem; }
.ech-member__contacts{ display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-8); margin: var(--space-6) 0 0; padding: var(--space-5) 0 0; list-style: none; border-block-start: var(--border-width) solid color-mix(in srgb, var(--color-text) 14%, transparent); }
.ech-member__contacts a{ display: inline-flex; align-items: center; gap: var(--space-2); font-weight: 600; color: var(--color-text); text-decoration: none; }
.ech-member__contacts a:hover{ color: var(--color-primary-700); text-decoration: underline; }
.ech-member__contacts small{ font-weight: 400; color: var(--color-text-muted); }
.ech-member__media{ max-width: 23rem; }
.ech-member__media img{ height: auto; aspect-ratio: 4 / 5; object-position: 50% 18%; }
@media (min-width: 52rem){.ech-member{ grid-template-columns: minmax(15rem, 4fr) 8fr; }}