/* p21.css — 철거시공사례(비휴게소 사례 아카이브) · 스톤 브라스 · 갤러리 메이슨리 그리드 아키타입 */
:root{
  --accent:#44484D;
  --sub:#B08D57;
  --bg:#F5F5F5;
  --surface:#FFFFFF;
  --line:#E4E4E4;
  --display-font:'Gowun Batang',var(--font-fallback);
  --body-font:'Gowun Batang',var(--font-fallback);
  --label-font:'EB Garamond',var(--font-fallback);
}
.hero-eyebrow{font-family:var(--label-font);}

/* 메이슨리 카드: 사진 대신 업종별 사례 분류 카드(아이콘+제목+설명+링크) */
.masonry .ba-item{
  border:1px solid var(--line);
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.masonry .ba-item svg{width:28px;height:28px;color:var(--accent);flex-shrink:0;}
.masonry .ba-item h3{
  font-family:var(--display-font);font-size:1.05rem;font-weight:700;color:#1f2328;
}
.masonry .ba-item p{font-size:.88rem;color:#5a626b;line-height:1.7;}
.masonry .ba-item .case-link{
  margin-top:auto;padding-top:6px;font-size:.82rem;font-weight:700;color:var(--accent);
}

/* 태그맵 도식 텍스트 톤 */
.diagram-wrap svg text{font-family:var(--font-fallback);}