.champ-grid{
      display:grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap:14px;
    }
    .champ-card{
      border:1px solid var(--line);
      border-radius: 16px;
      overflow:hidden;
      background: #000;
      box-shadow: var(--shadow);
      transition: transform .15s ease, border-color .15s ease;
    }
    .champ-card:hover{
      transform: translateY(-2px);
      border-color: rgba(196,22,28,.55);
    }
    .champ-img{
      width:100%;
      display:block;
      aspect-ratio: 1 / 1;
      object-fit: cover;
    }
    .champ-info{
      padding:12px;
      display:flex;
      flex-direction:column;
      gap:4px;
    }
    .champ-year{
      font-weight: 900;
      letter-spacing: .5px;
      font-size: 14px;
      color:#fff;
    }
    .champ-title{
      font-weight: 900;
      color: rgba(255,255,255,.92);
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing:.35px;
    }
    .champ-sub{ font-size: 12px; }

    @media (max-width: 980px){
      .champ-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 640px){
      .champ-grid{ grid-template-columns: 1fr; }
      .champ-info{ padding:10px; }
    }