.demo-grid{grid-template-columns:1fr;gap:1.25rem;padding:0;list-style:none;display:grid}@media (min-width:768px){.demo-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.demo-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.demo-card{flex-direction:column;height:100%;transition:border-color .15s;display:flex;overflow:hidden}.demo-card:hover{border-color:var(--accent)}.demo-card-thumb{aspect-ratio:16/10;background:var(--surface-sunken);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.demo-card-image{object-fit:cover;object-position:top center}.demo-card-placeholder{border:0;border-radius:0;justify-content:center;align-items:center;height:100%;display:flex}.demo-card-placeholder img{opacity:.55;width:3rem;height:auto}.demo-card-body{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem 1.25rem 1.5rem;display:flex}.demo-card-title{margin:0}.demo-card-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9375rem;display:-webkit-box;overflow:hidden}