/* ── pages / signature — KOWON Signature 허브 ──────────────────────
   아키타입 hub: 히어로 → 도입문 → 카드 그리드 → 상담 CTA.
   구성은 subpage.css 의 .page-hero / .numbered / .hubgrid / .cta-band 로
   전부 해결된다. 이 파일은 그 프리미티브에 없는 네 가지만 덮어쓴다.   */

/* ── 히어로 ────────────────────────────────────────────────── */

/* .page-hero 기본 오버레이는 검정 68% 다. 이 페이지 사진(hero.jpg)은
   수술실 조명이라 원본이 거의 흰색이고, 68% 로는 회색 바탕이 되어
   핑크 eyebrow 와 흰 본문이 인물 위에서 읽히지 않는다.
   이 페이지에서만 80% 로 올린다. 사진은 그대로 보인다. */
.signature-hero{
  background-image:
    linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),
    var(--hero-img,none);
}

/* ── 도입문 섹션 ───────────────────────────────────────────── */

/* 리드가 1280 을 가로지르면 읽기 줄이 너무 길다. .prose 와 같은 900 으로 묶는다. */
.signature-why__lead{max-width:900px}

/* .sec-head 와 카드 사이 — J컬 Sec_9 과 같은 --sp-block(60) */
.signature-why__list{margin-top:var(--sp-block)}

/* .numbered__n 은 44px 원 배지다. 여기 라벨은 'Problem 1' 이라 원에 들어가지
   않는다. 같은 핑크 배지를 알약으로만 늘린다(색·굵기는 프리미티브 그대로). */
.signature-why__n{
  width:auto;height:auto;
  padding:8px 18px;
  border-radius:var(--radius-pill);
  font-size:var(--fs-16);
  letter-spacing:var(--ls-tight);
}

/* ── 세 가지 시그니처 카드 ─────────────────────────────────── */

.signature-procs__grid{margin-top:var(--sp-block)}

/* 그리드 칸이 늘어나야 .hubcard 의 height:100% 가 형제와 키를 맞춘다. */
.signature-procs__cell{display:flex}

/* 시술명 아래 한 줄 요약. .hubcard 에는 이 자리가 없다.
   눈높이는 카드 제목(24)과 본문(16) 사이 = 18/500/본문색. */
.signature-procs__tagline{
  margin-top:12px;
  font-weight:500;
  font-size:var(--fs-18);
  line-height:1.5;
  letter-spacing:var(--ls-tight);
  color:var(--text-primary);
  word-break:keep-all;
}

/* ── 상담 CTA ──────────────────────────────────────────────── */

/* .cta-band 기본 배치는 center 라 로비 사진의 KOWON 사인이 제목 뒤에 겹친다.
   J컬 Sec_10 이 쓴 프레이밍(세로 41%)과 같게 올려 글자 뒤를 비운다. */
.signature-cta{background-position:0 0,center 41%}

/* .cta-band 는 컨테이너가 없다. 안쪽 .container 가 가운데 정렬을 이어받는다. */
.signature-cta__inner{display:flex;flex-direction:column;align-items:center}

/* 의료광고 고지 — .disclaimer 의 회색(--text-tertiary)은 핑크 밴드 위에서
   읽히지 않는다. 밴드 안에서만 흰색 계열로 바꾼다. */
.signature-cta__note{
  max-width:900px;
  color:rgba(255,255,255,.9);
}

/* 모바일에서는 리드의 고정 줄바꿈을 푼다 (J컬 Sec_10 과 같은 처리) */
@media (max-width:767px){
  .signature-cta__br{display:none}
}