.team-page { color: #182B3A; }
.team-page__hero { background: #062139; color: #fff; padding: 48px 0 64px; }
.team-page__hero-grid { display: flex; gap: 56px; align-items: center; }
.team-page__hero-grid > div { flex: 1; min-width: 0; }
.team-page__breadcrumbs { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 40px; font-size: 14px; color: #d4dce2; }
.team-page__breadcrumbs a { color: inherit; text-decoration: none; }
.team-page__breadcrumbs a:hover { color: #FEDA23; }
.team-page__eyebrow { display: block; color: #FEDA23; font-size: 14px; margin-bottom: 16px; }
.team-page__hero h1 { color: #fff; font-family: Manrope, sans-serif; font-size: clamp(32px, 4vw, 52px); font-weight: 700; line-height: 1.15; margin: 0 0 20px; }
.team-page__hero p { font-size: 18px; line-height: 1.7; max-width: 640px; margin: 0 0 28px; }
.team-page__hero-image img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: cover; border-radius: 10px; }
.team-page__intro { padding: 48px 0 0; font-size: 16px; line-height: 1.8; }
.team-page__intro p:last-child { margin-bottom: 0; }
.team-page__agents { padding: 64px 0 80px; scroll-margin-top: 100px; }
.team-page .section-heading { margin-bottom: 28px; }
.team-page .section-heading p { color: #6B737A; margin: 12px 0 0; font-size: 16px; }
.team-page__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.team-page__card { display: flex; flex-direction: column; border: 1px solid #E1E5E8; border-radius: 8px; overflow: hidden; background: #fff; }
.team-page__photo, .team-page__placeholder { width: 100%; aspect-ratio: 1.25; object-fit: cover; object-position: center top; display: block; }
.team-page__placeholder { background: #F1F3F5; color: #8897a2; display: grid; place-items: center; }
.team-page__placeholder svg { width: 100px; height: 100px; }
.team-page__body { padding: 24px; display: flex; flex-direction: column; flex: 1; }
.team-page__body h3 { color: #062139; font-family: Manrope, sans-serif; font-size: 22px; font-weight: 700; margin: 0 0 8px; }
.team-page__position { color: #6B737A; font-size: 14px; margin: 0 0 16px; }
.team-page__description { font-size: 14px; line-height: 1.7; margin-bottom: 12px; }
.team-page__contact { margin-top: auto; }
.team-page__contact a { display: flex; align-items: center; gap: 10px; color: #182B3A; text-decoration: none; font-size: 14px; line-height: 1.6; padding: 6px 0; overflow-wrap: anywhere; }
.team-page__contact a span { flex: 0 0 18px; }
.team-page__contact svg { width: 18px; height: 18px; }
.team-page a:focus-visible { outline: 3px solid #FEDA23; outline-offset: 4px; }
.team-page__contact a:hover { color: #0D3048; text-decoration: underline; }
.team-page__empty { background: #F8F9FA; padding: 28px; border-radius: 8px; }
@media (max-width: 991px) {
    .team-page__hero-grid { gap: 28px; }
    .team-page__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
}
@media (max-width: 575px) {
    .team-page__hero { padding: 28px 0 40px; }
    .team-page__hero-grid { flex-direction: column; align-items: stretch; }
    .team-page__breadcrumbs { margin-bottom: 28px; }
    .team-page__hero p { font-size: 16px; }
    .team-page__grid { grid-template-columns: minmax(0, 1fr); }
    .team-page__agents { padding: 40px 0; }
    .team-page__intro { padding-top: 32px; }
}
