/* p07.css — 편의점철거 · 틸그린 · 히어로 오버랩 카드 아키타입 */
:root{
  --accent:#2C6B5E;
  --sub:#8FB9AE;
  --bg:#F3F8F6;
  --surface:#FFFFFF;
  --line:#DCEAE5;
  --display-font:'IBM Plex Sans KR',var(--font-fallback);
  --body-font:'IBM Plex Sans KR',var(--font-fallback);
  --label-font:'IBM Plex Mono',var(--font-fallback);
}
.hero-eyebrow{font-family:var(--label-font);}

/* 히어로 오버랩 카드: 도입 섹션을 카드화해 히어로 하단과 겹치게 끌어올림 */
.overlap-card{
  position:relative;
  z-index:2;
  margin-top:-60px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 12px 32px rgba(0,0,0,.10);
  padding:36px 28px;
}
@media (max-width:640px){
  .overlap-card{margin-top:-40px;padding:26px 20px;}
}