.sports-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;display:grid}.sports-person{border-radius:12px;min-width:0;display:block}.sports-photo{aspect-ratio:4/5;background:var(--dark);border-radius:12px;overflow:hidden}.sports-photo img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.sports-caption{text-align:center;padding-top:8px}.sports-caption h3{color:var(--dark);margin:0;font-size:13px;font-weight:700;line-height:1.7}.sports-field{color:var(--primary);margin-top:2px;font-size:10px;line-height:1.8;display:block}.sports-more{justify-content:center;margin-top:14px;display:flex}.home-sports a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.sports-person:hover h3{color:var(--teal)}@media (width>=700px){.sports-grid{gap:20px}.sports-photo{border-radius:16px}.sports-caption{padding-top:10px}.sports-caption h3{font-size:17px}.sports-field{font-size:12px}}@media (width<=350px){.sports-grid{gap:9px}.sports-caption h3{font-size:12px}}.sports-photo{isolation:isolate;background:radial-gradient(at 45% 25%,#126b70 0%,#063c43 58%,#02292f 100%);position:relative}.sports-ribbons{z-index:0;width:100%;height:100%;position:absolute;inset:0}.sports-photo .sports-cutout{z-index:1;object-fit:fill;transform-origin:50% 100%;position:relative}.sports-ribbon-float{transform-origin:50% 45%}@media (prefers-reduced-motion:no-preference){.sports-motion-ready:not(.is-visible) .sports-cutout{opacity:0}.sports-motion-ready:not(.is-visible) .sports-ribbon-reveal{stroke-dasharray:1;stroke-dashoffset:1px}.sports-motion-ready.is-visible .sports-cutout{animation:1.5s cubic-bezier(.22,1,.36,1) both sports-person-bottom}.sports-motion-ready.is-visible .sports-motion-ali .sports-cutout{animation-name:sports-person-right}.sports-motion-ready.is-visible .sports-motion-mohammed .sports-cutout{animation-name:sports-person-left}.sports-motion-ready.is-visible .sports-ribbon-reveal{stroke-dasharray:1;animation:1.8s cubic-bezier(.4,0,.2,1) .25s both sports-ribbon-draw}.sports-motion-ready.is-visible .sports-ribbon-1.sports-ribbon-reveal{animation-duration:1.9s;animation-delay:.8s}.sports-motion-ready.is-visible .sports-motion-ali .sports-ribbon-float{animation:3.2s cubic-bezier(.22,1,.36,1) both sports-orbit-left}.sports-motion-ready.is-visible .sports-motion-hamed .sports-ribbon-float,.sports-motion-ready.is-visible .sports-motion-ghulam .sports-ribbon-float{animation:3.2s cubic-bezier(.22,1,.36,1) both sports-diagonal-flow}.sports-motion-ready.is-visible .sports-motion-mohammed .sports-ribbon-float{animation:3.4s cubic-bezier(.22,1,.36,1) both sports-halo-flow}.sports-motion-ready.is-visible .sports-ribbon-1.sports-ribbon-float{animation-delay:.2s}}@keyframes sports-person-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes sports-person-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes sports-person-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes sports-ribbon-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes sports-orbit-left{0%{transform:rotate(-14deg)scale(.94)}to{transform:rotate(0)scale(1)}}@keyframes sports-diagonal-flow{0%{transform:translate(-55px,70px)}to{transform:translate(0)}}@keyframes sports-halo-flow{0%{transform:rotate(22deg)scale(.85)}to{transform:rotate(0)scale(1)}}@media (prefers-reduced-motion:no-preference){.sports-motion-ready:not(.is-visible) .sports-caption h3,.sports-motion-ready:not(.is-visible) .sports-field{opacity:0}.sports-motion-ready.is-visible .sports-caption h3{animation:.85s cubic-bezier(.22,1,.36,1) .75s both sports-name-rise}.sports-motion-ready.is-visible .sports-field{animation:.75s cubic-bezier(.22,1,.36,1) .95s both sports-name-rise}}@keyframes sports-name-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.home-sports{background:#f7f7f7;border:1px solid #eaeaea;border-radius:18px;padding:22px 16px}@media (width>=700px){.home-sports{border-radius:22px;padding:28px 24px}}@media (width<=480px){.sports-grid{gap:6px}.sports-photo{border-radius:9px}.sports-caption{padding-top:6px}.sports-caption h3{font-size:10px;line-height:1.5}.sports-field{font-size:9px;line-height:1.5}}