/* ============================================================
   Aoki Tech Studio — page-works.css
   works/ 配下（実績一覧・実績詳細）専用の少量スタイル
   トークン・共通コンポーネントは base.css に依存
   ============================================================ */

/* ---------- 実績一覧フィード（タブレット時の端数行を解消） ----------
   2カラムになる 768〜1023px では 5枚目（wide指定）を1カラム扱いにして
   最終行が半分空くのを防ぐ。1024px以上・767px以下は base.css のまま */
@media (min-width: 768px) and (max-width: 1023px) {
  .feed--works .feed-card--wide:nth-child(5) { grid-column: span 1; }
  .feed--works .feed-card--wide:nth-child(5) .feed-media { aspect-ratio: 393 / 471; }
}

/* ---------- KV画像（詳細ページ・page-hero直下） ---------- */
.works-kv-wrap { padding-bottom: var(--band-s); }
.works-kv {
  position: relative;
  background: var(--surface);
}
.works-kv img { width: 100%; height: auto; }
.works-kv::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(200, 158, 98, 0.18);
  pointer-events: none;
}

/* ---------- 本文レイアウト（grid-2 の比率調整・PCのみ） ----------
   1023px以下は base.css の .grid-2 が1カラムに畳む（上書きしない） */
@media (min-width: 1024px) {
  .works-grid { grid-template-columns: 1.55fr 1fr; }
}
.works-grid .prose h2:first-child { margin-top: 0; }

/* ---------- 本文中サブ画像 ---------- */
.works-sub {
  position: relative;
  margin: 44px 0 52px;
  background: var(--surface);
}
.works-sub img { width: 100%; height: auto; }
.works-sub::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(200, 158, 98, 0.18);
  pointer-events: none;
}

/* ---------- 実績一覧に戻る ---------- */
.works-back {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 56px;
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--ink);
  border-bottom: 1px solid var(--gold-line-strong);
  padding-bottom: 6px;
  transition: color 0.3s, border-color 0.3s;
}
.works-back svg { stroke: var(--gold); transition: transform 0.4s var(--ease-reveal); }
.works-back:hover { color: var(--gold); border-color: var(--gold); }
.works-back:hover svg { transform: translateX(-4px); }