.materials-section h2{max-width:18ch}.materials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem;display:grid}.materials-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);min-width:0;color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.materials-card:hover{box-shadow:0 .8rem 2rem color-mix(in srgb, var(--ink) 8%, transparent);transform:translateY(-3px)}.materials-card:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.materials-card img,.materials-card-cover{aspect-ratio:1.6;object-fit:contain;background:var(--soft-blue);width:100%;color:var(--blue);letter-spacing:.15em;place-items:center;font-weight:800;display:grid}.materials-card-copy{gap:.7rem;padding:1.25rem;display:grid}.materials-card-copy small{color:var(--muted)}.materials-card-copy strong{font-size:1.2rem;line-height:1.3}.materials-card-copy>span{color:var(--blue);font-weight:700}@media (max-width:56rem){.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:38rem){.materials-grid{grid-template-columns:1fr}}