.achievement-grid {
  margin-top: clamp(4rem, 8vw, 8rem);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}

.achievement-grid a {
  min-height: 15rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  color: var(--ink);
  text-decoration: none;
  transition: background 180ms ease, transform 180ms ease;
}

.achievement-grid a + a { border-left: 1px solid var(--rule); }
.achievement-grid a:hover,
.achievement-grid a:focus-visible { background: var(--acid); transform: translateY(-0.35rem); }
.achievement-number { margin-bottom: auto; font: 400 clamp(3rem, 5vw, 5.4rem)/0.9 var(--serif); letter-spacing: -0.07em; color: var(--coral); }
.achievement-grid strong { margin-top: 2rem; font: 400 1.35rem/1.1 var(--serif); }
.achievement-grid small { margin-top: 0.5rem; color: var(--ink-2); font-size: 0.72rem; line-height: 1.45; }

@media (max-width: 900px) {
  .achievement-grid { grid-template-columns: repeat(2, 1fr); }
  .achievement-grid a:nth-child(3) { border-left: 0; border-top: 1px solid var(--rule); }
  .achievement-grid a:nth-child(4) { border-top: 1px solid var(--rule); }
}

@media (max-width: 520px) {
  .achievement-grid { grid-template-columns: 1fr; }
  .achievement-grid a { min-height: 11rem; }
  .achievement-grid a + a { border-left: 0; border-top: 1px solid var(--rule); }
}