/* Team section styles */
:root{
    /* Company palette: primary is the site blue */
    --primary: #005792; /* official site blue */
    --primary-dark: #003f5c; /* darker companion */
}
#team{padding:60px 0}
.section-title{text-align:left;margin-bottom:2rem}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem;align-items:start}
.team-member{display:flex;flex-direction:column;align-items:center;text-align:center}
.avatar-wrap{width:140px;height:140px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block;position:relative;z-index:2;box-shadow:0 6px 18px rgba(0,0,0,0.12)}
/* outer decorative ring */
.avatar-wrap::before{content:'';position:absolute;inset:0;border-radius:50%;padding:6px;background:conic-gradient(var(--primary) 0deg, rgba(0,87,146,0.18) 110deg, rgba(0,0,0,0.06) 180deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 12px), black calc(100% - 11px));mask:radial-gradient(farthest-side,transparent calc(100% - 12px), black calc(100% - 11px));}
/* thin white ring between avatar and decorative ring */
.avatar-wrap::after{content:'';position:absolute;inset:6px;border-radius:50%;box-shadow:0 0 0 4px #fff;z-index:1}

.name-bar{width:100%;margin-top:0.5rem;padding:0.6rem 0;border-radius:4px}
.name-bar h3{margin:0;font-size:1rem;color:#fff;font-weight:700}
.name-bar p{margin:0;font-size:0.82rem;color:rgba(255,255,255,0.85)}
.bar-light{background:var(--primary);}
.bar-dark{background:var(--primary-dark);}

/* small screens: make avatar a little smaller */
@media (max-width:480px){
    .avatar-wrap{width:110px;height:110px}
    .avatar{width:94px;height:94px}
}

/* neat hover effect */
.team-member:hover .avatar{transform:translateY(-6px);transition:transform .25s ease}
.team-member .avatar{transition:transform .25s ease}