@layer quartz-base{.card-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin:2rem 0;display:grid}@media (max-width:800px){.card-grid{grid-template-columns:repeat(1,1fr)}}.card-grid-item{--card-color:var(--gray);text-align:center;aspect-ratio:1;background-color:var(--card-color);color:#fff;background-image:radial-gradient(circle at 1px 1px,#ffffff14 1px,#0000 0);background-size:3px 3px;border-radius:.5rem;flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem;padding:1.25rem;text-decoration:none;transition:transform .15s;display:flex}.card-grid-item:hover{transform:translateY(-2px)}.card-grid-item-empty{opacity:.5;cursor:default}.card-grid-item h2{margin:0;font-size:1.7rem;line-height:1.15}.card-grid-subhead{opacity:.85;margin:0;font-size:1rem;line-height:1.3}}