/* 事例集（トップの CASES 欄・事例集のページ）。style-v2.css の変数をそのまま使う。2026-10-11 追加 */
/* トップの欄: 実績（WORKS）の格子と同じ顔にしない＝横長の行で並べる */
.cs-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.cs-row{border-bottom:1px solid rgba(22,19,15,.18)}
.cs-row a{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;gap:clamp(16px,3vw,44px);
  align-items:center;padding:clamp(18px,2.6vw,30px) 0;color:inherit;text-decoration:none}
.cs-row figure{margin:0;aspect-ratio:16/9;overflow:hidden;background:var(--paper-2)}
.cs-row img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.cs-row a:hover img{transform:scale(1.05)}
.cs-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0 0 10px;
  font-family:var(--cond);font-size:11px;letter-spacing:.18em;color:var(--ink-40)}
.cs-tag{border:1px solid var(--ink);color:var(--ink);padding:3px 9px;letter-spacing:.12em;font-family:inherit}
.cs-row h3{font-family:var(--mincho);font-weight:600;font-size:clamp(17px,1.9vw,24px);line-height:1.45;margin:0 0 8px}
.cs-row p{margin:0;font-size:13.5px;line-height:1.9;color:var(--ink-70)}
.cs-go{font-family:var(--cond);font-size:12px;letter-spacing:.24em;white-space:nowrap}
.cs-row a:hover .cs-go{color:var(--blue)}
.cs-all{display:inline-block;margin-top:clamp(22px,3vw,36px);font-family:var(--cond);font-size:12px;
  letter-spacing:.24em;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}
.cs-all:hover{color:var(--blue);border-color:var(--blue)}
@media (max-width:760px){
  .cs-row a{grid-template-columns:minmax(0,1fr)}
  .cs-go{justify-self:start}
}
/* 事例集のページ */
.cs-page{padding:clamp(110px,16vh,170px) var(--pad) clamp(80px,12vh,140px);max-width:1180px;margin:0 auto}
.cs-page h1{font-family:var(--mincho);font-weight:600;font-size:clamp(28px,4vw,46px);margin:10px 0 14px}
.cs-intro{font-size:14px;line-height:2;color:var(--ink-70);max-width:44em;margin:0 0 clamp(26px,4vw,44px)}
.cs-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.cs-filter button{font:inherit;font-size:12.5px;background:none;border:1px solid rgba(22,19,15,.35);color:var(--ink);
  padding:7px 14px;cursor:pointer}
.cs-filter button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cs-fl{align-self:center;min-width:7em;font-size:12px;color:var(--ink-40);letter-spacing:.08em}
.cs-search{width:100%;max-width:420px;font:inherit;font-size:14px;padding:10px 12px;border:1px solid rgba(22,19,15,.35);
  background:transparent;margin:0 0 clamp(20px,3vw,32px)}
.cs-empty{color:var(--ink-40);font-size:14px;padding:24px 0}
@media (prefers-reduced-motion:reduce){.cs-row img{transition:none}.cs-row a:hover img{transform:none}}