section{overflow:auto;padding: 115px 5%;}
.staff-container {max-width:1200px;width:100%;margin:0 auto;padding:20px;opacity:0;animation:pageShow 0.6s ease-out 0.1s forwards;}
.staff-subtitle {text-align:center;color:#666;margin-bottom:40px;}
.staff-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(30%, 1fr));gap:30px;}
.staff-card {background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease;text-align:left;;}
.staff-card:hover {transform:translateY(-5px);}
.staff-image {width:100%;height:250px;overflow:hidden;}
.staff-image img {width:100%;height:100%;object-fit:cover;object-position:center 21%;}
.staff-info {padding:20px;}
.staff-name {font-size:1.3em;color:#2c3e50;margin-bottom:5px;}
.staff-position {color:#3498db;font-weight:bold;margin-bottom:15px;}
.staff-details {border-top:1px solid #eee;padding-top:15px;}
.staff-details p {margin:8px 0;font-size:0.9em;color:#666;}
.message {font-style:italic;color:#555;line-height:1.6;}
@media screen and (max-width:768px) {
    .staff-grid {grid-template-columns:1fr;}
    .staff-card {margin-bottom:20px;}
}

@keyframes pageShow {from {opacity:0;transform:translateY(10px);}to {opacity:1;transform:translateY(0);}}