.teams-card { grid-column:1/-1; min-height:335px; background:linear-gradient(135deg,#254d59,#142f39); }
.teams-card .card-top { position:relative; z-index:2; }
.teams-card .card-art { position:absolute; top:0; right:5%; width:42%; height:100%; opacity:.9; }
.teams-card .card-bottom { position:relative; z-index:2; width:min(62%,650px); margin-top:auto; }
.teams-card .card-bottom h3 { font-size:clamp(2.5rem,4vw,4rem); }
.teams-art-ring { position:absolute; width:240px; height:240px; border:1px solid #e9c79072; border-radius:50%; }
.teams-art-ring.ring-two { width:175px; height:175px; border-style:dashed; opacity:.8; }
.teams-art-core { width:105px; height:105px; border-radius:50%; display:grid; place-items:center; background:#e9c790; color:#18404a; font-size:2.5rem; box-shadow:0 15px 35px #061f2970; }
.teams-art-dot { position:absolute; width:38px; height:38px; border:1px solid #e9c790b0; border-radius:50%; display:grid; place-items:center; background:#2e5c65; font:normal 1rem Georgia,serif; color:#fff4dd; }
.dot-one { top:12%; left:45%; }.dot-two { right:15%; top:49%; }.dot-three { bottom:12%; left:30%; }
.upcoming-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:720px) { .teams-card { min-height:430px; }.teams-card .card-art { width:100%; right:0; top:32px; height:140px; opacity:.67; }.teams-card .teams-art-ring { transform:scale(.55); }.teams-card .teams-art-core { transform:scale(.72); }.teams-card .teams-art-dot { display:none; }.teams-card .card-bottom { width:100%; }.teams-card .card-bottom h3 { font-size:2.6rem; }.upcoming-grid { grid-template-columns:1fr; } }