/* Studio Dawn — Journal. Loads after system.css + site.css + content.css. */

.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px,2.4vw,32px); margin-bottom: clamp(64px,7vw,100px); }
.card { display: flex; flex-direction: column; text-decoration: none; color: inherit; }
.c-fig { width: 100%; aspect-ratio: 4/3; border-radius: 10px; overflow: hidden; margin-bottom: 18px; background: var(--pink); }
.c-fig img { width: 100%; height: 100%; object-fit: cover; }
.c-date { font-family: var(--mono); font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--crimson); margin-bottom: 10px; }
.c-title { font-size: clamp(19px,2vw,23px); font-weight: 600; letter-spacing: -0.015em; line-height: 1.25; margin: 0 0 10px; }
.c-excerpt { font-size: 14px; line-height: 1.6; color: var(--umber-2); margin: 0 0 16px; flex: 1; }
.c-link { font-family: var(--mono); font-size: 14px; letter-spacing: 0.04em; color: var(--umber); }
.card:hover .c-link { color: var(--crimson); }

@media (max-width: 860px) { .grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .grid { grid-template-columns: 1fr; } }