/* ==========================================================================
   assets/page/82.css — [82] 리프팅 재수술 전용
   모든 셀렉터는 .fs-p-82 스코프 안에만 둔다. 색은 --fs-* 토큰만 쓴다.
   전용 컴포넌트(.fs-lifting-revision-*)
     · zonemap  안면리프팅 4부위 지시선 도해
     · xsec     얼굴 5층 단면 지시선 도해
     · layers   층 아이콘 5연 라벨바 스트립
     · axis     박리범위·절개량·고정방법 3축 썸네일 슬라이더 (SIGNATURE)
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. 그리드 자식 최소폭 해제
   fs.css 의 `:where(.fs-grid,.fs-split,.fs-stack) > * { min-width:0 }` 는 이 페이지의
   전용 그리드에 걸리지 않는다. 자동 최소폭(min-width:auto)이 남아 있으면 캐러셀
   트랙(flex, nowrap)의 min-content 폭이 컬럼을 밀어 <1024px 에서 폭·높이가 폭주한다.
   -------------------------------------------------------------------------- */
.fs-p-82 :is(
  .fs-lifting-revision-types,
  .fs-lifting-revision-types__main,
  .fs-lifting-revision-zones,
  .fs-lifting-revision-target,
  .fs-lifting-revision-hard__list,
  .fs-lifting-revision-hard__item,
  .fs-lifting-revision-hard__pair,
  .fs-lifting-revision-layers,
  .fs-lifting-revision-axis__head,
  .fs-lifting-revision-axis__rail,
  .fs-lifting-revision-axis__slide,
  .fs-lifting-revision-steps,
  .fs-lifting-revision-steps__item
) > * { min-width: 0; }

/* --------------------------------------------------------------------------
   1. 셸 · A01 — 1mm 계열 «투명 헤더 + 모델 히어로» 첫 화면
   헤더를 흰 막대로 세우지 않고 히어로 사진 위에 그대로 얹는다. 히어로 상단은
   #15262D~#2F6A70 의 짙은 틸이라 흰 GNB 가 상단 100px 전 구간에서 6.4:1 이상이다.
   → fs.css 가 기본으로 깔아 두는 틴트·스크림은 이 페이지에서만 걷어낸다.
   -------------------------------------------------------------------------- */
.fs-p-82 {
  --fs-header-overlay-bg: transparent;
}
/* fs.css 기본 스크림(.42→.22→0)보다 훨씬 옅게 다시 깐다. 히어로를 위로 붙여도
   1280–1440px 에서는 모델 이마가 헤더 띠에 걸려 흰 GNB 가 4.4:1 까지 떨어진다.
   이 정도(.34→0)면 눈에는 안 보이면서 최악값이 5.0:1 로 올라간다. */
/* 오버레이 헤더 뒤에 실제로 깔리는 색을 선언해 둔다. 히어로 사진이 그 위를 전부
   덮으므로 화면은 그대로지만, (a) 사진 로딩 전 흰 번쩍임이 사라지고 (b) qa.py 가
   흰 GNB 의 배경을 «흰 body» 로 잘못 잡아 1:1 로 오판하던 것이 사라진다. */
.fs-p-82 .fs-page--overlay { background: #2D2421; }   /* 2026-09-11 토프 — 히어로 사진과 같은 함수로 옮긴 값 (청록 #15262D) */
/* 2026-09-11 승인자 지시 「56 처럼 상단 메뉴바 그라디에이션」 — 위 검정 .34 스크림은 «눈에 안 보이게»
   가 목적이었고 실제로 안 보였다(띠 밝기 Δ4). 보이는 효과는 밝은 안개뿐이라 80 과 같은 흰 알파
   .30 으로 간다. 높이는 fs.css 기본(헤더 1.6배)으로 되돌린다. */
/* .30 이면 1440~1920 에서 fs-gnb__link 가 모델 이마 위에서 4.44~4.49 로 AA 를 0.05 놓친다(pixcontrast).
   .22 로 낮춰 4.5 를 넘긴다 — 80 보다 사진 상단이 밝아(37 vs 20) 안개는 같은 정도로 보인다. */
/* 줌아웃(위 블록) 뒤에는 메뉴 글자가 사진이 아니라 평평한 배경 위에 앉으므로 .22 로 낮췄던 안개를
   80 과 같은 .30 으로 되돌린다 — 「56 처럼」 보이려면 이 정도는 돼야 한다(pixcontrast 재실측). */
.fs-p-82 .fs-header--overlay::before { background: linear-gradient(180deg, rgba(255,255,255,.30) 0%, rgba(255,255,255,.15) 55%, rgba(255,255,255,0) 100%); }
.fs-p-82 .fs-gnb__link { font-weight: 400; opacity: .92; }
.fs-p-82 .fs-gnb__link:hover,
.fs-p-82 .fs-gnb__link:focus-visible { opacity: 1; }
.fs-p-82 .fs-util__link { opacity: .8; }
.fs-p-82 .fs-util__link:hover { opacity: 1; }
.fs-p-82 .fs-util__sep { opacity: .3; }
/* 드로어는 흰 패널이므로 버거만 흰색이면 된다(오버레이 헤더 currentColor) */

.fs-p-82 .fs-lifting-revision-hero .fs-hero__bg picture { display: block; width: 100%; height: 100%; }
/* 세로 크롭은 «위 고정». 가운데로 두면 1600px 에서 모델 이마가 정확히 헤더 띠에
   올라와 흰 GNB 가 1.3:1 이 된다(실측). 위로 붙이면 최악이 4.4:1 로 바뀐다. */
.fs-p-82 .fs-lifting-revision-hero .fs-hero__bg img { object-position: 50% 0%; }
/* 좌측 카피 자리만 한 겹 더 눌러 준다. 모델(우측 42%)에는 닿지 않는다. */
.fs-p-82 .fs-lifting-revision-hero::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(100deg,
    rgba(47, 38, 34, .46) 0%,
    rgba(47, 38, 34, .28) 34%,
    rgba(47, 38, 34, 0) 58%);   /* 2026-09-11 토프 (청록 rgba(9,42,47)) */
}
.fs-p-82 .fs-lifting-revision-hero .fs-hero__copy { max-width: 34rem; justify-self: start; }
.fs-p-82 .fs-lifting-revision-hero .fs-hero__kicker {
  font-family: var(--fs-font-en); letter-spacing: 0.22em; font-weight: 400;
  font-size: clamp(13px, 11.7px + 0.36vw, 19px);
  color: var(--fs-teal-neon);   /* 2026-09-11 토프 — #97796E 는 다크 밴드 위 3:1 라 밝은 단계로 */
}
.fs-p-82 .fs-lifting-revision-hero .fs-hero__title { font-weight: 600; }
.fs-p-82 .fs-lifting-revision-hero__lead {
  font-size: var(--fs-t-lead); line-height: 1.6; color: rgba(255, 255, 255, .88);
}

/* <1024px — 히어로 박스가 가로로 길어져 오버레이로는 카피와 모델이 겹친다.
   카피를 짙은 틸 밴드로 위에 쌓고 세로 크롭 사진을 아래에 붙인다. 밴드 끝 색
   #465D60 은 사진이 실제로 드러내는 첫 행(원본 y=484) 평균색이라 이음매가 없다. */
@media (max-width: 1023px) {
  .fs-p-82 .fs-lifting-revision-hero { min-height: 0; background: #605550; }   /* 2026-09-11 토프 (청록 #46605F) */
  .fs-p-82 .fs-lifting-revision-hero::after { content: none; }
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__bg {
    position: static; inset: auto; z-index: 0; grid-row: 2;
  }
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__bg,
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__bg img { transform: none !important; }
  /* 사진 윗단을 밴드 색으로 녹여 이음매를 없앤다. 밴드 끝 색은 x 축에 따라 10단계쯤
     흔들려서 «딱 맞는 한 색»이 없다 — 페이드가 유일하게 안전한 방법이다. */
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__bg img {
    height: auto; aspect-ratio: 1 / 1; object-position: 50% 100%;
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 96px);
            mask-image: linear-gradient(180deg, transparent 0, #000 96px);
  }
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__inner {
    grid-row: 1;
    /* background-color 를 따로 선언한다 — 그라데이션만 두면 qa.py 가 밴드 색을
       못 읽고 아래 .fs-hero 의 #46605F 로 킥커 대비를 2.97:1 로 오판한다.
       #22343A 는 킥커가 실제로 앉는 높이의 밴드 색이다(#49BCBD 대비 6.4:1). */
    background-color: #3A2F2C;   /* 2026-09-11 토프 (청록 #22343A) */
    background-image: linear-gradient(180deg, #2D2421 0%, #473B36 58%, #605550 100%);
    padding-block: calc(var(--fs-header-h) + var(--fs-sp-9)) var(--fs-sp-11);
  }
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__copy { max-width: 100%; }
}
@media (max-width: 599px) {
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__title { font-size: clamp(30px, 25.7px + 1.19vw, 34px); }
}

/* --------------------------------------------------------------------------
   2. A05 · 닥터스 SAY — 좌 인물 3컷 / 우 발언
   -------------------------------------------------------------------------- */
/* 라벨바는 사진에 붙어야 한다 — gap 을 두면 바가 사진에서 떠 버린다 */
.fs-p-82 .fs-lifting-revision-say__media { display: grid; gap: 0; align-content: start; }
.fs-p-82 .fs-lifting-revision-say__media .fs-labelbar { display: grid; gap: 2px; padding-block: var(--fs-sp-4); }
.fs-p-82 .fs-lifting-revision-say__spec {
  font-size: var(--fs-t-sm); font-weight: 400; letter-spacing: -0.02em; opacity: .82;
}
.fs-p-82 .fs-lifting-revision-say__pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--fs-gap-card); }
.fs-p-82 .fs-lifting-revision-say__media img { display: block; width: 100%; height: auto; }
.fs-p-82 .fs-lifting-revision-say__body { align-self: center; }
.fs-p-82 .fs-lifting-revision-say__body > * + * { margin-block-start: var(--fs-sp-5); }
.fs-p-82 .fs-lifting-revision-say__name { margin-block-start: var(--fs-sp-3); }
.fs-p-82 .fs-lifting-revision-say__en {
  font-family: var(--fs-font-en); letter-spacing: 0.08em;
  margin-block-start: var(--fs-sp-1);
}
.fs-p-82 .fs-lifting-revision-say__quote {
  margin-block: var(--fs-sp-7);
  padding-inline-start: var(--fs-sp-6);
  border-inline-start: 2px solid var(--fs-teal);
}

/* --------------------------------------------------------------------------
   3. A03 · 얼굴의 구조 — 원본 도해에 구워져 있던 라벨을 HTML 로 다시 조판
   도해는 비율이 고정이라 % 좌표가 어느 폭에서도 지시선 끝과 맞는다.
   -------------------------------------------------------------------------- */
.fs-p-82 .fs-lifting-revision-anat {
  max-width: 760px; margin-inline: auto;
  background: var(--fs-white);
  padding: var(--fs-sp-5) clamp(60px, 14%, 128px);
}
.fs-p-82 .fs-lifting-revision-anat__img { position: relative; display: block; }
.fs-p-82 .fs-lifting-revision-anat__img img { display: block; width: 100%; height: auto; }
.fs-p-82 .fs-lifting-revision-anat__lab {
  position: absolute; transform: translateY(-50%); white-space: nowrap;
  font-size: clamp(11px, 9.3px + 0.481vw, 19px);
  font-weight: 700; color: var(--fs-ink); line-height: 1;
}
.fs-p-82 .fs-lifting-revision-anat__lab--lig   { inset-inline-end: 100%;   inset-block-start: 57%;   padding-inline-end: var(--fs-sp-3); }
.fs-p-82 .fs-lifting-revision-anat__lab--front { inset-inline-start: 100%; inset-block-start: 40.5%; padding-inline-start: var(--fs-sp-3); }
.fs-p-82 .fs-lifting-revision-anat__lab--side  { inset-inline-start: 100%; inset-block-start: 57.5%; padding-inline-start: var(--fs-sp-3); }

.fs-p-82 .fs-lifting-revision-zones { display: grid; gap: var(--fs-gap-card); }
@media (min-width: 600px) { .fs-p-82 .fs-lifting-revision-zones { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fs-p-82 .fs-lifting-revision-zone { background: var(--fs-white); display: grid; align-content: start; }
.fs-p-82 .fs-lifting-revision-zone__fig { display: grid; }
.fs-p-82 .fs-lifting-revision-zone__shot { position: relative; display: block; }
.fs-p-82 .fs-lifting-revision-zone__shot img { display: block; width: 100%; height: auto; }
/* 지시선은 사진에 굽지 않고 SVG 로 얹는다 — viewBox 는 사진 크롭(3:2)과 같은 비율이라
   preserveAspectRatio 를 꺼도 어느 폭에서든 좌표가 어긋나지 않는다. */
.fs-p-82 .fs-lifting-revision-zone__mark {
  position: absolute; inset: 0; width: 100%; height: 100%;
  fill: none; stroke: var(--fs-teal-dk); stroke-width: 4; stroke-linecap: round;
}
.fs-p-82 .fs-lifting-revision-zone__list { display: grid; gap: var(--fs-sp-2); padding: var(--fs-sp-6); }
.fs-p-82 .fs-lifting-revision-zone__list li {
  position: relative; padding-inline-start: var(--fs-sp-4);
  font-size: var(--fs-t-body); line-height: var(--fs-lh-body); color: var(--fs-ink-soft);
}
.fs-p-82 .fs-lifting-revision-zone__list li::before {
  content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0.7em;
  width: 5px; height: 5px; background: var(--fs-teal-dk);
}

/* 주름의 원인 — A07 룰 카드 + 원인 선그림 */
.fs-p-82 .fs-lifting-revision-why { margin-block-start: var(--fs-sp-13); }
.fs-p-82 .fs-lifting-revision-why__head { margin-block-end: var(--fs-sp-9); }
.fs-p-82 .fs-lifting-revision-why__grid {
  display: grid; gap: var(--fs-gap-card);
  margin-block-start: 1.7rem;   /* 카드 위로 절반 걸치는 번호 배지 자리 */
}
@media (min-width: 768px) {
  .fs-p-82 .fs-lifting-revision-why__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.fs-p-82 .fs-lifting-revision-why__card {
  position: relative; display: grid; align-content: start;
  background: var(--fs-white); padding-block-end: var(--fs-sp-7);
}
.fs-p-82 .fs-lifting-revision-why__badge {
  position: absolute; z-index: 2;
  inset-block-start: 0; inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  width: 3.4rem; height: 3.4rem; border-radius: var(--fs-radius-round);
  display: grid; place-items: center;
  background: var(--fs-ink); color: var(--fs-white);
  font-family: var(--fs-font-en); font-size: var(--fs-t-sm); font-weight: 700; letter-spacing: .04em;
}
.fs-p-82 .fs-lifting-revision-why__fig { display: grid; }
.fs-p-82 .fs-lifting-revision-why__fig img { display: block; width: 100%; height: auto; }
.fs-p-82 .fs-lifting-revision-why__desc {
  padding: var(--fs-sp-6) var(--fs-sp-6) 0; color: var(--fs-ink-soft);
}

/* --------------------------------------------------------------------------
   4. A17 · 안면리프팅 종류 — 좌 부위 지시선 도해 / 우 번호 서술 캐러셀
   -------------------------------------------------------------------------- */
.fs-p-82 .fs-lifting-revision-types { display: grid; gap: var(--fs-gap-col); margin-block-start: var(--fs-gap-title); }
@media (min-width: 1024px) {
  .fs-p-82 .fs-lifting-revision-types { grid-template-columns: minmax(0, 430fr) minmax(0, 930fr); align-items: start; }
}
.fs-p-82 .fs-lifting-revision-zonemap__stage { position: relative; display: block; padding-inline-end: 8.6em; }
.fs-p-82 .fs-lifting-revision-zonemap__img { display: block; }
.fs-p-82 .fs-lifting-revision-zonemap__img img { display: block; width: 100%; height: auto; }
.fs-p-82 .fs-lifting-revision-zonemap__lab {
  position: absolute; inset-inline-end: 0; inset-block-start: var(--fs-y);
  transform: translateY(-50%); width: 8.2em;
  font-size: var(--fs-t-sm); font-weight: 700; line-height: 1.35; color: var(--fs-ink);
}
@media (max-width: 767px) {
  .fs-p-82 .fs-lifting-revision-zonemap__stage {
    padding-inline-end: 0; display: flex; flex-wrap: wrap; gap: var(--fs-sp-2);
  }
  .fs-p-82 .fs-lifting-revision-zonemap__img { flex: 0 0 100%; }
  .fs-p-82 .fs-lifting-revision-zonemap__lab {
    position: static; transform: none; width: auto;
    padding: var(--fs-sp-2) var(--fs-sp-4); background: var(--fs-cream-2);
  }
  .fs-p-82 .fs-lifting-revision-zonemap__lab br { display: none; }
}

.fs-p-82 .fs-lifting-revision-type__fig { display: grid; }
.fs-p-82 .fs-lifting-revision-type__box {
  display: block; overflow: hidden; aspect-ratio: 3 / 2; background: var(--fs-white);
}
.fs-p-82 .fs-lifting-revision-type__box img { display: block; width: 100%; height: 100%; object-fit: contain; }
.fs-p-82 .fs-lifting-revision-type__body { margin-block-start: var(--fs-sp-7); }
@media (min-width: 768px) {
  .fs-p-82 .fs-lifting-revision-types__main .fs-carousel__slide {
    display: grid; grid-template-columns: minmax(0, 440fr) minmax(0, 480fr);
    column-gap: var(--fs-gap-col); align-items: center;
  }
  .fs-p-82 .fs-lifting-revision-type__body { margin-block-start: 0; }
}
.fs-p-82 .fs-lifting-revision-type__body > * + * { margin-block-start: var(--fs-sp-4); }
.fs-p-82 .fs-lifting-revision-type__body .fs-body { margin-block-start: var(--fs-sp-5); }

.fs-p-82 .fs-lifting-revision-types__rail {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--fs-sp-3); margin-block-start: var(--fs-sp-8);
}
@media (min-width: 600px) { .fs-p-82 .fs-lifting-revision-types__rail { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fs-p-82 .fs-lifting-revision-types__rail .fs-carousel__dot {
  width: auto; aspect-ratio: auto; border-radius: var(--fs-radius-0);
  background: none; background-image: none; box-shadow: none;
  display: grid; gap: var(--fs-sp-2); padding-block-end: var(--fs-sp-3);
  border-block-end: 2px solid var(--fs-line);
  color: var(--fs-muted); font-size: var(--fs-t-sm); font-weight: 500; text-align: center;
}
.fs-p-82 .fs-lifting-revision-types__rail .fs-carousel__dot.is-active {
  width: auto; background: none; background-image: none; box-shadow: none;
  color: var(--fs-ink); font-weight: 700; border-block-end-color: var(--fs-teal-dk);
}
.fs-p-82 .fs-lifting-revision-types__thumb { display: block; overflow: hidden; aspect-ratio: 3 / 2; background: var(--fs-white); }
.fs-p-82 .fs-lifting-revision-types__thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }

/* --------------------------------------------------------------------------
   5. A23 · 리프팅 재수술 대상
   -------------------------------------------------------------------------- */
.fs-p-82 .fs-lifting-revision-target { display: grid; gap: var(--fs-gap-card); margin-block-start: var(--fs-gap-title); }
@media (min-width: 600px)  { .fs-p-82 .fs-lifting-revision-target { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .fs-p-82 .fs-lifting-revision-target { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fs-p-82 .fs-lifting-revision-target__item {
  display: grid; gap: var(--fs-sp-4); align-content: start; justify-items: start;
  background: var(--fs-white); padding: var(--fs-sp-7) var(--fs-sp-6);
  border-block-start: 2px solid var(--fs-teal);
}
.fs-p-82 .fs-lifting-revision-target__no {
  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-82 .fs-lifting-revision-target__fig { display: block; }
.fs-p-82 .fs-lifting-revision-target__fig img { display: block; width: 94px; height: 94px; }

/* --------------------------------------------------------------------------
   6. A09 · 다크 스테이트먼트 — 리프팅 재수술이 어려운 이유
   고스트 사진(D6)으로 다크 밴드의 질감을 만든다.
   -------------------------------------------------------------------------- */
.fs-p-82 .fs-lifting-revision-ghost img { opacity: 0.15; object-position: 50% 22%; }
.fs-p-82 .fs-lifting-revision-hard__list { display: grid; gap: var(--fs-sp-11); }
.fs-p-82 .fs-lifting-revision-hard__item { display: grid; gap: var(--fs-sp-5); align-items: start; }
@media (min-width: 600px) {
  .fs-p-82 .fs-lifting-revision-hard__item { grid-template-columns: auto minmax(0, 1fr); column-gap: var(--fs-sp-7); }
}
.fs-p-82 .fs-lifting-revision-hard__ico { display: block; }
.fs-p-82 .fs-lifting-revision-hard__ico img { display: block; width: 78px; height: 78px; }
.fs-p-82 .fs-lifting-revision-hard__txt { display: grid; justify-items: start; gap: var(--fs-sp-4); }
.fs-p-82 .fs-lifting-revision-hard__sym {
  display: grid; gap: var(--fs-sp-4);
  margin-block-start: var(--fs-sp-3); padding-inline-start: var(--fs-sp-5);
  border-inline-start: 2px solid var(--fs-teal);
}
.fs-p-82 .fs-lifting-revision-hard__sym li {
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  gap: var(--fs-sp-4); align-items: center;
  font-size: var(--fs-t-body); line-height: var(--fs-lh-body);
}
.fs-p-82 .fs-lifting-revision-hard__symico { display: block; }
.fs-p-82 .fs-lifting-revision-hard__symico img { display: block; width: 46px; height: 46px; }
.fs-p-82 .fs-lifting-revision-hard__pair { display: grid; gap: var(--fs-gap-card); margin-block-start: var(--fs-sp-12); }
@media (min-width: 600px) { .fs-p-82 .fs-lifting-revision-hard__pair { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fs-p-82 .fs-lifting-revision-hard__cell {
  display: grid; gap: var(--fs-sp-4); align-content: start; justify-items: start;
  border-block-start: 2px solid var(--fs-teal); padding-block-start: var(--fs-sp-5);
}
.fs-p-82 .fs-lifting-revision-hard__cellico { display: block; }
.fs-p-82 .fs-lifting-revision-hard__cellico img { display: block; width: 66px; height: 66px; }

/* --------------------------------------------------------------------------
   7. A04 · 진행방법 — 단면 지시선 라벨 재조판 + 5층 스트립
   -------------------------------------------------------------------------- */
.fs-p-82 .fs-lifting-revision-xsec { margin-block-start: var(--fs-gap-title); }
.fs-p-82 .fs-lifting-revision-xsec__stage { position: relative; display: block; max-width: 1080px; margin-inline: auto; }
.fs-p-82 .fs-lifting-revision-xsec__stage img { display: block; width: 100%; height: auto; }
.fs-p-82 .fs-lifting-revision-xsec__lab { display: none; }
@media (min-width: 600px) {
  .fs-p-82 .fs-lifting-revision-xsec__lab {
    display: block; position: absolute;
    inset-inline-start: 38.2%; inset-block-start: var(--fs-y);
    transform: translate(-50%, -50%); white-space: nowrap;
    padding-inline: var(--fs-sp-1); background: var(--fs-white);
    font-size: clamp(12px, 9.6px + 0.641vw, 22px);
    font-weight: 700; line-height: 1; color: var(--fs-ink);
  }
}
.fs-p-82 .fs-lifting-revision-layers {
  display: grid; gap: var(--fs-gap-card);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-block-start: var(--fs-gap-title);
}
@media (min-width: 768px) { .fs-p-82 .fs-lifting-revision-layers { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.fs-p-82 .fs-lifting-revision-layer { background: var(--fs-cream-2); display: grid; align-content: start; }
.fs-p-82 .fs-lifting-revision-layer__no {
  font-family: var(--fs-font-en); font-size: var(--fs-t-sm); font-weight: 700;
  color: var(--fs-teal-text); padding: var(--fs-sp-4) var(--fs-sp-4) 0;
}
.fs-p-82 .fs-lifting-revision-layer__fig { display: block; }
.fs-p-82 .fs-lifting-revision-layer__fig img {
  display: block; width: 100%; max-width: 148px; height: auto;
  margin-inline: auto; padding-block: var(--fs-sp-2) var(--fs-sp-4);
}
.fs-p-82 .fs-lifting-revision-method__note { margin-block-start: var(--fs-gap-title); max-width: 62rem; }

/* --------------------------------------------------------------------------
   8. A10 · 다크 비교 밴드
   기본 .fs-compare 는 <1024 에서 좌열을 통째로 숨긴다. 이 페이지는 대비 자체가
   내용이라 모바일에서 세로로 쌓아 되살린다.
   -------------------------------------------------------------------------- */
.fs-p-82 .fs-lifting-revision-cmp .fs-nose-compare__head { gap: var(--fs-sp-8); }
@media (max-width: 1023px) {
  .fs-p-82 .fs-lifting-revision-cmp .fs-nose-compare__group--left { display: flex; }
  .fs-p-82 .fs-lifting-revision-cmp .fs-compare__row { grid-template-columns: minmax(0, 1fr); }
  .fs-p-82 .fs-lifting-revision-cmp .fs-compare__cell--left {
    display: flex; justify-content: flex-start; text-align: start;
    padding-inline: var(--fs-sp-5);
  }
  .fs-p-82 .fs-lifting-revision-cmp .fs-compare__cell--label { order: -1; }
}

/* --------------------------------------------------------------------------
   9. ★ SIGNATURE — 박리범위 · 절개량 · 고정방법 3축 썸네일 슬라이더
   캐러셀 도트를 썸네일 탭(축 레일)으로 다시 세운다. 탭을 넘기면 도해와 원문
   설명이 함께 바뀐다.
   -------------------------------------------------------------------------- */
.fs-p-82 .fs-lifting-revision-axis { margin-block-start: var(--fs-gap-title); }
.fs-p-82 .fs-lifting-revision-axis__head {
  display: grid; gap: var(--fs-sp-5); align-items: end;
  margin-block-end: var(--fs-sp-9);
}
@media (min-width: 768px) { .fs-p-82 .fs-lifting-revision-axis__head { grid-template-columns: minmax(0, 1fr) auto; } }
.fs-p-82 .fs-lifting-revision-axis__rail {
  display: grid; grid-template-columns: minmax(0, 1fr);
  gap: var(--fs-sp-3); margin-block-start: 0;
}
@media (min-width: 768px) {
  .fs-p-82 .fs-lifting-revision-axis__rail { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.fs-p-82 .fs-lifting-revision-axis__rail .fs-carousel__dot {
  width: auto; aspect-ratio: auto; border-radius: var(--fs-radius-0);
  background: none; background-image: none; box-shadow: none;
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  align-items: center; gap: var(--fs-sp-4);
  padding: var(--fs-sp-3) var(--fs-sp-3) var(--fs-sp-4);
  border-block-end: 2px solid var(--fs-line);
  color: var(--fs-muted); font-size: var(--fs-t-sub); font-weight: 500; text-align: start;
}
.fs-p-82 .fs-lifting-revision-axis__rail .fs-carousel__dot.is-active {
  width: auto; background: var(--fs-white); background-image: none; box-shadow: none;
  color: var(--fs-ink); font-weight: 700; border-block-end-color: var(--fs-teal-dk);
}
.fs-p-82 .fs-lifting-revision-axis__thumb { display: block; width: 58px; aspect-ratio: 1; overflow: hidden; }
.fs-p-82 .fs-lifting-revision-axis__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fs-p-82 .fs-lifting-revision-axis__tabtxt { display: grid; gap: 2px; min-width: 0; }
.fs-p-82 .fs-lifting-revision-axis__no {
  font-family: var(--fs-font-en); font-size: var(--fs-t-xs);
  font-weight: 700; letter-spacing: 0.06em; color: var(--fs-teal-text);
}
.fs-p-82 .fs-lifting-revision-axis__viewport { overflow: hidden; }
.fs-p-82 .fs-lifting-revision-axis__track { display: flex; }
.fs-p-82 .fs-lifting-revision-axis__slide { display: grid; gap: var(--fs-gap-col); align-content: start; }
.fs-p-82 .fs-lifting-revision-axis__fig { display: grid; align-content: start; }
.fs-p-82 .fs-lifting-revision-axis__fig img { display: block; width: 100%; height: auto; }
.fs-p-82 .fs-lifting-revision-axis__body > * + * { margin-block-start: var(--fs-sp-4); }
.fs-p-82 .fs-lifting-revision-axis__body .fs-body { margin-block-start: var(--fs-sp-5); }
.fs-p-82 .fs-lifting-revision-axis__key {
  margin-block-start: var(--fs-sp-6);
  padding-inline-start: var(--fs-sp-5);
  border-inline-start: 2px solid var(--fs-teal);
}
@media (min-width: 1024px) {
  .fs-p-82 .fs-lifting-revision-axis__slide {
    grid-template-columns: minmax(0, 512fr) minmax(0, 848fr);
    column-gap: var(--fs-sp-12); align-items: center;
  }
}

/* 유지인대의 절제와 거상 — 5단계 도해 + 라벨 재조판 */
.fs-p-82 .fs-lifting-revision-lig { margin-block-start: var(--fs-sp-13); }
.fs-p-82 .fs-lifting-revision-lig__top { align-items: center; }
.fs-p-82 .fs-lifting-revision-lig__fig { display: grid; align-content: start; }
.fs-p-82 .fs-lifting-revision-lig__top img { display: block; width: 100%; height: auto; }
.fs-p-82 .fs-lifting-revision-lig__legend { display: flex; flex-wrap: wrap; gap: var(--fs-sp-2); margin-block-start: var(--fs-sp-5); }
.fs-p-82 .fs-lifting-revision-steps {
  display: grid; gap: var(--fs-gap-card);
  grid-template-columns: minmax(0, 1fr); margin-block-start: var(--fs-sp-11);
}
@media (min-width: 600px)  { .fs-p-82 .fs-lifting-revision-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .fs-p-82 .fs-lifting-revision-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.fs-p-82 .fs-lifting-revision-steps__item {
  display: grid; gap: var(--fs-sp-4); align-content: start;
  background: var(--fs-white); padding: var(--fs-sp-4);
}
.fs-p-82 .fs-lifting-revision-steps__fig { display: grid; min-width: 0; }
.fs-p-82 .fs-lifting-revision-steps__fig img { display: block; width: 100%; height: auto; }
.fs-p-82 .fs-lifting-revision-steps__cap { font-size: var(--fs-t-body); line-height: var(--fs-lh-body); }

/* --------------------------------------------------------------------------
   10. 모션 무효화 — 새로 넣은 전환은 reduced-motion 에서 최종 상태로 고정
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .fs-p-82 .fs-lifting-revision-axis__rail .fs-carousel__dot,
  .fs-p-82 .fs-lifting-revision-types__rail .fs-carousel__dot { transition: none !important; }
}

/* ── 2026-08-27 · VIBE LOCK 5 — 6번째 A09 선언 밴드를 밝은 밴드로 ─────────────
   8번째 A10 「다크 비교 밴드」(fs-nose-compare-sec)는 확정 시안 57 이 단일 다크 밴드로
   쓰는 아키타입이라 그대로 두고, 6번째를 내렸다.
   HTML 쪽 변경: fs-section--ink 제거 · 아이콘 8개를 -dk 짝에서 밝은 밴드용으로 교체 ·
                 fs-kicker--light 해제.
   band-ghost.jpg 는 평균 휘도 34 의 어두운 사진이라 흰 밴드를 통째로 회색으로 덮는다.
   질감만 남기고 밴드는 흰색으로 읽히게 낮춘다. */
.fs-p-82 .fs-lifting-revision-hard .fs-section__bg img { opacity: .07; }


/* ══════════════════════════════════════════════════════════════════════════
   2026-08-27 · 진단·수정 패스 (QA/82.md)
   ══════════════════════════════════════════════════════════════════════════ */

/* --------------------------------------------------------------------------
   A. [LOCK 2 · 폭] 「안면리프팅 부위」 라벨바가 도해보다 138px 넓다
   실측(1920): 바 443px / 도해 305px. .__stage 의 padding-inline-end: 8.6em 이
   지시선 라벨 자리를 만들면서 도해만 좁아지는데, figcaption 은 figure 직계라
   그 여백까지 덮어 「띠가 그림 밖으로 흘러나온」 모양이 된다.
   vibecheck 의 L2 는 margin-top·border-top 만 재므로 이 항목을 잡지 못한다.
   → figure 를 «도해 열 + 라벨 열» 2열 그리드로 세우고 바를 도해 열에만 둔다.
     8.6em 은 figure 와 __stage 가 같은 폰트크기를 상속하므로 값이 정확히 맞는다.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) {
  .fs-p-82 .fs-lifting-revision-zonemap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 8.6em;
    grid-template-rows: auto auto;
  }
  .fs-p-82 .fs-lifting-revision-zonemap__stage { grid-column: 1 / -1; grid-row: 1; }
  .fs-p-82 .fs-lifting-revision-zonemap > .fs-labelbar { grid-column: 1; grid-row: 2; }
}

/* --------------------------------------------------------------------------
   B. [접근성] 해부도 지시선 라벨이 360px 에서 11.03px
   clamp 하한만 12px 로 올린다. 561px 이상에서는 기존 램프를 그대로 타므로
   PC 조판은 1px 도 바뀌지 않는다.
   -------------------------------------------------------------------------- */
.fs-p-82 .fs-lifting-revision-anat__lab { font-size: clamp(12px, 9.3px + 0.481vw, 19px); }

/* --------------------------------------------------------------------------
   C. [V70 · D] 인접한 두 도해가 같은 쪽에 선다 — 축 반전
   S3 얼굴의 구조(도해 좌) 바로 다음 S4 안면리프팅 종류(도해 좌)로 같은 리듬이
   두 번 반복된다. S4 를 「캐러셀 좌 / 부위 도해 우」로 뒤집어 축을 번갈아 놓는다.
   DOM 순서는 그대로다(도해 → 캐러셀) — 스크린리더 순서와 R1 은 영향받지 않는다.
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  .fs-p-82 .fs-lifting-revision-types { grid-template-columns: minmax(0, 930fr) minmax(0, 430fr); }
  .fs-p-82 .fs-lifting-revision-types__main { order: 1; }
  .fs-p-82 .fs-lifting-revision-zonemap     { order: 2; }
}

/* 같은 이유로 S9 안쪽 — AXIS 슬라이드(도해 좌) 바로 아래 유지인대 블록(도해 좌)이
   같은 분할을 두 번 쌓는다. 유지인대 쪽 축을 뒤집는다. */
@media (min-width: 1024px) {
  .fs-p-82 .fs-lifting-revision-lig__top { grid-template-columns: minmax(0, 848fr) minmax(0, 512fr); }
  .fs-p-82 .fs-lifting-revision-lig__fig { order: 2; }
}

/* --------------------------------------------------------------------------
   D. [V70 · E] 「리프팅 재수술 대상」 4장 — 크림 밴드 위 흰 상자 → 헤어라인 열
   크림 위에 같은 크기의 흰 상자 4개가 나란해 「상자의 나열」로 읽힌다.
   상자를 지우고 틸 2px 머리선만 남기면 같은 섹션의 A09 「정적/동적인 수술」 짝과
   같은 어휘가 되어 페이지 안에서 반복이 리듬으로 바뀐다.
   아이콘 4종은 전부 투명 PNG 라 크림 위에서 그대로 읽힌다.
   틸트는 걸려 있지 않으므로 53 의 광택 얼룩 함정에 해당하지 않는다.
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  .fs-p-82 .fs-lifting-revision-target { gap: var(--fs-gap-col); }
  .fs-p-82 .fs-lifting-revision-target__item {
    background: transparent;
    padding: var(--fs-sp-5) 0 0;
  }
}

/* --------------------------------------------------------------------------
   E. [구조] A05 닥터스 SAY — 1440px 한 줄짜리 본문
   본문 측정폭이 컨테이너 전폭(1440px)이라 한 줄에 한글 100자가 넘었고,
   사진이 없는 섹션이라 「긴 글 한 덩어리」로 읽혔다.
   문구는 그대로 두고 「킥커+제목 / 본문」 2열로 세워 측정폭을 865px 로 줄인다.
   -------------------------------------------------------------------------- */
.fs-p-82 .fs-lifting-revision-say__head { align-self: start; }

/* --------------------------------------------------------------------------
   F. [마이크로] 섹션 제목 뒤 70px 틸 선 — 제목이 올라온 뒤 delay .5s 로 scaleX(0→1)
   ★ 「.is-in 이면 보이기」로 짜면 안 된다. fs.js 는 첫 화면 안에 있던 대상에는
     .fs-reveal 클래스 자체를 붙이지 않아 첫 화면 제목의 선이 영원히 안 그어진다.
     기본을 «그어진 상태» 로 두고 .fs-reveal:not(.is-in) 에만 초기 은닉을 건다.
   다크 밴드 대제목(.fs-nose-compare-title)은 7개 페이지가 공유하는 A10 아키타입이라
   대상에서 뺀다.
   -------------------------------------------------------------------------- */
.fs-p-82 .fs-nose-head > h2,
.fs-p-82 .fs-nose-head > h3,
.fs-p-82 .fs-sec-head__title,
.fs-p-82 .fs-lifting-revision-say__name,
.fs-p-82 .fs-mega { position: relative; }

.fs-p-82 .fs-nose-head > h2::after,
.fs-p-82 .fs-nose-head > h3::after,
.fs-p-82 .fs-sec-head__title::after,
.fs-p-82 .fs-lifting-revision-say__name::after,
.fs-p-82 .fs-mega::after {
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  margin-block-start: var(--fs-sp-4);
  background: var(--fs-teal);
  transform: scaleX(1);
  transform-origin: left center;
  transition: transform var(--fs-dur-slow) var(--fs-ease-out) .5s;
}
:root.fs-js .fs-p-82 :is(h2, h3).fs-reveal:not(.is-in)::after,
:root.fs-js .fs-p-82 .fs-reveal:not(.is-in) :is(h2, h3)::after { transform: scaleX(0); }

/* --------------------------------------------------------------------------
   G. [마이크로] 호버 — 프레임은 고정, 사진만 scale(1.045). 그림자는 쓰지 않는다.
   대상은 «탭으로 쓰이는 썸네일» 뿐이다. 해부 도해·수술기법 일러스트 본체에는
   걸지 않는다(R4). 두 썸네일 상자는 이미 overflow: hidden 이다.
   -------------------------------------------------------------------------- */
.fs-p-82 .fs-lifting-revision-types__thumb img,
.fs-p-82 .fs-lifting-revision-axis__thumb img {
  transition: transform var(--fs-dur-slow) var(--fs-ease-out);
}
@media (hover: hover) and (pointer: fine) {
  .fs-p-82 .fs-lifting-revision-types__rail .fs-carousel__dot:hover .fs-lifting-revision-types__thumb img,
  .fs-p-82 .fs-lifting-revision-axis__rail  .fs-carousel__dot:hover .fs-lifting-revision-axis__thumb img {
    transform: scale(1.045);
  }
}

/* --------------------------------------------------------------------------
   H. reduced-motion — 위에서 얹은 전환은 전부 최종 상태로 고정
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .fs-p-82 .fs-nose-head > h2::after,
  .fs-p-82 .fs-nose-head > h3::after,
  .fs-p-82 .fs-sec-head__title::after,
  .fs-p-82 .fs-lifting-revision-say__name::after,
  .fs-p-82 .fs-mega::after { transition: none !important; transform: scaleX(1) !important; }

  .fs-p-82 .fs-lifting-revision-types__thumb img,
  .fs-p-82 .fs-lifting-revision-axis__thumb img { transition: none !important; transform: none !important; }
}

/* ==========================================================================
   2026-09-11 승인자 지시 「히어로 속 모델이 너무 안 보여 — zoom out 하거나 올려서 얼굴이 안 잘리게」
   cover 풀블리드는 폭 주도라 1280 에서는 머리가 헤더에 먹히고 2560 에서는 크롭이 더 내려가
   얼굴이 잘렸다(object-position 의 % 값은 넘침에 비례해 폭마다 다른 곳을 보여 준다).
   → «줌아웃»: 사진 상자를 원본 비율(1.791) 그대로 히어로 높이에 맞춰 오른쪽에 붙인다.
     상자 비율 = 원본 비율이라 cover 가 사실상 contain — 어느 폭에서도 사진이 통째로 보인다.
     비어 있는 왼쪽은 히어로 배경색(사진 왼변 실측 #493B35)이 채우고, 사진 왼변 16% 를 마스크로
     녹여 이음매를 없앤다. 56 의 «오른쪽 사진 / 왼쪽 카피» 구도와 같은 구조가 된다.
   위 여백 70px — 이 사진은 «원본 파일부터» 머리 꼭대기가 잘려 있다(첫 행이 머리카락). 어떤
   크롭으로도 못 살리므로 사진 상단을 헤더 띠 아래로 내려 이마가 메뉴 글자에 안 걸리게 한다.
   빈 띠는 배경색이라 머리 절단면이 배경에 묻힌다(다크 히어로라 가능한 처방).
   높이·모바일(<1024) 스택 배치는 그대로다.
   ========================================================================== */
@media (min-width: 1024px) {
  .fs-p-82 .fs-lifting-revision-hero { background: #493B35; }
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__bg {
    inset-block-start: 70px;
    height: calc(100% - 70px);
    inset-inline-start: auto; inset-inline-end: 0px;
    width: calc((clamp(520px, 380px + 12vw, 720px) - 70px) * 1.7910);
  }
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__bg picture,
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__bg img { width: 100%; height: 100%; }
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__bg img {
    object-fit: cover;
    object-position: 50% 0;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16%, #000 100%, transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0, #000 16%, #000 100%, transparent 100%);
  }
}

/* ==========================================================================
   ▼▼▼ 2026-09-14 · 상단 메뉴바 ↔ 히어로 «그라디에이션 연결» (승인자 지시 2회, 56 스크린샷 · 80·82·150·140)
   1차(같은 날 오전): 56 의 크림 안개(.84→.46→0)를 그대로 얹고 헤더를 잉크로 뒤집었다 → 승인자 반려
   「상단에 그라디에이션이 안 된 부분이 있고, 그라디에이션이 히어로 메인 색과 안 맞는다」.
     · 크림 안개는 다크 히어로 위에서 «회색 바» 로 읽히고(히어로 색과 다른 계열),
     · 오른쪽 모델 사진의 밝은 배경 위에서는 안개가 사진 밝기와 같아 «안 깔린 것처럼» 보였다.
   2차(이 블록): 안개 색을 히어로의 계열(토프 다크 --fs-teal-dk #6B564E)로 — 어두운 왼쪽에서는 한 단 밝은
   갈색 띠로, 밝은 사진 위에서는 갈색으로 눌러 전 폭이 «같은 띠» 로 읽힌다. 헤더 글자는 다시 흰색(로고 white),
   09-14 오전의 잉크 뒤집기 규칙은 이 블록으로 대체됐다. 높이는 헤더 2배 · 4단 스톱으로 띠 끝선을 지운다.
   대비 실측(글자 뒤 픽셀·글리프 마스크)은 아래 주석.
   ========================================================================== */
.fs-p-82 .fs-header--overlay::before {
  block-size: calc(var(--fs-header-h) * 2);
  background: linear-gradient(180deg,
    rgba(107,86,78,.92) 0%, rgba(107,86,78,.58) 45%, rgba(107,86,78,.22) 78%, rgba(107,86,78,0) 100%);
}
.fs-p-82 .fs-gnb__link { opacity: 1; }

/* ==========================================================================
   ▼▼▼ 2026-09-14 · 카테고리 틴트 2단계 — 재수술 = 웜 그레이 #E3DDD6, 다크 히어로 → 라이트 전환 (승인자 결정 §6-1)
   사진: i2i «인물 그대로, 배경만 연한 웜 그레이» → hero-model-light(-mo).jpg (데스크톱 2안 중 밝은 쪽 231,224,218 · 모바일은 9:16 i2i).
   줌아웃 배치(≥1024, 사진을 오른쪽에 70px 내려 앉히고 위 140px·왼쪽 16% 를 배경으로 녹임)는 그대로 — 배경색만 틴트로 따라온다.
   헤더 밝은 변형 다섯 곳 + 원본 로고. 카피: 킥커 neon → teal-dk, 제목 잉크, 리드 흰 88% → ink-soft. 왼쪽 다크 스크림 → 틴트 스크림.
   <1024 스택 밴드(#3A2F2C 그라데이션) → 틴트 단색.
   ========================================================================== */
.fs-p-82 .fs-header--overlay { color: var(--fs-ink); }
.fs-p-82 .fs-header--overlay .fs-gnb__link:hover,
.fs-p-82 .fs-header--overlay .fs-gnb__link:focus-visible { color: var(--fs-teal-dk); opacity: 1; }
.fs-p-82 .fs-header--overlay .fs-util__link { color: var(--fs-ink-soft); opacity: 1; }
.fs-p-82 .fs-header--overlay .fs-util__link:hover,
.fs-p-82 .fs-header--overlay .fs-util__link:focus-visible { color: var(--fs-teal-dk); opacity: 1; }
.fs-p-82 .fs-header--overlay .fs-allmenu:hover { color: var(--fs-teal-dk); opacity: 1; }
.fs-p-82 .fs-util__sep { opacity: .4; }
.fs-p-82 .fs-lifting-revision-hero { color: var(--fs-ink); }
.fs-p-82 .fs-lifting-revision-hero .fs-hero__kicker { color: var(--fs-teal-dk); font-weight: 600; }
.fs-p-82 .fs-lifting-revision-hero__lead { color: var(--fs-ink-soft); }
.fs-p-82 .fs-lifting-revision-hero::after {
  background: linear-gradient(100deg, rgba(var(--fs-cat), .92) 0%, rgba(var(--fs-cat), .88) 30%, rgba(var(--fs-cat), .45) 46%, rgba(var(--fs-cat), 0) 58%);
}
@media (max-width: 1023px) {
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__inner { background-color: var(--fs-cat-hex); background-image: none; }
}
/* 2026-09-14 승인자 「모델을 5cm 정도 왼쪽으로」 — 줌아웃 배치의 사진 상자가 우측 0 에 붙어 있었다. 5cm ≈ 190px(1838 · 96dpi 기준)
   → inset-inline-end 를 clamp(120px, 10.3vw, 200px)(1440 148 · 1838 189 · 1920 198). 사진 오른쪽 변이 드러나지만 사진 배경(231,224,218)과
   히어로 틴트(227,221,214)가 4 레벨 차라 이음매가 안 보인다 — 모델 어깨·머리가 오른쪽 변에 닿아 있어 마스크로 녹일 수는 없다. */
@media (min-width: 1024px) {
  /* +3cm(≈115px) 추가 지시 → 총 ≈8cm: clamp(200px, 16.6vw, 320px) (1440 239 · 1838 305 · 1920 319) */
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__bg { inset-inline-end: clamp(200px, 16.6vw, 320px); }
}
/* 사진 오른쪽 변의 계단(사진 235,230,225 vs 틴트 227,221,214 = 8 레벨)을 없애려고 이 페이지만 히어로 바탕을 사진 배경색(#EAE4DF)으로 —
   왼쪽은 어차피 틴트 스크림(.92)이 덮고, 위 140px 마스크도 같은 색으로 녹는다. body 셀렉터로 공용 (0,2,1) 을 이긴다. */
@media (min-width: 1024px) {
  body.fs-p-82.fs-cat-revision .fs-lifting-revision-hero { background-color: #EAE4DF; }
}

/* ==========================================================================
   ▼▼▼ 2026-09-14 · 승인자 지시 「모델 머리가 너무 잘렸다」 — 원인은 사진 파일 자체(hero-model-light.jpg 첫 행이 머리카락).
   위 09-11 블록의 70px 오프셋과 위쪽 페이드는 그 절단면을 숨기는 임시 처방이었고, 밝은 배경에서는 «머리가 안개에 녹아
   잘린 것» 으로 보였다. 해결: 같은 사진을 /v1/edit i2i 로 «같은 인물·옷·조명·배경, 크라운 위 여백 30%» 로 다시 프레이밍
   → hero-model-light-room.jpg (크라운 22.9% · 인물 x 61~88% · 배경 231,223,218). 3장 중 2안 채택(1안은 머리 위 고스트).
   배치: 오프셋 0 · 상자는 80 과 같은 «고정 비율» — 배율 0.56 이면 머리(크라운→턱 650행)가 1920 에서 364px 로 80·81 과 같고,
   위 106px 크롭(42%)이면 크라운이 헤더 아래 90px. 인물이 사진 오른변에 안 닿으므로 오른쪽 8% 도 마스크로 녹인다.
   8cm 좌이동은 유지 — 새 사진은 오른쪽에 12% 여백이 있어 inset 을 그만큼(≈185px) 줄여야 모델 오른끝이 같은 자리(≈1600)다.
   ========================================================================== */
@media (min-width: 1024px) {
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__bg {
    inset-block-start: 0; height: 100%;
    /* 2026-09-14 승인자 「81 코재수술의 모델 크기·위치에 79·80·82 를 맞춰라」 — 81 실측(1920): 크라운 y58(GNB 글줄 바로 아래) ·
       턱 y425(머리 367px) · 머리 중심 x 1280 = 66.7vw. 이 사진(1920 환산)은 크라운 246·턱 698(452행)·중심 x 1430
       → 배율 0.812(상자 1920/751), 위 142px 크롭(55%). 왼쪽 좌표로 앉힌다(오른쪽 여백식은 좁은 폭에서 상자가 캡된다):
       left = 66.7vw − (1430/1920)×상자폭 = 66.7vw − 1.904×히어로높이 → 1920 에서 119px(모델 오른끝 ≈1640, 8cm 좌이동 지시와 같은 자리).
       1024: 상자 1286px 가 left −275 부터 → 머리카락 왼끝 ≈ 613, 리드 문장 끝 ≈425 — 안 닿는다. */
    width: auto; aspect-ratio: 1920 / 751;
    inset-inline-start: calc(66.667vw - 1.904 * clamp(520px, 380px + 12vw, 720px)); inset-inline-end: auto;
  }
  .fs-p-82 .fs-lifting-revision-hero .fs-hero__bg img {
    object-position: 50% 55%;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16%, #000 92%, transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0, #000 16%, #000 92%, transparent 100%);
  }
}

/* ==========================================================================
   ▼▼▼ 2026-09-17 · 승인자 「82 히어로도 코재수술(81)·눈재수술(80) 히어로 포맷으로 — 영문, 밑에 한글, 줄, 설명」
   «LIFTING REVISION(자간 넓은 영문 서체) → #리프팅재수술의 모든 것(2줄) → 리드» 를 81.css 1절과 같은 값으로:
   영문 킥커 21px/500/토프 다크 · 제목 58px/700/잉크(1920) · 줄(span, fs.css 정본 줄 스펙이 ::after 를 끈다) · 리드 .fs-lead 잉크 소프트.
   사진·배치·높이는 그대로. <600 제목 30~34 오버라이드도 81 식 clamp 로 대체.
   ========================================================================== */
.fs-p-82 .fs-lifting-revision-hero .fs-hero__copy { max-width: 40rem; gap: var(--fs-sp-3); }
.fs-p-82 .fs-lifting-revision-hero .fs-hero__kicker {
  font-family: inherit; font-size: clamp(15px, 13.5px + 0.42vw, 21px);
  letter-spacing: 0.02em; font-weight: 500; color: var(--fs-teal-dk);
}
.fs-p-82 .fs-lifting-revision-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-82 .fs-lifting-revision-hero .fs-lifting-revision-hero__lead { max-width: 34em; line-height: 1.5; color: var(--fs-ink); }   /* 81·80 실측값(20px/30px/#111) */

/* ==========================================================================
   ▼▼▼ 2026-10-22 · 모바일 최적화(승인자 「홈페이지 전체적인 모바일 최적화 진행」) — 줄바꿈은 전 폭, 배치는 599px/767px 이하만.
   PC 요소 위치 무변화(1024·1440·1920 실측). 백업 _src/build/backup-82-1022-mo · 실측 _design/momeasure.py 360/390/540/768.
   · balance(전 폭): 본문 · 리드 · 구조 목록 li · 어려운 이유 h3·li · 라벨바 · 단계 캡션 — 「있음」「됩니다.」「없습니다.」 외톨이.
     다크 대제목 「…자연스럽고 오래 / 지속되는」 은 「오래&nbsp;지속되는」(index.html, 360 에서 「지속되는」 홀로).
   · 재수술 대상 4장: <600 1열(장당 ≈270px, 섹션 1,120px) → «아이콘 좌 · 번호+문구 우» 행(§2 B). 2열은 150px 칸에서
     「개선이 되지 않은 / 경우」 처럼 br 뒤 문구가 접혀 탈락.
   · 진행방법 층 5장: 767 이하 2열의 마지막 한 장이 왼쪽에 고아 → 가운데.
   ========================================================================== */
.fs-p-82 main .fs-body,
.fs-p-82 main .fs-lead,
.fs-p-82 #anatomy li,
.fs-p-82 #hard li,
.fs-p-82 #hard .fs-h3,
.fs-p-82 main .fs-labelbar,
.fs-p-82 .fs-lifting-revision-steps__cap { text-wrap: balance; }
@media (max-width: 767px) {
  .fs-p-82 .fs-lifting-revision-layer:last-child:nth-child(odd) {
    grid-column: 1 / -1; justify-self: center; inline-size: calc((100% - var(--fs-gap-card)) / 2);
  }
}
@media (max-width: 599px) {
  .fs-p-82 .fs-lifting-revision-target { gap: var(--fs-sp-4); }
  .fs-p-82 .fs-lifting-revision-target__item {
    grid-template-columns: 64px minmax(0, 1fr);
    column-gap: var(--fs-sp-5); row-gap: var(--fs-sp-2);
    align-items: center; padding: var(--fs-sp-5);
  }
  .fs-p-82 .fs-lifting-revision-target__no { grid-column: 2; grid-row: 1; align-self: end; }
  .fs-p-82 .fs-lifting-revision-target__fig { grid-column: 1; grid-row: 1 / span 2; }
  .fs-p-82 .fs-lifting-revision-target__fig img { width: 64px; height: 64px; }
  .fs-p-82 .fs-lifting-revision-target__item > .fs-lead { grid-column: 2; grid-row: 2; align-self: start; }
}