/* Desktop View: ab 900px */

@media (min-width: 900px) {
  .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .card {
    transition:
      transform .2s ease,
      border-color .2s ease,
      box-shadow .2s ease;
  }

  .card:hover {
    transform: translateY(-3px);
    box-shadow: 0 24px 65px rgba(0, 0, 0, .38);
  }

  .search input {
    min-height: 48px;
  }

  .hero {
    padding-top: 56px;
  }
}

@media (min-width: 1280px) {
  .wrap {
    width: min(1220px, calc(100% - 48px));
  }

  .grid {
    gap: 18px;
  }
}


/* AWARD DESKTOP / LARGE SCREENS */
@media (min-width:900px) {
  .nav { min-height:76px; }
  .hero-actions { margin-top:24px; }
  .card:hover, .sponsor-slot:hover, .kp-card:hover { transform:translateY(-4px); border-color:#496581; box-shadow:0 26px 70px rgba(0,0,0,.38); }
  .sponsor-slot-placeholder { aspect-ratio:16/10; }
}
@media (min-width:1440px) {
  .wrap { width:min(1360px, calc(100% - 64px)); }
  .grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .hero { padding-top:64px; }
  h1 { max-width:980px; font-size:76px; }
  .sponsor-wall-grid { gap:18px; }
}
@media (min-width:1900px) {
  .wrap { width:min(1540px, calc(100% - 96px)); }
  body { font-size:15px; }
  .grid { gap:20px; }
  .card h3 { font-size:18px; }
}