.sd__list{list-style:none;margin:3rem auto 0;padding:0;max-width:64rem;display:grid;gap:1.25rem}@media (min-width: 900px){.sd__list{grid-template-columns:repeat(2,1fr)}}.sd__card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:start;height:100%;padding:1.5rem 1.6rem;text-decoration:none;color:inherit;background:hsl(var(--card));border:2px solid hsl(var(--border));border-radius:var(--radius);box-shadow:5px 5px hsl(var(--retro-brown) / .15);transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out}.sd__card:hover{transform:translate(-2px,-2px);border-color:hsl(var(--teal));box-shadow:7px 7px hsl(var(--teal) / .25)}.sd__card:focus-visible{outline:3px solid hsl(var(--teal));outline-offset:3px}.sd__time{position:absolute;top:-.75rem;left:1.4rem;padding:.2rem .6rem;border-radius:999px;background:hsl(var(--cream));border:2px solid hsl(var(--border));font-family:var(--font-display);font-size:var(--text-micro);font-weight:700;letter-spacing:.14em;color:var(--teal-text)}.sd__art{margin-top:.35rem}.sd__body{display:grid;gap:.4rem}.sd__title{font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.02em;text-transform:uppercase;color:hsl(var(--foreground));text-wrap:balance}.sd__desc{font-family:var(--font-body);color:hsl(var(--muted-foreground));line-height:1.55}.sd__product{margin-top:.3rem;font-family:var(--font-display);font-size:var(--text-micro);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-text)}.sd__card:hover .sd__product{color:hsl(var(--orange-ink))}
