/* ============================================================
   news.css — 写真＋文章が縦に並ぶ
   ============================================================ */

.empty { color: var(--fg-dim); }

.news {
  display: flex;
  flex-direction: column;
  gap: clamp(48px, 8vw, 96px);
  max-width: 760px;
}

.news-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.news-item__img {
  border: 1px solid var(--line);
  overflow: hidden;
  background: var(--bg-elev);
}
.news-item__img img {
  width: 100%;
  filter: grayscale(0.15);
  transition: filter .4s ease;
}
.news-item:hover .news-item__img img { filter: none; }

.news-item__date {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-faint);
  letter-spacing: 0.08em;
  margin: 0 0 8px;
}
.news-item__title {
  font-size: clamp(19px, 3vw, 24px);
  font-weight: 300;
  line-height: 1.35;
  margin: 0 0 12px;
}
.news-item__text {
  color: var(--fg-dim);
  font-size: 15px;
}
.news-item__text p { margin: 0 0 1em; }
.news-item__text a { color: var(--fg); border-bottom: 1px solid var(--fg-faint); }
.news-item__text a:hover { color: var(--accent); border-bottom-color: var(--accent); }