.card-grid{padding:6rem 0}.card-grid__header{margin-bottom:4rem}.card-grid__header .label-technical{display:block;margin-bottom:1rem}.card-grid__grid{display:grid;gap:1.5rem}.card-grid__grid--cols-2{grid-template-columns:repeat(2,1fr)}.card-grid__grid--cols-3{grid-template-columns:repeat(3,1fr)}.card-grid__card{background:var(--surface-container-lowest);border-radius:0;color:inherit;overflow:hidden;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.card-grid__card:hover{box-shadow:0 4px 24px color-mix(in srgb,var(--on-surface) 12%,transparent);text-decoration:none;transform:translateY(-2px)}a.card-grid__card{cursor:pointer}.card-grid__img-wrap{overflow:hidden}.card-grid__img{aspect-ratio:16/9;display:block;filter:grayscale(100%);object-fit:cover;transition:filter .4s cubic-bezier(.4,0,.2,1);width:100%}.card-grid__card:hover .card-grid__img{filter:grayscale(0)}.card-grid__body{padding:1.5rem}.card-grid__tag{display:inline-block;margin-bottom:.75rem}.card-grid__title{font-family:var(--font-headline);font-size:1.125rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.card-grid__desc{color:var(--on-surface-variant);font-size:.875rem;line-height:1.6;margin:0}@media (max-width:1024px){.card-grid__grid--cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.card-grid{padding:4rem 0}.card-grid__header{margin-bottom:3rem}.card-grid__grid--cols-2,.card-grid__grid--cols-3{grid-template-columns:1fr}}