/* case-gallery.css — 서비스 페이지(20개) 공통 "실제 시공사례" 갤러리 섹션.
 * 페이지별 테마 CSS(예: cost.css)의 --accent 등 변수와 무관하게 독립적으로 동작하도록
 * 값을 하드코딩했다. main > section, h2, p 등 레이아웃/타이포는 각 페이지 테마 CSS를 그대로 상속한다. */
.case-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
  gap:10px;
  margin-top:20px;
}
.case-photo{
  margin:0;
  overflow:hidden;
  border-radius:4px;
  background:#EAEAE2;
  aspect-ratio:4/3;
}
.case-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
@media (max-width:480px){
  .case-gallery{ grid-template-columns:repeat(2, 1fr); gap:8px; }
}