body { margin:0; font-family: Roboto, Arial, sans-serif; background:#F7F7F7; color:#000; }
header { background:#000; padding:20px; color:#F7F7F7; display:flex; justify-content:space-between; align-items:center; }
nav a { margin-left:20px; color:#F7F7F7; text-decoration:none; font-weight:bold; }
.hero { background:#C0353A; color:#fff; padding:80px 20px; text-align:center; }
section { padding:40px 20px; max-width:900px; margin:auto; }
footer { background:#000; color:#F7F7F7; padding:20px; text-align:center; margin-top:40px; }
.card { background:#fff; padding:20px; margin:20px 0; border-left:5px solid #C0353A; box-shadow:0 2px 4px rgba(0,0,0,0.1); }
.team-photo { width:100%; height:200px; background:#886769; display:flex; justify-content:center; align-items:center; color:white; font-weight:bold; overflow:hidden; }
.team-photo img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; }
.member { background:#fff; padding:20px; border-left:5px solid #411F20; text-align:center; }