/* Approach: a 3 x 2 grid of chrome icons with thin dividers */
.agrid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 2px; }
.acell { display: flex; flex-direction: column; align-items: center; text-align: center; padding: clamp(28px, 3.4vw, 44px) 24px clamp(30px, 3.4vw, 40px); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.acell:nth-child(3n) { border-right: 0; }
.acell:nth-last-child(-n+3) { border-bottom: 0; }
.acell img { width: 96px; height: 96px; margin-bottom: 18px; transition: transform 0.8s var(--ease-out); }
.acell:hover img { transform: rotate(-6deg) scale(1.06); }
.acell h3 { font-size: 14px; font-weight: 500; color: var(--text); }
.acell p { margin-top: 6px; font-size: 13.5px; line-height: 1.45; color: var(--soft); max-width: 30ch; }
.agrid__note { text-align: center; margin-top: 28px; font-size: 14px; color: var(--prose); }
@media (max-width: 820px) {
  .agrid { grid-template-columns: repeat(2, 1fr); }
  .acell:nth-child(n) { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .acell:nth-child(2n) { border-right: 0; }
  .acell:nth-last-child(-n+2) { border-bottom: 0; }
}
@media (max-width: 480px) { .acell { padding: 24px 14px; } .acell img { width: 72px; height: 72px; } .acell p { font-size: 12.5px; } }