.ww-cases__grid{display:grid;gap:var(--ww-sp-6);grid-template-columns:1fr}
@media (min-width:900px){.ww-cases__grid{grid-template-columns:repeat(3,1fr)}}
.ww-case__media{aspect-ratio:4/3;border:1px dashed var(--ww-raised);border-radius:var(--ww-radius);display:grid;place-items:center;margin-bottom:var(--ww-sp-6);background:repeating-linear-gradient(-45deg,var(--ww-surface) 0 12px,var(--ww-bg) 12px 24px);transition:border-color var(--ww-dur)}
.ww-case:hover .ww-case__media{border-color:var(--ww-red)}
.ww-case__media span{font-family:var(--ww-font-mono);font-size:var(--ww-fs-xs);color:var(--ww-muted);text-align:center;padding:var(--ww-sp-4)}
.ww-case__title{font-family:var(--ww-font-display);font-weight:800;font-size:var(--ww-fs-h3);text-transform:uppercase;margin:0 0 var(--ww-sp-2)}
.ww-case__text{color:var(--ww-muted);margin:0}