.teams-container{width:90%;max-width:1400px;margin:0 auto;min-height:60vh;padding:20px 0;text-align:center}.teams-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;justify-content:flex-start;align-items:stretch}.team-card{background-color:#ffffff;border:1px solid #e0e0e0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.team-image-container{width:100%;height:200px;overflow:hidden;object-fit:cover;display:flex;justify-content:center;align-items:center}.team-image{width:100%;height:100%;object-fit:cover;object-position:"top"}.team-name{margin:15px 0;font-size:20px;color:#333;font-weight:600}.teamsHeader{height:400px}.teamsHeader img{width:100%;height:100%;object-fit:cover;filter:brightness(70%)}.teamsHeader .overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:3rem;font-weight:700;text-align:center;z-index:2}@media (max-width:968px){.teams-grid{grid-template-columns:repeat(2,1fr)}.team-card{width:100%}}@media (max-width:600px){.teams-grid{grid-template-columns:1fr}}@media (max-width:480px){.team-name{font-size:18px}.teamsHeader .overlay-text{font-size:1.5rem}}.skeleton{animation:pulse 1.5s ease-in-out infinite}.shimmer-bg{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.teamsHeader{position:relative;width:100%;height:420px;margin-bottom:3vh;overflow:hidden}.teamsHeaderMedia{width:100%;height:100%;object-fit:cover;filter:brightness(70%)}.teamsHeaderOverlayGroup{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1rem}.teamsHeaderTitle{font-size:3rem;text-shadow:0 4px 20px rgba(0,0,0,.5);margin:0}.teamsHeaderSubtitle,.teamsHeaderTitle{font-family:Bebas Neue,sans-serif;color:#fff}.teamsHeaderSubtitle{font-size:1.4rem;opacity:.9;margin-top:.4rem;text-shadow:0 3px 16px rgba(0,0,0,.45)}@media (max-width:768px){.teamsHeader{height:300px}.teamsHeaderTitle{font-size:2.2rem}.teamsHeaderSubtitle{font-size:1.1rem}}