.team-avatar{border-radius:50%;background:#fff;border:1px solid #e5e5e5;}

img[src^="/img/team/"]{border-radius:50%;background:#fff;border:1px solid #e5e5e5;}
/* ───── Contact panel ───── */
#contact            {max-width:540px;margin:6rem auto;padding:3rem 2rem;
                     background:#F8F8FF;border-radius:20px;
                     box-shadow:0 12px 35px hsl(230 25% 15%/.07);}
#contact h3         {margin:0 0 2rem;text-align:center;
                     font-size:clamp(1.6rem,2vw+1rem,2.1rem);}
#contact form       {display:grid;gap:1rem}
#contact input,
#contact textarea   {width:100%;padding:.75rem 1rem;border:1px solid #ccc;
                     border-radius:8px;font:inherit}
#contact textarea   {min-height:130px;resize:vertical}
#contact button     {justify-self:end;
                     background:#A2ABFF;color:#fff;font-weight:600;
                     padding:.7rem 1.6rem;border:0;border-radius:8px;
                     cursor:pointer;transition:background .2s}
#contact button:hover{background:#8c95ff}

/* Two‑column on wide screens */
@media (min-width:768px){
  #contact form                {grid-template-columns:1fr 1fr;
                                grid-template-areas:"name  email"
                                                    "message message"
                                                    ".      button";}
  #contact input[name="name"]  {grid-area:name}
  #contact input[name="email"] {grid-area:email}
  #contact textarea            {grid-area:message}
  #contact button              {grid-area:button}
}