/* ── EQUIPE ── */
#equipe { background: var(--gray-100); padding: 7rem 0; }
#equipe .section-eyebrow { color: var(--accent-dark); }
#equipe .section-heading { color: var(--navy); }
.team-card {
   border-radius: 12px;
   overflow: hidden;
   position: relative;
   cursor: pointer;
}
.team-img {
   width: 100%; height: 360px;
   object-fit: cover;
   display: block;
   transition: transform 0.5s;
}
.team-card:hover .team-img { transform: scale(1.06); }
.team-overlay {
   position: absolute; inset: 0;
   background: linear-gradient(to top, rgba(0,30,60,0.96) 0%, rgba(0,50,82,0.3) 50%, transparent 100%);
   transition: background 0.4s;
}
.team-card:hover .team-overlay {
   background: linear-gradient(to top, rgba(0,30,60,0.98) 0%, rgba(0,50,82,0.55) 60%, transparent 100%);
}
.team-info {
   position: absolute; bottom: 0; left: 0; right: 0;
   padding: 1.5rem;
}
.team-info h5 {
   font-family: 'Playfair Display', serif;
   font-size: 1.1rem;
   color: var(--white);
   margin-bottom: 3px;
}
.team-role {
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: var(--accent);
}
.team-cta {
   margin-top: 0.75rem;
   font-size: 12px;
   color: rgba(255,255,255,0.5);
   display: flex; align-items: center; gap: 6px;
   transition: color 0.2s;
}
.team-card:hover .team-cta { color: var(--accent); }

/* ── MODAL EQUIPE (Bootstrap modal) ── */
.team-modal .modal-content {
   border-radius: 12px;
   border: none;
}
.team-modal .modal-header {
   border-bottom: 1px solid var(--gray-200);
   padding: 1.25rem 1.5rem;
}
.team-modal .modal-title {
   font-family: 'Playfair Display', serif;
   color: var(--navy);
}
.team-modal .modal-body {
   font-size: 14px;
   color: var(--gray-700);
   line-height: 1.85;
   padding: 1.5rem;
}