/* p09.css — 상가철거 · 러스트 브라운 · 매트릭스 격자(2x3, 셀테두리) 아키타입 */
:root{
  --accent:#8C3B2F;
  --sub:#5C6B73;
  --bg:#F7F3F1;
  --surface:#FFFFFF;
  --line:#E9DFDA;
  --display-font:'Hahmlet',var(--font-fallback);
  --body-font:'Noto Sans KR',var(--font-fallback);
  --label-font:'Space Grotesk',var(--font-fallback);
}
.hero-eyebrow{font-family:var(--label-font);}

/* 매트릭스 격자: 협의 대상 6항목을 셀 테두리로 구분한 격자 */
.matrix-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:28px 0;
}
.matrix-cell{padding:22px 20px;border:1px solid var(--line);background:var(--surface);}
.matrix-cell h3{font-family:var(--display-font);font-size:1rem;font-weight:700;color:var(--accent);margin-bottom:6px;}
.matrix-cell p{font-size:.88rem;color:#5a626b;}
@media (max-width:760px){
  .matrix-grid{grid-template-columns:1fr;}
}