/* ============================================================
   pages/art.css — карточки цветовой температуры.
   ============================================================ */

.temp-card { text-align: center; }
.temp-card__img {
  border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 4 / 3; background: var(--mist);
  box-shadow: var(--shadow-sm);
}
.temp-card__img img { width: 100%; height: 100%; object-fit: cover; }
.temp-card__k {
  font-family: var(--font-display); font-size: 26px; font-weight: 800;
  margin-top: var(--s-5); letter-spacing: -.02em;
}
.temp-card__name {
  font-family: var(--font-mono); font-size: 11px; letter-spacing: .16em;
  text-transform: uppercase; color: var(--gray); margin-top: 6px;
}
/* цвет подписи повторяет температуру самого света */
.temp-card--warm    .temp-card__k { color: #e08a3c; }
.temp-card--neutral .temp-card__k { color: #c9a227; }
.temp-card--cold    .temp-card__k { color: #4a7bd4; }