/* Titanium Agency — team cards inspired by the supplied portrait-card reference. */
.team-section{padding:4rem 0;background:linear-gradient(180deg,#fff,#f7faf8);overflow:hidden}
.team-eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:2px;color:var(--green-deep,#007a40);margin-bottom:12px}
.team-heading{align-items:center}
.team-controls{display:flex;align-items:center;gap:10px}
.team-controls button{width:46px;height:46px;border:1px solid #d2e2d7;background:#eaf4ed;color:#007a40;border-radius:50%;font-size:23px;cursor:pointer}
.team-controls button:hover:not(:disabled){background:#007a40;color:#fff}
.team-controls button:disabled{opacity:.35;cursor:default}
.team-position{min-width:68px;text-align:center;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:#007a40}
.team-track{display:flex;align-items:stretch;flex-wrap:nowrap;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 25px;scrollbar-color:#91bda1 #edf3ef;scrollbar-width:thin;overscroll-behavior-x:contain}
.agent-card{position:relative;isolation:isolate;flex:0 0 270px;min-width:0;min-height:440px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #dfe8e2;border-radius:20px;background:#fff;padding:16px 16px 18px;box-shadow:0 8px 24px #213e2908;color:var(--ink,#17202a);transition:transform .18s ease,border-color .42s ease,box-shadow .42s ease,color .42s ease}
/* The green layer fades in/out, so the highlight appears to travel between cards. */
.agent-card::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(145deg,#1d382a,#11271b);opacity:0;transition:opacity .42s cubic-bezier(.22,1,.36,1)}
.agent-card>*{position:relative;z-index:1}
.agent-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #213e2910}
.agent-card.is-active{background:#fff;border-color:#244731;color:#fff;box-shadow:0 12px 28px #11271b1c}
.agent-card.is-active::before{opacity:1}
.agent-name,.agent-role,.agent-office{transition:color .42s ease}
.agent-avatar{display:block;width:100%;max-width:248px;aspect-ratio:1/1;flex:0 0 auto;margin:0 auto 13px;overflow:hidden;border-radius:18px;background:#edf3ef;border:1px solid #e6eee8;box-shadow:0 7px 16px rgba(17,39,27,.15),0 2px 5px rgba(0,168,88,.08);transition:box-shadow .18s ease}
.agent-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}
.agent-card:hover .agent-avatar{box-shadow:0 10px 20px rgba(17,39,27,.18),0 3px 7px rgba(0,168,88,.12)}
.agent-card.is-active .agent-avatar{box-shadow:0 8px 18px rgba(0,0,0,.22),0 2px 6px rgba(0,168,88,.15)}
.agent-name{width:100%;font-size:1.13rem;line-height:1.2;letter-spacing:-.02em;font-weight:700;color:#17202a;margin:0 0 5px;overflow-wrap:anywhere}
.agent-role{width:100%;font-size:.92rem;line-height:1.35;font-weight:500;color:#68756d;margin:0 0 7px;min-height:2.5em;display:flex;align-items:flex-start;justify-content:center}
.agent-office{width:100%;font-size:.74rem;line-height:1.35;color:#8b9c90;margin:0 0 12px;min-height:2.5em;display:flex;align-items:flex-start;justify-content:center;overflow-wrap:anywhere}
.agent-card.is-active .agent-name{color:#fff}
.agent-card.is-active .agent-role{color:#d6e5da}
.agent-card.is-active .agent-office{color:#9bb9a5}
.agent-card-actions{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;width:100%;margin-top:auto}
.agent-call-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;max-width:100%;padding:9px 18px;border:1.5px solid #007a40;border-radius:999px;background:#fff;color:#007a40;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:1.25px;line-height:1.15;text-transform:uppercase;transition:background-color .3s ease,color .3s ease,border-color .3s ease}
.agent-call-button:hover{background:#007a40;border-color:#007a40;color:#fff}
.agent-card.is-active .agent-call-button{background:transparent;border-color:#b9e7c9;color:#e1f7e8}
.agent-card.is-active .agent-call-button:hover{background:#00a858;border-color:#00a858;color:#fff}
.team-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:17px;font-size:11px;color:#87978b}
.team-footer a,.team-all{color:var(--green-deep,#007a40);font-weight:600;text-decoration:none;font-size:12px}
.team-all{display:inline-block;margin-top:.8rem}
@media(max-width:900px){.agent-card{flex-basis:255px;min-height:425px}.agent-avatar{max-width:226px}}
@media(max-width:600px){.team-section{padding:3rem 0}.agent-card{flex-basis:82%;min-height:0;padding:15px 15px 18px}.agent-avatar{max-width:100%;margin-bottom:12px}.team-controls button{width:39px;height:39px}.team-heading{gap:20px}.team-footer{align-items:flex-start;flex-direction:column}.team-track{gap:15px}.agent-role{min-height:0}.agent-office{min-height:0}}
@media(prefers-reduced-motion:reduce){.agent-card,.agent-card::before,.agent-name,.agent-role,.agent-office,.agent-call-button{transition:none}.agent-card:hover{transform:none}}

/* Align the whole-team link beneath the carousel. */
.team-bottom-link{display:flex;justify-content:flex-end;margin-top:.8rem}
.team-bottom-link .team-all{margin-top:0}