<!-- 이미지 행: 2~4장 이미지 나란히 -->
<!--
  📋 image-row
  ─────────────────
  용도: 시공 사진, 근거 자료, 현장 이미지 나란히 배치
  슬롯: images[] 배열 (각 이미지에 src, alt, caption)
  Figma 원본: 2-1_02 > image grid (460x354 x 2)
-->
<div class="block-image-row" style="--ir-count: {{ images|length }}">
  {% for img in images %}
  <div class="ir-item">
    <img src="{{ img.src }}" alt="{{ img.alt | default('') }}">
    {% if img.caption %}<div class="ir-caption">{{ img.caption }}</div>{% endif %}
  </div>
  {% endfor %}
</div>

<style>
.block-image-row {
  display: grid;
  grid-template-columns: repeat(var(--ir-count, 2), 1fr);
  gap: 0;
}
.ir-item {
  overflow: hidden;
}
.ir-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: var(--color-bg-subtle, #f8fafc);
}
.ir-caption {
  font-size: 11px;
  color: var(--color-text-light, #94a3b8);
  text-align: center;
  padding: 4px;
}
</style>
