@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@100..900&display=swap";
.team-section{background:#f5f1eb;padding:120px 80px;position:relative;overflow:hidden}.team-top{text-align:center;max-width:850px;margin:auto}.team-tag{color:#9e140b;text-transform:uppercase;letter-spacing:.35em;margin-bottom:24px;font-family:Inter,sans-serif;font-size:12px;font-weight:700}.team-heading{color:#111;letter-spacing:4px;margin:0;font-family:Bebas Neue,sans-serif;font-size:45px;font-weight:600;line-height:.95}.team-grid{grid-template-columns:repeat(4,1fr);gap:26px;margin-top:80px;display:grid}.team-card{isolation:isolate;cursor:pointer;background:#111;border-radius:5px;height:520px;transition:transform .6s,box-shadow .6s;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000014}.team-card:hover{transform:translateY(-10px);box-shadow:0 30px 90px #9e140b29}.team-image{object-fit:cover;transition:all 1s}.team-card:hover .team-image{transform:scale(1.08)}.team-overlay{z-index:1;background:linear-gradient(#0000000d 0%,#0000002e 30%,#000000f5 100%);position:absolute;inset:0}.team-info{z-index:5;padding:30px;transition:all .5s;position:absolute;bottom:0;left:0;right:0}.team-role{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;letter-spacing:.24em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:999px;margin-bottom:18px;padding:10px 16px;font-family:Inter,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.team-info h3{color:#fff;letter-spacing:3px;margin:0;font-family:Bebas Neue,sans-serif;font-size:34px;font-weight:500;line-height:1}.team-info p{color:#ffffffb8;opacity:0;max-height:0;margin-top:18px;font-family:Inter,sans-serif;font-size:15px;line-height:1.8;transition:all .5s;overflow:hidden;transform:translateY(25px)}.team-card:hover .team-info{transform:translateY(-10px)}.team-card:hover .team-info p{opacity:1;max-height:120px;transform:translateY(0)}@media (max-width:1200px){.team-section{padding:110px 50px}.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.team-section{padding:100px 25px}.team-heading{font-size:52px;line-height:1}.team-grid{grid-template-columns:1fr;gap:24px}.team-card{border-radius:28px;height:460px}.team-info{padding:24px}.team-info h3{font-size:28px}.team-info p{font-size:14px}}