/* KMS 홈페이지 — Contact 페이지 전용 (FINAL_spec §4.10 dl · §7.5 · 사진 hq-front 간판 제외 크롭) */

/* ---------- Hero (공용 .page-hero.is-short, 영문 제목만 한 줄 길게) ---------- */
.page-contact .page-hero h1:lang(en){max-width:22ch}

/* ---------- 본사 사진 스트립 ----------
   hq-front 원본은 좌·우 건물 하단에 구 간판이 있어(각각 높이 59%·74% 지점) 상단 40%만 노출한다.
   컨테이너 비율 5:2 + object-position 50% 0 → 어떤 폭에서도 간판 영역(≥ 53%)이 프레임에 들어오지 않음. */
.hq-strip{margin-bottom:var(--s6)}
.hq-strip img{aspect-ratio:3/2;object-fit:cover;object-position:50% 50%;filter:saturate(.85)}
.hq-strip figcaption span>span{font-family:var(--serif);font-style:italic;font-weight:400;font-size:15px}
.hq-strip figcaption>span:last-child{white-space:nowrap;flex:none}
/* 모바일에서는 좌측 문장이 2줄로 접히며 우측 "Since 2005"와 어긋나므로 세로 스택 */
@media (max-width:767px){.hq-strip figcaption{flex-direction:column;gap:4px}}
@media (min-width:1024px){.hq-strip{margin-bottom:var(--s7)}}

/* ---------- 연락처 그리드 5:7 ---------- */
.info-grid .contact-dl{margin-top:var(--s4)}
.info-grid .contact-dl>div{padding:20px 0;font-size:17px}
@media (min-width:480px){.info-grid .contact-dl>div{grid-template-columns:96px 1fr;gap:24px}}
.info-grid .contact-dl dt{padding-top:6px}
.info-grid .contact-dl address{font-style:normal}

/* ---------- 오시는 길 · 평택지점 룰 리스트 ---------- */
.loc-list{border-top:1px solid var(--rule-ink)}
.loc-list>li{padding:var(--s4) 0;border-bottom:1px solid var(--rule)}
@media (min-width:1024px){.loc-list{border-top:0;padding-top:var(--s1)}.loc-list>li{padding:var(--s5) 0}.loc-list>li:first-child{padding-top:0;border-top:0}}
.loc-list .h3{font-size:24px;letter-spacing:-.025em}
.loc-list .body{margin-top:var(--s2);max-width:60ch;font-size:16px}
.loc-list .body+.body{margin-top:12px}
@media (min-width:768px){.loc-list .body{font-size:17px}}
.loc-list .map-link{margin-top:var(--s3)}
.map-link svg{width:16px;height:16px}
.map-link:hover svg{transform:translate(2px,-2px)}

/* ---------- 관계사 밴드 (blue-tint) ---------- */
.affiliates{background:var(--blue-tint)}
@media (min-width:1024px){.affiliates.section{padding:var(--s6) 0}}
.affiliates .rule-list{border-top-color:var(--kms-blue)}
.affiliates .rule-list>li{border-bottom-color:var(--rule-blue);padding:28px 0}
.affiliates .rule-list .idx{color:var(--ink-2)}      /* blue-tint 위 gray 금지 → ink-2 */
.affiliates .rule-list .desc{color:var(--ink-2);max-width:60ch}
@media (min-width:768px){
  .affiliates .rule-list>li{grid-template-columns:64px minmax(0,1fr)}
  .affiliates .rule-list>li>div{display:grid;grid-template-columns:minmax(200px,4fr) 8fr;gap:var(--s3);align-items:baseline}
  .affiliates .rule-list .desc{margin-top:0}
}