/* ===========================================================
   Chubb Team Members — front-end styles
   =========================================================== */

/* ---------- Listing: filters ---------- */
.team-filters{
	display:flex;flex-wrap:wrap;gap:12px;align-items:center;
	background:#F6F4F0;border-radius:30px;padding:24px 28px;margin:0 0 36px;
}
.team-filters input[type=text],
.team-filters select{
	flex:1 1 200px;min-width:160px;padding:12px 16px;border:1px solid #e2e2e8;border-radius:10px;font-size:15px;background:#fff;
}
.team-filter-go{
	border:0;cursor:pointer;margin-bottom:0;
}
.team-filter-reset{color:#66766C;text-decoration:underline;font-size:15px;}

/* ---------- Listing: card grid ---------- */
.team-grid{display:flex;flex-wrap:wrap;gap:28px;}
.team-cols-3 .team-card{width:calc(33.333% - 19px);}
.team-cols-4 .team-card{width:calc(25% - 21px);}
.team-cols-2 .team-card{width:calc(50% - 14px);}
.team-card{
	display:flex;flex-direction:column;background:#fff;border:1px solid #e9e9ee;border-radius:14px;overflow:hidden;
	text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.05),0 10px 28px rgba(16,24,40,.08);
	transition:transform .25s ease,box-shadow .25s ease;
}
.team-card:hover{transform:translateY(-5px);box-shadow:0 8px 18px rgba(16,24,40,.12),0 22px 48px rgba(16,24,40,.16);}
.team-card-photo{display:block;aspect-ratio:1/1;background-size:cover;background-position:center 22%;}
.team-card-body{padding:18px 20px 20px;}
.team-card-name{display:block;font-size:19px;font-weight:700;color:#B37B64;line-height:1.3;}
.team-card-role{display:block;margin-top:4px;font-size:14px;color:#66766C;text-transform:uppercase;letter-spacing:.03em;}
.team-none{padding:30px 0;color:#66766C;}

/* ---------- Single bio: hero (contained portrait) ---------- */
.team-hero{background:#66766C;} /* brand dark green so the white logo/nav stay visible */
.team-hero-inner{display:flex;gap:48px;align-items:center;padding:130px 0 56px;}
.team-hero-photo{flex:0 0 300px;}
.team-hero-photo img{
	width:300px;height:360px;object-fit:cover;object-position:center 20%;
	border-radius:24px;display:block;background:#5b685f;
}
.team-hero-card{flex:1 1 auto;min-width:0;}
.team-hero-name{color:#fff;margin:0;font-size:40px;line-height:1.1;}
.team-hero-role{margin:6px 0 20px;text-transform:uppercase;letter-spacing:.08em;font-size:14px;color:#f0ddd2;font-weight:700;}
.team-hero-contact{list-style:none;margin:0 0 18px;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.3);}
.team-hero-contact li{margin:0 0 8px;}
.team-hero-contact a{color:#fff;text-decoration:none;font-size:17px;font-weight:600;}
.team-hero-contact a:hover{text-decoration:underline;}
.team-hero-linkedin{
	display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.7);
	border-radius:50%;color:#fff;text-decoration:none;font-weight:700;text-transform:lowercase;
}
.team-hero-linkedin:hover{background:#fff;color:#66766C;}

/* body heading */
.team-body-heading{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#66766C;margin:0 0 14px;}

/* ---------- Single bio: testimonials (below the bio) ---------- */
.team-testimonials{margin-top:40px;padding-top:30px;border-top:1px solid #e7e4df;}
.team-testimonials-title{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#66766C;margin:0 0 16px;}
.team-tcard{background:#F6F4F0;border-radius:24px;padding:26px 30px;margin:0 0 18px;}
.team-tcard blockquote{margin:0;border:0;}
.team-tcard cite{display:block;margin-top:12px;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:13px;color:#B37B64;}

/* ---------- Single bio: Insights (tagged blogs) ---------- */
.team-insights{margin-top:44px;padding-top:32px;border-top:1px solid #e7e4df;}
.team-insights-title{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#66766C;margin:0 0 16px;}
.team-insights-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.team-insight{display:block;background:#fff;border:1px solid #e7e4df;border-radius:16px;padding:18px 20px;text-decoration:none;transition:.2s;}
.team-insight:hover{border-color:#66766C;transform:translateY(-2px);}
.team-insight-title{display:block;font-size:16px;font-weight:700;line-height:1.35;color:#66766C;}
.team-insight-date{display:block;margin-top:6px;font-size:13px;color:#8a8a99;}
@media(max-width:600px){.team-insights-list{grid-template-columns:1fr;}}

/* ---------- Single bio: body ---------- */
.team-body{display:flex;gap:48px;align-items:flex-start;}
.team-body-main{flex:1 1 auto;min-width:0;}
.team-body-name{font-size:30px;margin:0;color:#66766C;}
.team-body-role{margin:4px 0 24px;text-transform:uppercase;letter-spacing:.06em;color:#66766C;font-size:14px;}
.team-bio{line-height:1.7;}
.team-bio p{margin:0 0 18px;}

.team-body-side{flex:0 0 300px;}
.team-side-block{background:#F6F4F0;border-radius:30px;padding:34px;margin:0 0 24px;}
.team-side-block h3{margin:0 0 14px;font-size:18px;}
.team-side-block ul{list-style:none;margin:0;padding:0;}
.team-side-block li{margin:0 0 10px;}
.team-side-block a{color:#66766C;text-decoration:none;font-weight:600;}
.team-side-block a:hover{color:#6da5ef;}
.team-office-addr{margin:0 0 12px;line-height:1.6;}

/* ---------- Responsive ---------- */
@media(max-width:991px){
	.team-cols-3 .team-card,.team-cols-4 .team-card{width:calc(50% - 14px);}
	.team-body{flex-direction:column;}
	.team-body-side{flex:1 1 auto;width:100%;}
}
@media(max-width:700px){
	.team-hero-inner{flex-direction:column;align-items:flex-start;gap:28px;}
	.team-hero-photo{flex:0 0 auto;width:100%;}
	.team-hero-photo img{width:220px;height:264px;}
}
@media(max-width:600px){
	.team-cols-2 .team-card,.team-cols-3 .team-card,.team-cols-4 .team-card{width:100%;}
	.team-hero-name{font-size:30px;}
}

/* Audience labels inside the Services box, needed because the two
   Commercial Real Estate services share a display name. */
.team-side-block .team-side-sub{margin:18px 0 6px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#66766C;font-weight:600}
.team-side-block .team-side-sub:first-of-type{margin-top:10px}
.team-side-block .team-side-sub + ul{margin-top:0}