/* 시공사례 목록: 카탈로그형 (2026-10-18). Loaded only on /projects/. */
.catalog-head { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin:0 var(--page-pad); padding:clamp(56px,6vw,96px) 0 36px; border-bottom:1px solid var(--line); }
.catalog-head__lock { display:inline-grid; }
.catalog-head h1 { margin:0; font:400 clamp(56px,5.8vw,88px)/.95 "Bodoni Moda", var(--serif); letter-spacing:-.02em; color:var(--ink); }
.catalog-head__tracked { display:flex; justify-content:space-between; margin:14px 0 0; padding:0 .02em 0 .06em; font:400 12px/1 var(--sans); color:#6d665d; }
.catalog-head__tracked i { width:.35em; }
.catalog-head__count { flex:none; margin:0; text-align:right; font:400 12px/1 var(--sans); letter-spacing:.32em; color:#6d665d; }
.catalog-head__count b { display:block; margin-bottom:8px; font:400 44px/1 "Bodoni Moda", var(--serif); letter-spacing:0; color:var(--ink); }
.catalog-list { padding:40px var(--page-pad) 96px; }
.catalog-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:48px 24px; }
.catalog-card { display:block; min-width:0; color:inherit; text-decoration:none; }
.catalog-card__media { display:block; aspect-ratio:4/5; overflow:hidden; background:#eee7dc; }
.catalog-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.catalog-card:hover .catalog-card__media img { transform:scale(1.03); }
.catalog-card__number { display:block; margin-top:18px; font:400 12px/1 var(--sans); letter-spacing:.12em; color:#7a7165; }
.catalog-card h2 { margin:10px 0 6px; font:600 19px/1.35 var(--sans); letter-spacing:-.02em; word-break:keep-all; }
.catalog-card__product { margin:0 0 6px; font-size:14px; line-height:1.5; color:var(--ink); word-break:keep-all; }
.catalog-card__meta { margin:0; font-size:13px; line-height:1.5; color:#7a7165; word-break:keep-all; }
@media (max-width:1100px) { .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:720px) {
  .catalog-head { flex-direction:column; align-items:flex-start; gap:18px; margin:0 20px; padding:104px 0 8px; border-bottom:0; }
  .catalog-head h1 { font-size:60px; }
  .catalog-head__tracked { margin-top:10px; font-size:11px; }
  .catalog-head__count b { display:inline; margin-right:8px; font-size:28px; }
  .catalog-list { padding:16px 20px 64px; }
  .catalog-grid { grid-template-columns:minmax(0,1fr); gap:0; border-top:1px solid var(--ink); }
  .catalog-card { display:grid; grid-template-columns:104px minmax(0,1fr); column-gap:16px; padding:16px 0; border-bottom:1px solid var(--line); }
  .catalog-card__media { grid-row:1 / 5; aspect-ratio:4/5; }
  .catalog-card__number { margin-top:2px; }
  .catalog-card h2 { margin:8px 0 4px; font-size:16px; }
  .catalog-card__product { font-size:13px; }
}
@media (prefers-reduced-motion: reduce) { .catalog-card__media img { transition:none; } }