/* ============================================================
   WORKS 専用スタイル
   対象ページ: archive-works.php / single-works.php
   読込順: common.css → blog.css → works.css（blog.css を上書きする前提）
============================================================ */

/* ===== 詳細ページ: ヒーロー画像を全体表示（左右幅固定・上下可変・クロップなし） ===== */
.article-hero__thumb--works {
  aspect-ratio: auto;
  height: auto;
}

.article-hero__thumb--works img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 768px) {
  .article-hero__thumb--works {
    aspect-ratio: auto;
    height: auto;
  }
}