/* 보도블럭시공전원주택 — 전용 스타일 (팔레트: #4A3B2A / #F7F1E5 / #8B6F47, 타입스케일 1.250, 패딩 80px, 라운드 999px pill) */
@import url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2107@1.1/Freesentation.css');
@import url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/css/SpoqaHanSansNeo.css');

:root{
  --dp-house-primary:#4A3B2A;
  --dp-house-bg:#F7F1E5;
  --dp-house-accent:#8B6F47;
  --dp-house-font-head:"Freesentation","Pretendard","Noto Sans KR",sans-serif;
  --dp-house-font-body:"Spoqa Han Sans Neo","Pretendard","Noto Sans KR",sans-serif;
  font-display:swap;
}

.site-header{position:sticky;top:0;z-index:60;}

/* 섹션 패딩 80px 계열 */
.section{padding:80px 0;}
@media (max-width:768px){.section{padding:52px 0;}}

h1,h2,h3{font-family:var(--dp-house-font-head);}
.section-head h2{font-size:clamp(25px,3.1vw,31px);}

/* 히어로: 진입로 파노라마 */
.dp-house-hero{background:linear-gradient(180deg,var(--dp-house-primary) 0%,#382c1f 100%);}
.dp-house-hero h1{font-size:clamp(28px,4.2vw,42px);}
.dp-house-hero .btn-primary{background:var(--dp-house-accent);color:#fff;border-radius:999px;box-shadow:0 10px 24px rgba(139,111,71,.4);}
.dp-house-hero .btn-primary:hover{background:#75603c;}
.dp-house-hero .btn-outline{border-radius:999px;}

.dp-house-panorama{
  position:relative;
  height:140px;
  margin:36px 0 8px;
  border-radius:999px;
  overflow:hidden;
  background:linear-gradient(180deg,#6b5847 0%,#4A3B2A 70%);
}
.dp-house-road{
  position:absolute;
  left:50%;bottom:0;
  width:70%;height:100%;
  transform:translateX(-50%);
  background:#3a2f22;
  clip-path:polygon(38% 0, 62% 0, 92% 100%, 8% 100%);
}
.dp-house-curb{position:absolute;bottom:0;width:6%;height:70%;background:var(--dp-house-accent);}
.dp-house-curb-l{left:14%;clip-path:polygon(20% 0,100% 0,60% 100%,0 100%);}
.dp-house-curb-r{right:14%;clip-path:polygon(0 0,80% 0,100% 100%,40% 100%);}
.dp-house-house{
  position:absolute;
  top:14px;left:50%;
  transform:translateX(-50%);
  width:64px;height:40px;
  background:var(--dp-house-bg);
  border-radius:6px 6px 0 0;
}
.dp-house-house::before{
  content:"";
  position:absolute;
  top:-22px;left:-4px;
  width:0;height:0;
  border-left:36px solid transparent;
  border-right:36px solid transparent;
  border-bottom:24px solid var(--dp-house-bg);
}

/* 본문 */
.dp-house-body{font-family:var(--dp-house-font-body);font-size:17px;line-height:1.85;color:#3f3325;max-width:820px;}
.dp-house-body + .dp-house-body{margin-top:20px;}
.dp-house-lead{font-family:var(--dp-house-font-body);font-size:19px;line-height:1.9;color:var(--dp-house-primary);font-weight:600;}
.dp-house-eyebrow{background:#efe7d6;color:#6b5537;}

.dp-house-svg{width:100%;height:auto;background:var(--dp-house-bg);border-radius:28px;padding:12px;margin-top:24px;}

.dp-house-table-wrap{overflow-x:auto;border-radius:24px;border:1px solid #e3d9c4;}
.dp-house-table{width:100%;border-collapse:collapse;min-width:520px;background:#fff;}
.dp-house-table caption{text-align:left;font-size:14px;font-weight:700;color:var(--dp-house-primary);padding:16px 20px;background:#efe7d6;}
.dp-house-table th,.dp-house-table td{padding:14px 20px;font-size:15px;text-align:left;border-bottom:1px solid #efe7d6;}
.dp-house-table th{background:var(--dp-house-primary);color:#fff;font-weight:700;}
.dp-house-table tbody tr:last-child td{border-bottom:none;}
.dp-house-table-note{margin-top:14px;font-size:13.5px;color:#6b5c47;}

.photo-caption{margin-top:8px;font-size:13.5px;font-weight:700;color:var(--dp-house-primary);text-align:center;}
.process-item{border-radius:24px;}
.guide-item{border-radius:24px;}

a:focus-visible,button:focus-visible{outline:3px solid var(--dp-house-accent);outline-offset:2px;}
@media (prefers-reduced-motion:reduce){.process-item img{transition:none;}}

.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr;}
@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:768px){.footer-grid{grid-template-columns:1fr;}
  .dp-house-panorama{height:100px;}
}