/* ══════════════════════════════════════════════════════════
   p-about.css — 오브의원 소개(소개·병원)
   site.css 다음에 로드된다. 접두사 .ab- · site.css 는 손대지 않는다.
   박스 규격은 여전히 2종(--r-card · --r-pill), 새 색 없음.
   ══════════════════════════════════════════════════════════ */

/* ── 01 hero — 데스크톱 21:9 / 모바일 3:4 두 벌(한 장으로 두 비율을 만족시키지 않는다) ── */
.ab-hero__img{width:100%; height:100%; object-fit:cover}
.ab-hero__img--d{display:none; --phero-pos:70% 42%}
.ab-hero__img--m{display:block; --phero-pos:50% 46%}
@media (min-width:760px){
  .ab-hero__img--d{display:block}
  .ab-hero__img--m{display:none}
}
/* 아래 숫자 카드가 히어로 하단에 겹친다 — 겹치는 만큼 텍스트를 위로 올려 둔다. */
.ab-hero .phero__layer{padding-bottom:clamp(3.6rem, 2.4rem + 3.2vw, 5rem)}

/* ── 02 stats — 겹침 폭을 줄여 히어로 리드를 덮지 않게 한다 ── */
.ab-stats .stats__list{margin-top:-1.4rem}
.ab-stats .cap{padding-bottom:var(--sec-y)}
@media (min-width:860px){
  .ab-stats .stats__list{margin-top:-2.2rem}
}

/* ── 03 선언 인용 — .quote 의 중앙 변형(따옴표를 흐름 안으로 내린다) ── */
.ab-decl__in{max-width:46ch; margin-inline:auto; text-align:center}
.ab-decl__in .sec-num{margin-bottom:.75rem}
.ab-decl__q{margin:0; padding-left:0}
.ab-decl__q::before{
  position:static; display:block;
  font-size:clamp(2.6rem, 2rem + 2.4vw, 3.6rem); line-height:.7;
  margin-bottom:.5rem; opacity:.5;
}
.ab-decl__q p{
  font-size:clamp(1.35rem, 1.05rem + 1.5vw, 2.1rem);
  line-height:1.62; letter-spacing:-.02em;
}
.ab-decl__s{margin-top:1.5rem; font-size:var(--f-lead); color:var(--body-c); line-height:1.8}

/* ── 04 철학 — 세로 사진은 스타디움 마스크(로고 모티프) ── */
.ab-philo .fig--stadium img{max-height:min(72vh, 620px)}

/* ── 05 비교표 — 표 캡션은 제목처럼 읽히지 않게 눕힌다 ── */
.ab-cmp caption{text-align:left; margin:0 0 .6rem; color:var(--muted)}
.ab-cmp .cmp td.us{font-weight:600}
.ab-cmp .cap{margin-top:1rem; max-width:60ch}

/* ── 06 why aube — 사진 행은 세로 컷도 4:3 프레임 안에서 잘라 높이를 맞춘다 ── */
.ab-why .edit__fig img{object-position:50% 26%}
.ab-why .edit__r--lead .edit__fig img{object-position:50% 42%}

/* ── 07 process — 6단계. site.css 의 5열을 3열 2행으로 바꾼다 ── */
@media (min-width:900px){
  .ab-steps{grid-template-columns:repeat(3,1fr); column-gap:1.25rem; row-gap:2.6rem}
  .ab-steps .steps__i:nth-child(3n)::before{display:none}   /* 행 끝에서 연결선을 끊는다 */
}

/* ── 08 band — 로고월 워드마크가 오른쪽 끝까지 간다(중앙 정렬이면 잘린다) ── */
.ab-band .band__bg{object-position:78% 45%; opacity:.5}
.ab-band .band__layer{max-width:46ch}

/* ── 09 원장 — 원본이 646×753 이라 마스크 안에서 더 키우지 않는다 ── */
.ab-dr .fig--stadium img{max-height:min(70vh, 600px)}

/* ── 10 나가는 길 ── */
@media (min-width:760px){
  .ab-out__links{grid-template-columns:1fr 1fr; gap:.75rem}
}
.ab-out .btn{margin-top:1.2rem}