/* ===== 홈 단순화(2026-09-24) — 홈 전용. 공용 style.css 위에 얹는다 =====
   원칙: 한 컨테이너(.wrap) · 한 헤딩 스케일(.h-head h2) · 균일 섹션 간격 · 카드 비율 통일 ·
   CTA 두 가지(.btn 채움 / .h-link·.btn-ghost 텍스트) */

.home section:not(.hero){padding:clamp(64px,8vw,112px) 0}
.home section.h-alt{background:var(--paper2)}
.home section:not(.hero)+section{border-top:0}

/* 섹션 헤드 — 모든 블록 공통 */
.h-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,3.4vw,44px)}
.h-head .idxlabel{display:block;margin-bottom:12px}
.h-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,44px);line-height:1.2;letter-spacing:-.015em}
.h-head h2 i{font-style:normal;color:var(--accent)}
.h-head p{margin-top:14px;color:var(--muted);max-width:60ch;font-size:15.5px;line-height:1.75}
.h-link{flex-shrink:0;display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:14px;color:var(--accent-dark);border-bottom:1px solid currentColor;padding:0 2px;transition:color .2s}
.h-link:hover{color:var(--accent)}

/* 히어로 안 신뢰 밴드 — 스탯 4 + 협업처 한 줄 */
.h-trust{position:relative;z-index:1;padding-bottom:clamp(40px,5vw,64px)}
.h-stats{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(245,240,222,.16);border-bottom:1px solid rgba(245,240,222,.16)}
.h-stats li{padding:22px 8px;text-align:center}
.h-stats li+li{border-left:1px solid rgba(245,240,222,.12)}
.h-stats b{display:block;font-family:var(--serif);font-weight:600;font-size:clamp(28px,3.2vw,42px);line-height:1;color:var(--cream)}
.h-stats b i{font-style:normal;color:var(--accent);font-size:.55em}
.h-stats span{display:block;margin-top:8px;font-size:12.5px;letter-spacing:.04em;color:#a8a294}
.h-partners{margin-top:20px;font-size:14px;line-height:1.9;color:#c9c4b8;text-align:center}
.h-plabel{display:inline-block;margin-right:12px;font-size:11px;font-weight:700;letter-spacing:.24em;color:var(--accent-l)}

/* 카드 그리드 — 사진 비율 통일, 같은 줄 높이 통일 */
.h-grid{display:grid;gap:20px}
.h-uses{grid-template-columns:repeat(3,1fr)}
.h-cases{grid-template-columns:repeat(4,1fr)}
.h-custom{grid-template-columns:repeat(4,1fr)}
.h-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid rgba(76,133,103,.2);border-radius:4px;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}
.h-alt .h-card{background:#f3edd9}
.h-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 18px 34px -24px rgba(31,36,23,.45)}
.h-card figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:#ddd3b6}
.h-cases .h-card figure{aspect-ratio:4/5}
.h-card figure img{width:100%;height:100%;object-fit:cover}
.h-card figure.wide{aspect-ratio:16/10;background:#e6dec6}
.h-card figure.wide img{object-fit:contain}
.h-cb{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.h-cb h3{font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.3;color:var(--ink)}
.h-cb p{color:var(--muted);font-size:14.5px;line-height:1.6}
.h-card-prod{background:var(--ink)!important;border-color:var(--ink)}
.h-card-prod .h-cb h3{color:var(--cream)}
.h-card-prod .h-cb p{color:#c9c4b8}
.h-card-prod:hover{border-color:var(--accent)}

/* 강점 4 — 한 줄 */
.h-points{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:hp}
.h-points li{counter-increment:hp;padding:22px 20px 22px;border-top:2px solid var(--accent);background:rgba(245,240,222,.55);border-radius:0 0 4px 4px}
.h-points li::before{content:"0" counter(hp);display:block;font-family:var(--serif);font-size:15px;color:var(--accent);margin-bottom:10px}
.h-points b{display:block;font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.3;margin-bottom:8px}
.h-points span{display:block;color:var(--muted);font-size:14.5px;line-height:1.65}
.h-points a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.h-sub{margin-top:clamp(40px,5vw,64px)}
.h-subtitle{font-family:var(--serif);font-weight:600;font-size:21px;margin-bottom:18px}

/* 진행 4단계 — 한 줄 */
.h-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.h-steps li{padding:24px 20px;background:rgba(245,240,222,.55);border-top:2px solid var(--accent);border-radius:0 0 4px 4px}
.h-num{display:block;font-family:var(--serif);font-size:15px;color:var(--accent);margin-bottom:10px}
.h-steps h3{font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.3;margin-bottom:8px}
.h-steps h3 em{display:inline-block;font-style:normal;font-family:var(--sans);font-size:11px;font-weight:700;color:var(--accent-dark);background:rgba(76,133,103,.14);border-radius:20px;padding:2px 9px;margin-left:6px;vertical-align:middle}
.h-steps p{color:var(--muted);font-size:14.5px;line-height:1.65}

/* 문의 — 좌 설명 / 우 폼 */
.h-band{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);text-align:left;align-items:start}
.h-band>*{position:relative}
.h-band .idxlabel{color:var(--accent-l);display:block;margin-bottom:14px}
.h-band h2{font-size:clamp(28px,3.4vw,44px);font-weight:500;line-height:1.2}
.h-band p{margin:16px 0 0;max-width:46ch}
.h-band .pbox{margin:24px 0 0;max-width:none}
.h-band .trust-mini{margin:18px 0 0}
.h-band .cform{margin:0;max-width:none}
.h-band .contacts{justify-content:flex-start;margin-top:14px;gap:10px}
.h-band .contacts a{flex:1;text-align:center;padding:13px 12px}

/* FAQ */
.h-faq{margin:0;max-width:880px}
.h-more{margin-top:32px;color:var(--muted);font-size:14.5px}
.h-more a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:6px 0}

/* ---------- 태블릿 ---------- */
@media(max-width:1080px){
  .h-cases{grid-template-columns:repeat(4,1fr);gap:14px}
  .h-points,.h-steps,.h-custom{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:880px){
  .home section:not(.hero){padding:clamp(48px,11vw,72px) 0}
  .h-head{flex-direction:column;align-items:flex-start;gap:10px}
  .h-uses{grid-template-columns:repeat(2,1fr)}
  .h-cases{grid-template-columns:repeat(2,1fr)}
  .h-band{grid-template-columns:1fr}
  .h-trust{padding-bottom:36px}
}
/* ---------- 모바일 ---------- */
@media(max-width:560px){
  .h-head p{font-size:15px}
  .h-stats{grid-template-columns:repeat(2,1fr)}
  .h-stats li:nth-child(3){border-left:0}
  .h-stats li:nth-child(n+3){border-top:1px solid rgba(245,240,222,.12)}
  .h-stats li{padding:16px 6px}
  .h-partners{text-align:left;font-size:13.5px;line-height:1.8}
  .h-plabel{display:block;margin:0 0 4px}
  /* 용도별: 사진 왼쪽 · 글 오른쪽 가로 카드 — 6장이 세로로 길어지지 않게 */
  .h-uses{grid-template-columns:1fr;gap:10px}
  .h-uses .h-card{flex-direction:row;align-items:stretch}
  .h-uses .h-card figure{aspect-ratio:auto;width:104px;flex-shrink:0}
  .h-uses .h-cb{padding:14px 14px 14px 16px;gap:4px}
  .h-uses .h-cb h3{font-size:17px}
  .h-uses .h-cb p{font-size:14px;line-height:1.55}
  .h-grid{gap:12px}
  .h-cases .h-cb{padding:12px 12px 14px}
  .h-cases .h-cb h3{font-size:15.5px}
  .h-cases .h-cb p{font-size:14px;line-height:1.45}
  .h-custom{grid-template-columns:1fr 1fr}
  .h-custom .h-cb{padding:12px}
  .h-custom .h-cb h3{font-size:15.5px}
  .h-custom .h-cb p{font-size:14px;line-height:1.45}
  .h-points,.h-steps{grid-template-columns:1fr;gap:10px}
  .h-points li,.h-steps li{padding:16px 16px 18px;display:grid;grid-template-columns:34px 1fr;column-gap:6px}
  .h-points li::before,.h-num{grid-row:1/3;margin:2px 0 0}
  .h-points b,.h-steps h3{font-size:17px;margin-bottom:4px}
  .h-points span,.h-steps p{font-size:14px;grid-column:2}
  .h-band .contacts a{flex:1 1 30%;padding:14px 6px;font-size:13px;letter-spacing:.02em}
}

/* 보정 — 동의 체크박스가 .cform input{width:100%}를 받아 라벨이 한 글자 폭으로 꺾이던 결함 */
.cform .consent input{width:auto;padding:0}
.h-faq summary{font-size:clamp(16.5px,1.6vw,19px);line-height:1.45}
@media(min-width:881px){
  .home .hero-grid{padding-top:clamp(110px,13vh,150px);padding-bottom:36px}
  .home .hero-mosaic{height:clamp(420px,58vh,580px)}
}
@media(max-width:560px){
  .h-band{padding:28px 18px}
  .h-band .contacts a{white-space:nowrap;font-size:13px;padding:14px 4px}
}
.h-band .pbox p{max-width:none}
@media(max-width:560px){
  .h-points a{display:inline-block;padding:14px 0;margin:-14px 0}
  .h-more a{padding:11px 0}
  .h-stats span{font-size:13px}
  .h-partners,.h-band .pbox p,.h-band .trust-mini,.home .hero-trust{font-size:14px}
}