/* ==========================================================================
   assets/page/61.css — [61] T절골(턱끝 절골술 · 무턱) 전용
   전부 .fs-p-61 스코프. 색은 --fs-* 토큰만.
   예외 2개 — 히어로 에셋 상단색(#EEEEE3 · 모바일 #F4F1EA). 토큰에 없는 사진 실측값이라
   143·146 정본과 같은 방식으로 직접 쓴다. 그 밖의 새 hex 0개.

   전용 컴포넌트
     1) .fs-chin-hero  — 1mm 계열 투명 헤더 오버레이 + 풀블리드 모델 히어로
                         (<1024px 는 크림 카피 밴드 위 / 세로 사진 아래로 스택)
     2) .fs-spec-strip — 수술정보 6칸 아이콘 가로줄(10-23 · 51 상안검 판, #about · #mentum-who 두 곳)
     3) .fs-chin-tx    — Case 01/02 탭 캐러셀
        .fs-chin-seq   — ★ 시그니처: T절골 3컷 가로 시퀀스 + 셰브런
     4) .fs-chin-mtd   — 무턱 수술방법 블록(좌 서술 / 우 N컷 시퀀스)
     5) .fs-chin-dx    — 무턱 자가진단 체크리스트(다크 밴드)
   ========================================================================== */

/* ---------- 1) 1mm 계열 «투명 헤더 + 모델 히어로» 첫 화면 -------------------
   헤더를 흰 막대로 세우지 않고 히어로 사진 위에 얹는다. 이 페이지의 히어로 상단은
   전 폭이 아이보리~연민트라 흰 글자가 아니라 «잉크 글자» 를 쓴다(밝은 변형).
   구조는 143·146 정본과 같고 스코프만 .fs-p-61 이다. */
.fs-p-61 {
  --fs-header-overlay-bg: transparent;
}
/* 오버레이 헤더 뒤에 실제로 깔리는 색. 사진이 그 위를 덮으므로 화면은 그대로지만
   사진 로딩 전 번쩍임이 없고, qa.py 가 배경을 흰 body 로 오판하지 않는다. */
.fs-p-61 .fs-page--overlay { background: #EEEEE3; }
.fs-p-61 .fs-header--overlay { color: var(--fs-ink); }
/* 2026-09-11 승인자 지시 「56 처럼 메뉴바 그라디에이션」 — fs.css:468 기본 ::before(검정 스크림)를
   content:none 으로 껐던 것을 되살리고 배경만 밝은 안개로 바꾼다. 56 은 크림(246,241,236)인데
   이 계열 19장은 히어로 틴트가 제각각(세이지·라벤더·블루그레이…)이라 크림을 얹으면 색이 물든다 —
   흰색 알파는 어느 틴트 위에서도 «빛 번짐» 으로 읽힌다(47·64·67·48 비교 렌더로 확인).
   위치·높이(헤더 1.6배)·pointer-events 는 fs.css 기본값 그대로다. */
.fs-p-61 .fs-header--overlay::before { background: linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.38) 55%, rgba(255,255,255,0) 100%); }
.fs-p-61 .fs-gnb__link:not([aria-current="page"]) { font-weight: 400; }
/* fs.css 의 오버레이 규칙은 «흰 글자» 전제라 호버가 흰색이다 — 밝은 헤더에선 반대로 */
.fs-p-61 .fs-header--overlay .fs-gnb__link:hover,
.fs-p-61 .fs-header--overlay .fs-gnb__link:focus-visible { color: var(--fs-teal-dk); opacity: 1; }
/* --fs-muted-2(#7D7D7D)는 크림 위에서 3.6:1 이라 AA 미달이다 */
.fs-p-61 .fs-header--overlay .fs-util__link { color: var(--fs-ink-soft); opacity: 1; }
.fs-p-61 .fs-header--overlay .fs-util__link:hover { color: var(--fs-teal-dk); opacity: 1; }
.fs-p-61 .fs-util__sep { opacity: .35; }
/* fs.css:3002 의 «호버 시 흰 글자» 도 다크 히어로 전제다 — 밝은 헤더에선 사라진다 */
.fs-p-61 .fs-header--overlay .fs-allmenu:hover { color: var(--fs-teal-dk); opacity: 1; }

/* fs.css 의 .fs-hero__bg img 규칙은 <picture> 를 건너뛴다(57 은 .fs-nose-hero 로 해결). */
.fs-p-61 .fs-chin-hero .fs-hero__bg picture { display: block; width: 100%; height: 100%; }
/* 2026-09-11 승인자 지시 「히어로 속 모델 위치를 56 처럼」 — 56 은 머리 꼭대기가 히어로 위에서 41px(1838 창).
   이 사진은 크라운이 원본 y=292 라 36% 로는 아래 에 떠 있었다. 통일 높이 601 · cover 배율 1838/1920 로 역산한 값.
   모바일(<1024) 스택 배치의 object-position 은 별개라 그대로 둔다. */
.fs-p-61 .fs-chin-hero .fs-hero__bg img { object-position: 50% 56%; }

.fs-p-61 .fs-chin-hero { background: #EEEEE3; color: var(--fs-ink); }
.fs-p-61 .fs-chin-hero .fs-hero__copy {
  max-width: min(100%, 46vw);
  gap: var(--fs-sp-3);
}
.fs-p-61 .fs-chin-hero .fs-hero__kicker {
  color: var(--fs-teal-dk);
  font-size: clamp(15px, 13.5px + 0.42vw, 21px);
  letter-spacing: 0.02em;
  font-weight: 500;
}
.fs-p-61 .fs-chin-hero .fs-hero__title {
  color: var(--fs-ink);
  font-size: clamp(30px, 21.4px + 2.39vw, 58px);
  font-weight: 700;
  line-height: 1.22;
}
.fs-p-61 .fs-chin-hero__rule {
  display: block;
  width: clamp(48px, 4vw, 84px);
  height: 2px;
  margin-block-start: var(--fs-sp-2);
  background: var(--fs-teal-dk);
}
.fs-p-61 .fs-chin-hero__tag {
  font-size: var(--fs-t-lead);
  line-height: var(--fs-lh-body);
  color: var(--fs-ink-soft);
}

/* <1024px — 히어로 박스가 가로로 길어져 오버레이로는 카피와 모델이 겹친다.
   카피를 크림 밴드로 위에 쌓고 세로 크롭 사진을 아래에 붙인다. 사진 윗단은 페이드로
   녹여 이음매를 없앤다. 밴드색은 세로 에셋 상단 실측값. */
@media (max-width: 1023px) {
  .fs-p-61 .fs-chin-hero { min-height: 0; background: #F4F1EA; }
  .fs-p-61 .fs-chin-hero .fs-hero__bg {
    position: static; inset: auto; z-index: 0; grid-row: 2;
  }
  .fs-p-61 .fs-chin-hero .fs-hero__bg img {
    height: auto; aspect-ratio: 3 / 4; object-position: 50% 30%;
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 96px);
            mask-image: linear-gradient(180deg, transparent 0, #000 96px);
  }
  .fs-p-61 .fs-chin-hero .fs-hero__inner {
    grid-row: 1; background: #F4F1EA;
    padding-block: calc(var(--fs-header-h) + var(--fs-sp-9)) var(--fs-sp-11);
  }
  .fs-p-61 .fs-chin-hero .fs-hero__copy { max-width: 100%; }
}

/* ---------- 2) 수술정보 6칸 ------------------------------------------------ */
/* --- 수술정보 — 아이콘 가로줄 6칸 (fs-spec-strip) ----------------------------
   2026-10-23 승인자 「상단 메뉴에 있는거 레이아웃 맞춰줘」 — 51 상안검 수술정보 판(67·134 와 같은 처리).
   51.css P3·P10 값 그대로 — 위아래 가는 선 · 원형 아이콘(ic-*-c.png 를 브라운 #6B564E 로 물들임) · 라벨 작게 · 값 브라운 굵게 · PC 칸 사이 세로선.
   흰 섹션은 원 크림 · 선 --fs-line, 크림 섹션은 원 흰색 · 선 --fs-line-input(51 과 같은 구분).
   6칸: ≥1024 한 줄 · 600~1023 3열 · <600 2열(MOBILE_RULES §2 A).
   옛 규칙: _src/build/backup-61-1023-spec/61.css */
.fs-p-61 .fs-spec-strip {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: var(--fs-sp-7); column-gap: var(--fs-sp-3);
  margin: clamp(28px, 23.4px + 1.28vw, 48px) 0 0;
  padding-block: clamp(24px, 21.2px + 0.77vw, 36px);
  border-block: 1px solid var(--fs-line);
}
.fs-p-61 .fs-spec-strip__item { display: grid; justify-items: center; align-content: start; gap: var(--fs-sp-2); text-align: center; }
.fs-p-61 .fs-spec-strip dt {
  display: grid; justify-items: center; gap: var(--fs-sp-3);
  font-size: var(--fs-t-sm); line-height: var(--fs-lh-head); color: var(--fs-muted-2);
}
.fs-p-61 .fs-spec-strip dd {
  margin: 0; font-size: var(--fs-t-sub); font-weight: 700; line-height: var(--fs-lh-head); color: var(--fs-teal-dk);
  text-wrap: balance;
}
.fs-p-61 .fs-spec-strip__ic {
  display: grid; place-items: center;
  width: clamp(62px, 55px + 1.4vw, 82px); aspect-ratio: 1; border-radius: 50%;
  background: var(--fs-cream);
}
.fs-p-61 .fs-spec-strip__ic img { width: 62%; height: auto;   /* 96x96, 그림 bbox 가운데 */
  filter: brightness(0) invert(20%) sepia(25%) saturate(600%) hue-rotate(338deg); }
.fs-p-61 #mentum-who .fs-spec-strip { border-color: var(--fs-line-input); }
.fs-p-61 #mentum-who .fs-spec-strip__ic { background: var(--fs-white); }
@media (min-width: 1024px) {
  .fs-p-61 .fs-spec-strip { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .fs-p-61 .fs-spec-strip__item + .fs-spec-strip__item { border-inline-start: 1px solid var(--fs-line); }
  .fs-p-61 #mentum-who .fs-spec-strip__item + .fs-spec-strip__item { border-inline-start-color: var(--fs-line-input); }
}
@media (max-width: 599px) {
  .fs-p-61 .fs-spec-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- 대상 2단(좌 사진 / 우 번호 리스트) ------------------------------ */
.fs-p-61 .fs-chin-who__photo { display: block; }
.fs-p-61 .fs-chin-who__photo img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: 50% 22%;
}
.fs-p-61 .fs-chin-who__list {
  display: grid;
  gap: var(--fs-sp-5);
  align-content: center;
}
.fs-p-61 .fs-chin-who__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: clamp(14px, 1.4vw, 24px);
  border-block-end: 1px solid var(--fs-line);
  padding-block-end: var(--fs-sp-5);
}
.fs-p-61 .fs-chin-who__item:last-child { border-block-end: 0; padding-block-end: 0; }
.fs-p-61 .fs-chin-who__num {
  display: grid;
  place-items: center;
  width: clamp(46px, 3.6vw, 62px);
  aspect-ratio: 1;
  border-radius: var(--fs-radius-round);
  background: var(--fs-teal-text);
  color: var(--fs-white);
  font-family: var(--fs-font-en);
  font-size: var(--fs-t-lead);
  font-weight: 700;
}
.fs-p-61 .fs-chin-who__txt { display: block; }
.fs-p-61 .fs-chin-who__sub {
  display: block;
  font-size: var(--fs-t-body);
  color: var(--fs-muted);
}
.fs-p-61 .fs-chin-who__key {
  display: block;
  font-size: var(--fs-t-lead);
  font-weight: 700;
  color: var(--fs-ink);
}

/* ---------- 3) Case 탭 캐러셀 + ★ T절골 3컷 시퀀스 ------------------------- */
.fs-p-61 .fs-chin-tx { margin-block-start: var(--fs-gap-title); }
.fs-p-61 .fs-chin-tx__viewport { overflow: hidden; }
.fs-p-61 .fs-chin-tx__track { display: flex; }
.fs-p-61 .fs-chin-tx__slide { flex: 0 0 100%; max-width: 100%; }
.fs-p-61 .fs-chin-tx__head {
  display: grid;
  justify-items: center;
  gap: var(--fs-sp-4);
  text-align: center;
}
.fs-p-61 .fs-chin-tx__case {
  font-family: var(--fs-font-en);
  font-size: var(--fs-t-quote);
  font-style: italic;
  font-weight: 400;
  color: var(--fs-muted);
}
.fs-p-61 .fs-chin-tx__title { font-size: var(--fs-t-h3); font-weight: 700; }
.fs-p-61 .fs-chin-tx__desc {
  font-size: var(--fs-t-lead);
  line-height: var(--fs-lh-body);
  color: var(--fs-ink-soft);
}

.fs-p-61 .fs-chin-seq {
  display: grid;
  max-width: 940px;
  margin-inline: auto;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(4px, 0.9vw, 18px);
  margin-block-start: var(--fs-sp-8);
}
.fs-p-61 .fs-chin-seq__cell { display: grid; }
.fs-p-61 .fs-chin-seq__box {
  display: block;
  background: var(--fs-cream);
}
.fs-p-61 .fs-chin-seq__box img { display: block; width: 100%; height: auto; }
.fs-p-61 .fs-chin-seq__arrow {
  display: grid;
  place-items: center;
  color: var(--fs-teal-dk);
}
.fs-p-61 .fs-chin-seq__arrow svg {
  display: block;
  width: clamp(13px, 1.6vw, 28px);
  height: auto;
}

.fs-p-61 .fs-chin-tx__tabs { gap: 0; }
.fs-p-61 .fs-chin-tx__tab {
  width: auto;
  aspect-ratio: auto;
  border-radius: var(--fs-radius-0);
  background: var(--fs-white);
  box-shadow: none;
  border: 1px solid var(--fs-line);
  min-height: clamp(38px, 36.5px + 0.4vw, 48px);
  padding-inline: clamp(16px, 1.6vw, 34px);
  font-family: var(--fs-font-en);
  font-size: var(--fs-t-pill);
  font-weight: 700;
  letter-spacing: var(--fs-ls-wide);
  color: var(--fs-muted);
}
.fs-p-61 .fs-chin-tx__tab + .fs-chin-tx__tab { border-inline-start: 0; }
.fs-p-61 .fs-chin-tx__tab.is-active {
  width: auto;
  background: var(--fs-teal-text);
  border-color: var(--fs-teal-text);
  color: var(--fs-white);
  box-shadow: none;
}

/* POINT 카드 아이콘 — 시안의 큰 선 일러스트 크기(90px 급) */
.fs-p-61 .fs-card--point .fs-card__icon img {
  width: 100%;
  height: auto;
}

/* 룰 카드 — 소제목/핵심어 2행 */
.fs-p-61 .fs-chin-rule__txt { display: grid; gap: 2px; }

/* ---------- 4) 무턱 수술방법 블록 ------------------------------------------ */
.fs-p-61 .fs-chin-mtd { display: grid; gap: var(--fs-sp-11); }
.fs-p-61 .fs-chin-mtd__item { display: grid; gap: var(--fs-sp-7); }
.fs-p-61 .fs-chin-mtd__text { display: grid; gap: var(--fs-sp-4); align-content: start; }
.fs-p-61 .fs-chin-mtd__text .fs-pill { justify-self: start; }
.fs-p-61 .fs-chin-mtd__seq {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(8px, 1vw, 20px);
}
.fs-p-61 .fs-chin-mtd__cell { display: grid; }
.fs-p-61 .fs-chin-mtd__box {
  display: block;
  background: var(--fs-cream-2);
  aspect-ratio: 1 / 1;
}
.fs-p-61 .fs-chin-mtd__box img { display: block; width: 100%; height: 100%; object-fit: contain; }
.fs-p-61 .fs-chin-mtd__seq--2 { max-width: 640px; }
@media (min-width: 1024px) {
  .fs-p-61 .fs-chin-rule { grid-template-columns: auto minmax(0, 1fr); }
  .fs-p-61 .fs-chin-mtd__item {
    grid-template-columns: minmax(0, 340fr) minmax(0, 1000fr);
    column-gap: var(--fs-gap-col);
    align-items: center;
  }
  .fs-p-61 .fs-chin-mtd__seq--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ---------- 5) 다크 밴드 + 무턱 자가진단 ----------------------------------- */
.fs-p-61 .fs-chin-band__grid { gap: 0; }
.fs-p-61 .fs-chin-band__fig { display: block; }
.fs-p-61 .fs-chin-band__fig img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: clamp(240px, 22vw, 420px);
  object-fit: cover;
  /* 슬롯 비율이 폭마다 0.88(1024) ~ 1.60(1920) 으로 갈린다. 4:3 에셋을 가운데 정렬로
     두면 1920 에서 위아래 8.3% 가 잘려 정수리(8.6%)가 스친다. Y 를 18% 로 올려
     상단 컷을 2.5% 로 줄이고, X 는 1024 의 가로 컷에서 왼쪽 어깨가 안 잘리게 40% 로 민다. */
  object-position: 40% 18%;
}
.fs-p-61 .fs-chin-band__copy {
  display: grid;
  gap: var(--fs-sp-6);
  align-content: center;
  padding: var(--fs-sp-13) var(--fs-gutter);
}
.fs-p-61 .fs-chin-band__lead { color: var(--fs-on-dark); }
.fs-p-61 .fs-chin-band__def {
  color: var(--fs-on-dark);
  opacity: 0.86;
}
.fs-p-61 .fs-chin-dx__head {
  display: inline-block;
  color: var(--fs-on-dark);
  font-weight: 700;
  border-block-end: 2px solid var(--fs-teal);
  padding-block-end: var(--fs-sp-1);
  justify-self: start;
}
.fs-p-61 .fs-chin-dx {
  display: grid;
  gap: 0;
  margin-block-start: calc(-1 * var(--fs-sp-2));
}
.fs-p-61 .fs-chin-dx__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
  column-gap: var(--fs-sp-5);
  padding-block: var(--fs-sp-4);
  border-block-end: 1px solid var(--fs-on-dark);
  color: var(--fs-on-dark);
  font-size: var(--fs-t-body);
  line-height: var(--fs-lh-body);
}
.fs-p-61 .fs-chin-dx__num {
  font-family: var(--fs-font-en);
  font-size: var(--fs-t-pill);
  font-weight: 700;
  color: var(--fs-teal-neon);
}
@media (min-width: 1024px) {
  .fs-p-61 .fs-chin-band__copy { padding-inline: clamp(40px, 4vw, 92px) var(--fs-gutter); }
}

/* ---------- 무턱 특징 4 --------------------------------------------------- */
.fs-p-61 .fs-chin-merit { margin-block-start: var(--fs-gap-title); }
.fs-p-61 .fs-chin-merit__item {
  display: grid;
  gap: var(--fs-sp-3);
  align-content: start;
  border-block-start: 2px solid var(--fs-teal);
  padding-block-start: var(--fs-sp-5);
}
.fs-p-61 .fs-chin-merit__num {
  font-family: var(--fs-font-en);
  font-size: var(--fs-t-num);
  font-weight: 700;
  line-height: 1;
  color: var(--fs-teal-text);
}
.fs-p-61 .fs-chin-merit__txt {
  font-size: var(--fs-t-lead);
  font-weight: 500;
  line-height: var(--fs-lh-body);
  color: var(--fs-ink);
}

/* ---------- 공통 마감 ----------------------------------------------------- */
.fs-p-61 .fs-chin-note {
  margin-block-start: var(--fs-sp-7);
  font-size: var(--fs-t-sm);
  color: var(--fs-muted-2);
  text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  .fs-p-61 .fs-chin-tx__tab { transition: none !important; }
}

/* ---------- 소소한 간격 유틸(인라인 style 회피) ---------------------------- */
.fs-p-61 .fs-chin-sub { margin-block-start: var(--fs-sp-5); color: var(--fs-muted); }
.fs-p-61 .fs-chin-block { margin-block-start: var(--fs-gap-title); }
.fs-p-61 .fs-chin-split { align-items: center; }

/* ══════════════════════════════════════════════════════════════════════════
   V70 「틀 안에서의 재구성」 — 2026-08-27 · 1차 배치
   섹션 순서·콘텐츠·문구는 그대로. 섹션 «내부» 구성만 바꾼다.
   근거·절차는 _design/V70-ROLLOUT.md · DESIGN_DECISIONS.md
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 락 정규화 ───────────────────────────────────────────────────────────
   <strong>/<b> 의 UA 기본값 bolder 는 부모 700 위에서 900 으로 계산된다.
   Pretendard 서브셋에 900 페이스가 없어 화면은 그대로이나 상한을 넘는다. */
.fs-p-61 strong,
.fs-p-61 b { font-weight: 700; }

/* ── 타이포 리듬 — 제목 뒤에 그어지는 짧은 선 ───────────────────────────
   ★ 초기 은닉을 :root.fs-js 로 걸면 안 된다. fs.js 는 첫 화면 안에 있던
     대상에 .fs-reveal 클래스 자체를 붙이지 않아 선이 영원히 안 그어진다. */
.fs-p-61 .fs-nose-head h2 { position: relative; }
.fs-p-61 .fs-nose-head h2::after {
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  margin-block-start: var(--fs-sp-4);
  background: var(--fs-teal);
  transform-origin: left center;
  transform: scaleX(1);
  transition: transform var(--fs-dur-slow) var(--fs-ease-out) .5s;
}
:root.fs-js .fs-p-61 h2.fs-reveal:not(.is-in)::after,
:root.fs-js .fs-p-61 .fs-reveal:not(.is-in) h2::after { transform: scaleX(0); }

/* ── 호버 — 프레임은 고정, 사진만 움직인다. 그림자는 쓰지 않는다 ───────── */
.fs-p-61 .fs-chin-who__photo,
.fs-p-61 .fs-chin-block figure { overflow: hidden; }
.fs-p-61 .fs-chin-who__photo img,
.fs-p-61 .fs-chin-block figure img { transition: transform var(--fs-dur-slow) var(--fs-ease-out); }
@media (hover: hover) and (pointer: fine) {
  .fs-p-61 .fs-chin-who__photo:hover img,
  .fs-p-61 .fs-chin-block li:hover figure img { transform: scale(1.045); }
}

@media (min-width: 1024px) {
  /* ── B · 다크 밴드 50:50 하드컷 → 비대칭 + 카피 패널이 사진 위로 겹친다 ──
     겹침은 PC 가로 방향으로만. 모바일 음수 세로 마진은 섹션을 끌어올린다.
     ※ --fs-split 은 인라인 style 로 박혀 있어 변수로는 못 덮는다.
       grid-template-columns 를 직접 지정해 명시도로 이긴다. */
  .fs-p-61 .fs-chin-band__grid {
    grid-template-columns: minmax(0, 56fr) minmax(0, 44fr);
  }
  .fs-p-61 .fs-chin-band__fig { position: relative; z-index: 1; }
  .fs-p-61 .fs-chin-band__copy {
    position: relative;
    z-index: 3;                                  /* .fs-section__bg 위, 사진 위 */
    margin-inline-start: clamp(-150px, -7.5vw, -75px);
    background: var(--fs-ink-band-2);            /* 겹치는 부분에서 글자가 사진에 묻지 않게 */
  }

  /* ── C · 좌 도해를 스티키 컬럼으로 (턱끝절골술 수술대상) ─────────────
     시안은 align-items:center 라 사진과 목록이 가운데서 만나는 정적 구성이다.
     사진을 고정하면 「조건 4가지」가 한 인물을 계속 참조하며 읽힌다. */
  .fs-p-61 #who .fs-chin-split { align-items: start; }
  .fs-p-61 #who .fs-chin-who__photo {
    position: sticky;
    top: calc(var(--fs-header-h) + var(--fs-sp-6));
  }

  /* ── D · 축 반전 (무턱 수술대상) ────────────────────────────────────
     #who 와 #mentum-who 가 둘 다 「좌 사진 / 우 목록」이라 같은 리듬이 반복된다.
     뒤쪽 축을 뒤집어 끊는다. */
  .fs-p-61 #mentum-who .fs-chin-split {
    grid-template-columns: minmax(0, 820fr) minmax(0, 520fr);
    align-items: start;
  }
  .fs-p-61 #mentum-who .fs-chin-who__photo { order: 2; position: sticky; top: calc(var(--fs-header-h) + var(--fs-sp-6)); }

  /* ── E · 흰 카드 상자 → 세로·가로 헤어라인 ──────────────────────────
     크림 밴드 위에 흰 카드가 반복되며 「상자의 나열」로 읽힌다.
     상자를 지우고 가는 선만 남기면 밀도가 오른다(그림자 0 원칙과 같은 방향). */
  /* ★ 대상은 «수술대상 번호 목록» 뿐이다. .fs-chin-block 은 「특징 4칸」에도 붙는데
     그쪽은 아이콘 + POINT 배지를 가진 카드 아키타입이라 헤어라인으로 바꿀 대상이 아니다.
     (처음엔 .fs-chin-block 전체를 잡아 특징 카드의 간격까지 줄였다) */
  .fs-p-61 .fs-chin-who__list.fs-chin-block { gap: 0; }
  .fs-p-61 .fs-chin-who__list.fs-chin-block > li {
    position: relative;
    background: transparent;
    padding: clamp(24px, 1.8vw, 40px) clamp(20px, 1.5vw, 34px);
  }
  .fs-p-61 .fs-grid--4.fs-chin-who__list > li:not(:nth-child(4n))::after,
  .fs-p-61 .fs-grid--2.fs-chin-who__list > li:not(:nth-child(2n))::after {
    content: "";
    position: absolute;
    inset-block: clamp(24px, 1.8vw, 40px);
    inset-inline-end: 0;
    width: 1px;
    background: var(--fs-line-input);
  }
  .fs-p-61 .fs-grid--4.fs-chin-who__list > li:nth-child(n+5)::before,
  .fs-p-61 .fs-grid--2.fs-chin-who__list > li:nth-child(n+3)::before {
    content: "";
    position: absolute;
    inset-inline: clamp(20px, 1.5vw, 34px);
    inset-block-start: 0;
    height: 1px;
    background: var(--fs-line-input);
  }
}

/* ==========================================================================
   ▼▼▼ 2026-09-14 · 카테고리 틴트 2단계 — 윤곽성형 = 아이보리 #F1EADC (fs.css «카테고리 틴트» 블록 + body.fs-cat-contour)
   공용 블록이 헤더 뒤 바탕·히어로 바탕·메뉴 안개(연한색 #FBF9F4)·글자 후광을 정한다. 여기서는 사진에 맞춘 «위치» 만.
   사진: i2i «인물·프레이밍 그대로, 왼쪽 #F1EADC → 모델 뒤 연한 민트 #DFF1E8 글로우(61 의 원래 배경 계열, 승인자 지시),
   gradually … wide feathered falloff, no split» → hero-model-duo(-mo).jpg (모바일은 데스크톱 결과의 크롭). 모델 오른쪽 → 왼→오 스크림(0 @56%). 킥커는 이미 teal-dk. 다음 섹션 #about 흰색(LOCK 4 OK).
   ========================================================================== */
.fs-p-61 .fs-chin-hero .fs-hero__bg::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(var(--fs-cat), .92) 0%, rgba(var(--fs-cat), .90) 26%, rgba(var(--fs-cat), .50) 44%, rgba(var(--fs-cat), 0) 56%);
}
@media (max-width: 1023px) {
  .fs-p-61 .fs-chin-hero .fs-hero__bg::after { content: none; }
  .fs-p-61 .fs-chin-hero .fs-hero__inner { background: var(--fs-cat-hex); }
}

/* ==========================================================================
   ▼▼▼ 2026-09-17 · 승인자 「이 히어로도 규정(81 코재수술 포맷)에 맞게」 — 영문 시술명 킥커 → 한글 시술명 제목 → 줄 → 리드(기존 한국어 문구).
   값은 81.css 1절: 킥커 21/500/.02em · 제목 58/700/1.22 · 요소 간격 10px · 줄 아래 8px · 리드 20/1.5/#111. 사진·위치·스크림은 그대로.
   ========================================================================== */
.fs-p-61 .fs-chin-hero .fs-hero__copy { gap: var(--fs-sp-3); }
.fs-p-61 .fs-chin-hero .fs-hero__kicker {
  font-family: inherit; font-size: clamp(15px, 13.5px + 0.42vw, 21px);
  letter-spacing: 0.02em; font-weight: 500; line-height: 1.25; color: var(--fs-teal-dk);
}
.fs-p-61 .fs-chin-hero .fs-hero__title {
  font-size: clamp(30px, 21.4px + 2.39vw, 58px);
  font-weight: 700; line-height: 1.22; color: var(--fs-ink);
}
.fs-p-61 .fs-chin-hero__rule { margin-block-end: var(--fs-sp-2); }
.fs-p-61 .fs-chin-hero .fs-chin-hero__tag { max-width: 34em; font-size: var(--fs-t-lead); font-weight: 400; line-height: 1.5; color: var(--fs-ink); }

/* ==========================================================================
   ▼▼▼ 2026-10-22 · 모바일 최적화(승인자 「홈페이지 전체적인 모바일 최적화 진행」) — 줄바꿈은 전 폭, 배치는 599px/767px/1023px 이하만.
   PC 요소 위치 무변화(1024·1440·1920 실측). 백업 _src/build/backup-61-1022-mo · 실측 _design/momeasure.py 360/390/540/768.
   · 정의 본문 <br> 문장 블록 1곳(360 「좌우됩니다.」 외톨이). balance: 리드 전부 · 술식 설명 · 무턱 정의 · 자가진단 문장(360 「… 것처럼 / 보입니다.」) · 무턱 술식 본문 · 주의문.
   · 특징 POINT 4장 <600: fs-grid--4 가 1열(정사각 카드 장당 ≈170~280px) → 2열(§2 A, 56 과 같은 처리 — 정사각 강제 해제).
     .fs-chin-block 은 수술대상 번호 목록(ol)에도 붙어 있어 ul.fs-grid--4 로만 잡는다.
   ========================================================================== */
.fs-p-61 .fs-lead__s { display: block; text-wrap: balance; }
.fs-p-61 .fs-nose-lead,
.fs-p-61 .fs-chin-tx__desc,
.fs-p-61 .fs-chin-band__def,
.fs-p-61 #mentum-method .fs-body,
.fs-p-61 .fs-chin-dx__item > span:last-child,
.fs-p-61 .fs-chin-note { text-wrap: balance; }
@media (max-width: 599px) {
  .fs-p-61 ul.fs-grid--4.fs-chin-block { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--fs-sp-4); }
  .fs-p-61 ul.fs-grid--4.fs-chin-block .fs-card--square { aspect-ratio: auto; padding: var(--fs-sp-6) var(--fs-sp-3); }
  .fs-p-61 ul.fs-grid--4.fs-chin-block .fs-card__caption { word-break: keep-all; text-wrap: balance; }
}