@charset "utf-8";
/* ==========================================================================
   140.css — 슈링크 리프팅 (slug: shurink) 페이지 전용
   모든 셀렉터는 .fs-p-140 스코프. 색은 --fs-* 토큰만 사용(새 hex 0개).
   전용 컴포넌트 6종 — hero / why / depth / phase(시그니처) / zone / note
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 셸 · A01 — 1mm 계열 «투명 헤더 + 모델 히어로» 첫 화면
   헤더를 흰 막대로 세우지 않고 히어로 사진 위에 그대로 얹는다. 히어로 좌측은
   딥 틸(#1E353A 대)이라 흰 GNB 가 상단 전 구간에서 6:1 이상이다.
   → fs.css 가 기본으로 깔아 두는 틴트·스크림은 이 페이지에서만 옅게 다시 깐다.
   -------------------------------------------------------------------------- */
.fs-p-140 {
  --fs-header-overlay-bg: transparent;
}
/* 오버레이 헤더 뒤에 실제로 깔리는 색을 선언해 둔다. 히어로 사진이 그 위를 전부
   덮으므로 화면은 그대로지만, 사진 로딩 전 흰 번쩍임과 qa.py 의 «흰 GNB 1:1»
   오탐이 함께 사라진다. */
.fs-p-140 .fs-page--overlay { background: #3D322D; }   /* 2026-09-11 토프 — 히어로 사진과 같은 함수로 옮긴 값 (청록 #23383D) */
/* 렌더 픽셀 실측(1200~1920, 헤더 높이의 30~72% 행): 스크림 없이는 모델 오른쪽
   아이보리 벽이 흰 GNB 대비 1.96:1 까지 떨어진다. fs.css 기본(.42→.22→0)으로도
   4.3:1 이라 AA 미달 — 더 짙게, 대신 더 길게 풀어 띠가 보이지 않게 한다. */
/* 2026-09-11 승인자 지시 「56 처럼 상단 메뉴바 그라디에이션」 — 위 검정 스크림은 사진 상단이 이미
   밝기 20 대라 눈에 안 보였다. 보이는 효과는 밝은 안개뿐 — 80·82 와 같은 흰 .30 (높이는 fs.css 기본). */
.fs-p-140 .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-140 .fs-gnb__link { font-weight: 400; opacity: .92; }
.fs-p-140 .fs-gnb__link:hover,
.fs-p-140 .fs-gnb__link:focus-visible { opacity: 1; }
/* 82 의 «유틸을 .8 로 죽인다» 레시피를 그대로 쓰면 안 된다 — 82 는 히어로 우측도
   짙은 틸이지만 이 페이지는 아이보리 벽이라 유틸 링크(12px)가 가장 밝은 면 위에 앉는다.
   opacity 를 합성해 재면 .8 에서 4.87:1(기준 4.5)까지 내려간다. 제일 작은 글자에서
   여유를 깎을 이유가 없으므로 유틸만 불투명으로 둔다. */
.fs-p-140 .fs-util__link { opacity: 1; }
/* fs.css:499 의 .fs-header--overlay .fs-util__link:hover 는 opacity 를 .75 로 «내린다».
   기본을 1 로 올린 지금 이 규칙을 그냥 두면 호버할 때 오히려 흐려진다 — 되돌린다. */
.fs-p-140 .fs-util__link:hover { opacity: 1; }
.fs-p-140 .fs-util__sep { opacity: .3; }

.fs-p-140 .fs-shurink-hero { background: #3D322D; }
.fs-p-140 .fs-shurink-hero .fs-hero__bg picture { display: block; width: 100%; height: 100%; }
/* 위 고정 — 아래를 잘라야 모델 머리가 헤더 띠에 안 걸린다 */
.fs-p-140 .fs-shurink-hero .fs-hero__bg img { object-position: 50% 4%; }
/* 600~1023 은 세로 컷이 위쪽만 잘려 모델 얼굴이 하단에서 반토막 난다.
   30% 내리면 카피가 앉는 빈 벽은 남고 얼굴 전체가 프레임 안에 든다. */
@media (max-width: 1023px) {
  .fs-p-140 .fs-shurink-hero .fs-hero__bg img { object-position: 50% 30%; }
}
.fs-p-140 .fs-shurink-hero .fs-hero__copy {
  justify-items: start;
  text-align: start;
  gap: clamp(14px, 10.2px + 1.06vw, 30px);
  max-inline-size: min(100%, 46ch);
}
.fs-p-140 .fs-shurink-hero .fs-hero__kicker {
  display: flex; flex-wrap: wrap; gap: var(--fs-sp-3) var(--fs-sp-5);
  letter-spacing: var(--fs-ls-wide);
  font-weight: 600;
  color: var(--fs-on-dark);
}
.fs-p-140 .fs-shurink-hero .fs-hero__kicker span { white-space: nowrap; }
.fs-p-140 .fs-shurink-hero .fs-hero__title {
  font-size: var(--fs-t-display);
  color: var(--fs-on-dark);
}
/* 모바일 세로 컷은 인물이 아래 절반에 있다 — 카피를 가운데 두면 얼굴 위로 올라온다.
   위쪽 빈 벽면에 붙이고 헤더 높이만큼만 내린다. */
@media (max-width: 1023px) {
  .fs-p-140 .fs-shurink-hero { align-items: start; }
  .fs-p-140 .fs-shurink-hero .fs-hero__inner {
    padding-block-start: calc(var(--fs-header-h) + clamp(20px, 12.5px + 2.08vw, 40px));
  }
}
.fs-p-140 .fs-shurink-hero__lead {
  font-size: var(--fs-t-lead);
  line-height: var(--fs-lh-body);
  color: var(--fs-on-dark);
  opacity: .88;
}
/* 히어로에 있던 턱선 스트립은 #principle 머리로 옮겼다 (전폭 · 라벨바 유지) */
.fs-p-140 .fs-shurink-why__strip {
  margin: 0 0 clamp(30px, 24.3px + 1.6vw, 55px);
  display: block;
}
.fs-p-140 .fs-shurink-why__strip img {
  display: block; inline-size: 100%;
  block-size: clamp(120px, 92.4px + 7.7vw, 220px);
  object-fit: cover; object-position: 50% 34%;
}

/* --------------------------------------------------------------------------
   2. A05 · 원리 — 인용 + 장비 2컷 + 3단 흐름 도해
   -------------------------------------------------------------------------- */
.fs-p-140 .fs-shurink-why__top { display: grid; gap: var(--fs-gap-col); align-items: center; }
@media (min-width: 1024px) {
  .fs-p-140 .fs-shurink-why__top { grid-template-columns: minmax(0, 880fr) minmax(0, 460fr); }
}
.fs-p-140 .fs-shurink-why__quote { margin-block-start: var(--fs-sp-8); }
.fs-p-140 .fs-shurink-why__note { margin-block-start: var(--fs-sp-6); color: var(--fs-muted); }
.fs-p-140 .fs-shurink-why__device {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--fs-gap-card); margin: 0;
}
.fs-p-140 .fs-shurink-why__device figure { margin: 0; }
.fs-p-140 .fs-shurink-why__device img {
  display: block; inline-size: 100%; block-size: clamp(150px, 129px + 5.8vw, 230px);
  object-fit: contain; background: var(--fs-white); padding: var(--fs-sp-3);
}
.fs-p-140 .fs-shurink-why__flow {
  display: grid; gap: var(--fs-sp-5); justify-items: center; align-items: start;
  list-style: none; margin: var(--fs-gap-title) 0 0; padding: 0;
}
@media (min-width: 768px) {
  .fs-p-140 .fs-shurink-why__flow {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    gap: var(--fs-sp-3);
  }
}
.fs-p-140 .fs-shurink-why__step { inline-size: 100%; }
.fs-p-140 .fs-shurink-why__fig { margin: 0; background: var(--fs-white); }
.fs-p-140 .fs-shurink-why__fig img {
  display: block; inline-size: 100%; block-size: auto; padding: var(--fs-sp-4) var(--fs-sp-5) 0;
}
.fs-p-140 .fs-shurink-why__cap {
  margin-block-start: var(--fs-sp-5); text-align: center; color: var(--fs-ink-soft);
}
.fs-p-140 .fs-shurink-why__arrow {
  display: grid; place-items: center; color: var(--fs-teal-dk);
  inline-size: clamp(26px, 22px + 1.1vw, 36px); block-size: clamp(26px, 22px + 1.1vw, 36px);
  transform: rotate(90deg);
}
@media (min-width: 768px) { .fs-p-140 .fs-shurink-why__arrow { transform: none; align-self: center; } }
.fs-p-140 .fs-shurink-why__arrow svg { inline-size: 100%; block-size: 100%; }

/* --------------------------------------------------------------------------
   3. A21 · 열응고점 깊이 — 도해 3종 + 요약표 + After
   -------------------------------------------------------------------------- */
.fs-p-140 .fs-shurink-depth__grid { margin-block-start: var(--fs-gap-title); }
.fs-p-140 .fs-shurink-depth__fig { margin: 0; background: var(--fs-white); }
.fs-p-140 .fs-shurink-depth__fig img { display: block; inline-size: 100%; block-size: auto; }
.fs-p-140 .fs-shurink-depth__table { margin-block-start: var(--fs-sp-10); }
.fs-p-140 .fs-shurink-depth__table .fs-table th[scope="row"] {
  inline-size: clamp(96px, 78.6px + 4.83vw, 200px);
  font-weight: 700; color: var(--fs-teal-dk); white-space: nowrap;
}
.fs-p-140 .fs-shurink-depth__after {
  display: grid; gap: var(--fs-gap-col); align-items: center;
  margin-block-start: var(--fs-sp-9);
}
@media (min-width: 1024px) {
  .fs-p-140 .fs-shurink-depth__after { grid-template-columns: minmax(0, 620fr) minmax(0, 720fr); }
}
.fs-p-140 .fs-shurink-depth__after figure { margin: 0; background: var(--fs-white); }
.fs-p-140 .fs-shurink-depth__after img { display: block; inline-size: 100%; block-size: auto; }

/* --------------------------------------------------------------------------
   4. ★ 시그니처 · 상처치유 3상 × 열응고점 깊이 차트
      가로축 = 시간(응고기 → 염증기&증식기 → 수축기)
      세로축 = 깊이(1.5mm / 3mm / 4.5mm) — 원본에 있는 값만 표기한다
   -------------------------------------------------------------------------- */
.fs-p-140 .fs-shurink-phase { margin-block-start: var(--fs-gap-title); }
.fs-p-140 .fs-shurink-phase__row {
  display: grid; gap: var(--fs-gap-card); align-items: end;
  list-style: none; margin: 0; padding: 0;
}
@media (min-width: 768px) {
  .fs-p-140 .fs-shurink-phase__row,
  .fs-p-140 .fs-shurink-phase__rail {
    grid-template-columns: clamp(120px, 62px + 8vw, 200px) repeat(3, minmax(0, 1fr));
  }
}
.fs-p-140 .fs-shurink-phase__axis {
  display: flex; align-items: center; gap: var(--fs-sp-2);
  font-size: var(--fs-t-kicker); font-weight: 700;
  letter-spacing: var(--fs-ls-wide); color: var(--fs-teal-dk);
  padding-block-end: var(--fs-sp-5);
}
.fs-p-140 .fs-shurink-phase__axis svg { inline-size: 22px; block-size: 10px; flex: 0 0 auto; }
.fs-p-140 .fs-shurink-phase__fig { margin: 0; background: var(--fs-white); }
.fs-p-140 .fs-shurink-phase__fig img { display: block; inline-size: 100%; block-size: auto; }
.fs-p-140 .fs-shurink-phase__rail {
  display: grid; gap: var(--fs-sp-3) var(--fs-gap-card); align-items: center;
  border-block-start: 1px solid var(--fs-line);
  padding-block: var(--fs-sp-4);
}
.fs-p-140 .fs-shurink-phase__rail:first-of-type { margin-block-start: var(--fs-sp-6); }
.fs-p-140 .fs-shurink-phase__depth {
  display: grid; gap: 2px; align-content: center;
}
.fs-p-140 .fs-shurink-phase__mm {
  font-size: var(--fs-t-h3); font-weight: 700; line-height: 1.1;
  letter-spacing: var(--fs-ls-tight); color: var(--fs-teal-dk);
}
.fs-p-140 .fs-shurink-phase__layer { font-size: var(--fs-t-body); color: var(--fs-muted); }
.fs-p-140 .fs-shurink-phase__track {
  position: relative; grid-column: 1 / -1;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center; min-block-size: 26px;
}
@media (min-width: 768px) {
  .fs-p-140 .fs-shurink-phase__track { grid-column: 2 / -1; }
}
.fs-p-140 .fs-shurink-phase__track::before {
  content: ""; position: absolute; inset-inline: 0; inset-block-start: 50%;
  block-size: 0; border-block-start: 2px dashed var(--fs-teal);
}
.fs-p-140 .fs-shurink-phase__dot {
  position: relative; justify-self: center;
  inline-size: 14px; block-size: 14px; border-radius: var(--fs-radius-round);
  background: var(--fs-teal-dk);
}
.fs-p-140 .fs-shurink-phase__dot--soft { background: var(--fs-teal); }
.fs-p-140 .fs-shurink-phase__foot {
  margin-block-start: var(--fs-sp-9);
  border-block-start: 2px solid var(--fs-teal);
  padding-block-start: var(--fs-sp-6);
}

/* A12 스텝 — 3단계뿐이라 1024px 부터 가로로 편다(기본 전환점 1400px) */
@media (min-width: 1024px) {
  .fs-p-140 .fs-shurink-steps {
    flex-direction: row; justify-content: space-between; gap: 0;
    max-inline-size: 1040px; margin-inline: auto;
  }
  .fs-p-140 .fs-shurink-steps .fs-steps__link { inline-size: 42px; block-size: 3px; }
  .fs-p-140 .fs-shurink-steps .fs-steps__link--active {
    background: linear-gradient(90deg, var(--fs-teal) 0%, var(--fs-teal-mid) 100%);
  }
}

/* --------------------------------------------------------------------------
   5. A06 · 시술대상 — 와이드 모델 밴드 + POINT 4카드
   -------------------------------------------------------------------------- */
.fs-p-140 .fs-shurink-zone__band { margin: var(--fs-gap-title) 0 0; }
.fs-p-140 .fs-shurink-zone__band img {
  display: block; inline-size: 100%;
  block-size: clamp(180px, 146.3px + 9.36vw, 260px); object-fit: cover; object-position: 50% 34%;
}
.fs-p-140 .fs-shurink-zone__cards { margin-block-start: var(--fs-sp-10); }
.fs-p-140 .fs-shurink-zone__card { background: var(--fs-white); block-size: 100%; }
.fs-p-140 .fs-shurink-zone__card .fs-card__icon img {
  display: block; inline-size: 100%; block-size: auto;
}

/* --------------------------------------------------------------------------
   6. A09 · 다크 스테이트먼트 밴드
   -------------------------------------------------------------------------- */
.fs-p-140 .fs-shurink-say__grid { display: grid; gap: var(--fs-gap-col); align-items: center; }
@media (min-width: 1024px) {
  .fs-p-140 .fs-shurink-say__grid { grid-template-columns: minmax(0, 470fr) minmax(0, 870fr); }
}
.fs-p-140 .fs-shurink-say__fig { margin: 0; }
.fs-p-140 .fs-shurink-say__fig img {
  display: block; inline-size: 100%; block-size: auto;
  max-inline-size: clamp(220px, 133px + 18.1vw, 380px);
}
.fs-p-140 .fs-shurink-say__fig .fs-labelbar { max-inline-size: clamp(220px, 133px + 18.1vw, 380px); }
.fs-p-140 .fs-shurink-say__lead { margin-block-start: var(--fs-sp-7); max-inline-size: 40em; }

/* --------------------------------------------------------------------------
   7. A23 · 주의사항 7
   -------------------------------------------------------------------------- */
.fs-p-140 .fs-shurink-note__list {
  margin-block-start: var(--fs-gap-title);
  list-style: none; padding: 0;
}
.fs-p-140 .fs-shurink-note__item {
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  column-gap: var(--fs-sp-5); row-gap: var(--fs-sp-3); align-items: start;
  background: var(--fs-white);
  border-block-start: 2px solid var(--fs-teal);
  padding: var(--fs-sp-6) var(--fs-sp-5);
}
.fs-p-140 .fs-shurink-note__icon {
  display: grid; place-items: center;
  inline-size: clamp(44px, 39.4px + 1.28vw, 56px); aspect-ratio: 1;
  grid-row: span 2;
}
.fs-p-140 .fs-shurink-note__icon img { display: block; inline-size: 100%; block-size: auto; }
.fs-p-140 .fs-shurink-note__num { align-self: end; justify-self: start; }
.fs-p-140 .fs-shurink-note__txt {
  font-size: var(--fs-t-body); line-height: var(--fs-lh-body); color: var(--fs-ink-soft);
}

/* --------------------------------------------------------------------------
   8. 공통 미세 조정
   -------------------------------------------------------------------------- */
.fs-p-140 .fs-shurink-lead { margin-block-start: var(--fs-sp-6); color: var(--fs-ink-soft); }
.fs-p-140 .fs-shurink-cta { margin-block-start: var(--fs-gap-title); }

/* 새 모션은 넣지 않았다 — fs.js 의 reveal/tilt/parallax 만 쓴다.
   그래도 전용 요소가 리빌 대상이 될 때 최종 상태를 못박아 둔다. */
@media (prefers-reduced-motion: reduce) {
  .fs-p-140 .fs-shurink-why__arrow,
  .fs-p-140 .fs-shurink-phase__dot,
  .fs-p-140 .fs-shurink-note__item { transition: none !important; }
}

/* ==========================================================================
   ▼▼▼ 진단·수정 패스 — 2026-08-27
   렌더로 확인한 결함만 고친다. 새 색 0개(--fs-* 토큰만) · 문구 무변경.
   ========================================================================== */

/* --------------------------------------------------------------------------
   F1. A09 다크 밴드 고스트 — 「반쯤 가려진 두번째 얼굴」 제거
   ghost-band.jpg 는 엣지 에너지 0.68 로 사실상 원본이고, fs.css 의
   .fs-section__bg 에는 opacity 가 없어 100% 로 깔린다. 그 결과 왼쪽 인물컷
   (portrait.jpg = 다른 모델)과 나란히 «두 사람» 으로 읽혔다.
   확정 시안 57 의 compare-bg.jpg 는 블러가 에셋에 구워져 있다(엣지 0.46).
   에셋은 105 와 폴더를 공유하므로 건드리지 않고 페이지 CSS 로만 블러한다.

   ★ 함정 — 블러는 이미지 가장자리를 투명하게 흐린다. 상자보다 크게 잡아
     보정해야 하는데 fs.css:235 의 `img { max-width: 100% }` 가 폭만 조용히
     먹어 밴드 오른쪽에 순색 --fs-ink-band-2 띠가 남는다. max-inline-size 를
     반드시 함께 풀어준다. 패럴랙스(--fs-py/--fs-ps)와는 공존한다.
   -------------------------------------------------------------------------- */
.fs-p-140 .fs-shurink-say .fs-section__bg img {
  display: block;
  max-inline-size: none; max-width: none;
  inline-size: calc(100% + 160px); block-size: calc(100% + 160px);
  margin: -80px;
  filter: blur(22px);
}

/* --------------------------------------------------------------------------
   F2. 섹션 제목 뒤 70px 틸 선 (48 에서 검증된 구현)
   ★ 함정 — «.is-in 이면 보이기» 로 짜면 첫 화면 제목의 선이 영원히 안 그어진다.
     fs.js 는 첫 화면 안의 대상에 .fs-reveal 클래스 자체를 붙이지 않는다.
     → 기본을 「그어진 상태」로 두고 .fs-reveal:not(.is-in) 에만 초기 은닉.
   -------------------------------------------------------------------------- */
.fs-p-140 .fs-nose-head h2,
.fs-p-140 .fs-shurink-why__top h2 { position: relative; }

.fs-p-140 .fs-nose-head h2::after,
.fs-p-140 .fs-shurink-why__top h2::after {
  content: "";
  display: block;
  inline-size: 70px;
  block-size: 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-140 :where(.fs-reveal:not(.is-in)) h2::after { transform: scaleX(0); }

/* --------------------------------------------------------------------------
   F3. A23 주의사항 — 크림 밴드 위 흰 상자 7장 → 헤어라인 열   [V70 · E]
   7장이 2열로 반복되며 «상자의 나열» 로 읽히고 마지막 줄에 1장만 남는다.
   상자를 지우고 가는 선만으로 나누면 크림 밴드 위에서 밀도가 올라간다.
   (같은 페이지의 POINT 4장은 확정 시안 57 이 «크림 밴드 위 흰 카드 4장» 을
    그대로 쓰므로 손대지 않는다 — v70fit 이 57 에도 E:fs-grid×4 를 낸다.)
   여기에는 틸트가 걸려 있지 않아 53 의 «투명 카드 광택 얼룩» 은 발생하지 않는다.
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  .fs-p-140 .fs-shurink-note__list {
    gap: 0;
    border-block-start: 2px solid var(--fs-teal);
  }
  .fs-p-140 .fs-shurink-note__item {
    position: relative;
    background: transparent;
    border-block-start: 0;
    padding: clamp(26px, 1.9vw, 38px) clamp(22px, 1.6vw, 34px);
  }
  /* 세로 헤어라인 — 홀수 칸 오른쪽. 전폭으로 마감하는 마지막 칸은 뺀다. */
  .fs-p-140 .fs-shurink-note__item:nth-child(odd):not(:last-child)::after {
    content: "";
    position: absolute;
    inset-block: clamp(26px, 1.9vw, 38px);
    inset-inline-end: 0;
    inline-size: 1px;
    background: var(--fs-line-input);
  }
  /* 가로 헤어라인 — 첫 줄 위에는 목록의 틸 룰이 이미 있다 */
  .fs-p-140 .fs-shurink-note__item:nth-child(n+3)::before {
    content: "";
    position: absolute;
    inset-inline: clamp(22px, 1.6vw, 34px);
    inset-block-start: 0;
    block-size: 1px;
    background: var(--fs-line-input);
  }
}

/* --------------------------------------------------------------------------
   F4. 호버 — 프레임 고정 + 사진만 scale(1.045). 그림자는 쓰지 않는다.
   대상은 «모델 인물컷» 2곳뿐이다. 의학 도해는 호버 확대가 도해를 잘라내므로
   제외했다(깊이 도해 3장은 이미 틸트가 걸려 있다).
   zone__band 는 틸트를 떼어낸 자리를 이 호버가 대신한다.
   ★ 라벨바가 확대된 사진에 먹히지 않도록 z-index 를 명시한다 —
     둘 다 정적 요소면 <img> 가 figcaption 의 배경 위에 그려진다.
   -------------------------------------------------------------------------- */
@media (hover: hover) and (pointer: fine) {
  .fs-p-140 .fs-shurink-hero__strip figure,
  .fs-p-140 .fs-shurink-zone__band {
    overflow: hidden;
  }
  .fs-p-140 .fs-shurink-hero__strip figure > img,
  .fs-p-140 .fs-shurink-zone__band > img {
    position: relative; z-index: 0;
    transform: scale(1);
    transition: transform var(--fs-dur-slow) var(--fs-ease-out);
  }
  .fs-p-140 .fs-shurink-hero__strip figure > .fs-labelbar,
  .fs-p-140 .fs-shurink-zone__band > .fs-labelbar {
    position: relative; z-index: 1;
  }
  .fs-p-140 .fs-shurink-hero__strip figure:hover > img,
  .fs-p-140 .fs-shurink-zone__band:hover > img {
    transform: scale(1.045);
  }
}

/* --------------------------------------------------------------------------
   F5. reduced-motion — 새로 얹은 두 모션을 정지 상태로 확정
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .fs-p-140 .fs-nose-head h2::after,
  .fs-p-140 .fs-shurink-why__top h2::after { transform: scaleX(1) !important; transition: none !important; }

  .fs-p-140 .fs-shurink-hero__strip figure > img,
  .fs-p-140 .fs-shurink-zone__band > img { transform: none !important; transition: none !important; }
}

/* --------------------------------------------------------------------------
   F6. 태블릿(600~1023px) 마지막 줄 고아 2건
   fs.css 는 이 구간에서 .fs-grid--2 · --3 을 모두 2열로 편다. 홀수 개 목록은
   마지막 줄에 1장만 남고 오른쪽 절반이 «빠진 칸» 으로 읽힌다. 768px 렌더에서
   주의사항 07 과 깊이 도해 3번째가 둘 다 그렇게 보였다.
   -------------------------------------------------------------------------- */
@media (min-width: 600px) {
  /* 주의사항 07 — 전폭으로 받아 마감한다(1024px 이상 헤어라인 모드에서도 같다) */
  .fs-p-140 .fs-shurink-note__item:last-child { grid-column: 1 / -1; }
}
@media (min-width: 600px) and (max-width: 1023.98px) {
  /* 깊이 도해 3번째 — 3열로 좁히면 라벨바 「4.5mm · SMAS(섬유근막층)」가 600px 에서
     두 줄로 쪼개져 바 높이가 형제와 어긋난다. 폭은 그대로 두고 가운데로 세운다. */
  .fs-p-140 .fs-shurink-depth__grid > li:last-child {
    grid-column: 1 / -1;
    justify-self: center;
    inline-size: calc((100% - var(--fs-gap-card)) / 2);
  }
}

/* ==========================================================================
   2026-09-11 승인자 지시 「히어로 속 모델이 너무 안 보여 — zoom out 하거나 올려서 얼굴이 안 잘리게」
   cover 풀블리드는 폭 주도라 1280 에서는 머리가 헤더에 먹히고 2560 에서는 크롭이 더 내려가
   얼굴이 잘렸다(object-position 의 % 값은 넘침에 비례해 폭마다 다른 곳을 보여 준다).
   → «줌아웃»: 사진 상자를 원본 비율(1.791) 그대로 히어로 높이에 맞춰 오른쪽에 붙인다.
     상자 비율 = 원본 비율이라 cover 가 사실상 contain — 어느 폭에서도 사진이 통째로 보인다.
     비어 있는 왼쪽은 히어로 배경색(사진 왼변 실측 #392E2A)이 채우고, 사진 왼변 16% 를 마스크로
     녹여 이음매를 없앤다. 56 의 «오른쪽 사진 / 왼쪽 카피» 구도와 같은 구조가 된다.
   위 여백 70px — 이 사진은 «원본 파일부터» 머리 꼭대기가 잘려 있다(첫 행이 머리카락). 어떤
   크롭으로도 못 살리므로 사진 상단을 헤더 띠 아래로 내려 이마가 메뉴 글자에 안 걸리게 한다.
   빈 띠는 배경색이라 머리 절단면이 배경에 묻힌다(다크 히어로라 가능한 처방).
   높이·모바일(<1024) 스택 배치는 그대로다.
   ========================================================================== */
@media (min-width: 1024px) {
  .fs-p-140 .fs-shurink-hero { background: #392E2A; }
  .fs-p-140 .fs-shurink-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-140 .fs-shurink-hero .fs-hero__bg picture,
  .fs-p-140 .fs-shurink-hero .fs-hero__bg img { width: 100%; height: 100%; }
  /* 2026-09-14 사진 윗변 — 안개 구간(헤더 2배) 한가운데 y=70 에서 배경→사진으로 계단이 생겨
     오른쪽(사진)만 «그라디에이션이 없는» 것으로 보였다. 위 140px 를 배경으로 녹인다(머리 절단면도 같이).
     img 의 90deg 마스크와 곱해지도록 picture 에 건다(mask-composite 불필요). */
  .fs-p-140 .fs-shurink-hero .fs-hero__bg picture {
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 140px);
            mask-image: linear-gradient(180deg, transparent 0, #000 140px);
  }
  .fs-p-140 .fs-shurink-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-140 .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-140 .fs-gnb__link { opacity: 1; }

/* ==========================================================================
   ▼▼▼ 2026-09-14 · 카테고리 틴트 2단계 — 쁘띠/레이저 = 라이트 로즈 #F3E3E0 (body.fs-cat-petit), 다크 히어로 → 라이트 + 컬러 워시
   승인자 지시 「150·140·151 세 페이지의 히어로만 라이트 로즈 … soft glow behind her, wide feathered falloff, no split」.
   사진: i2i «인물 그대로, 어두운 배경을 라이트 로즈 #F3E3E0 → 모델 뒤 웜 화이트 #FBF5F3 글로우로» → hero-model-duo(-mo).jpg (1920×1072 · 1000×1790, 구도 동일).
   09-11 «70px 내려 앉히고 위 140px 페이드» 는 다크 배경에서 머리 절단면을 숨기던 처방 — 이 사진은 머리가 온전(크라운 row≈41)하고
   밝은 배경에서는 페이드가 «머리가 녹아 잘린 것» 으로 보이므로(82 교훈) 페이드 제거, 오프셋 40px(1920 에서 크라운 ≈ y66).
   헤더: 밝은 변형 다섯 곳 + 원본 로고(HTML). 카피: 킥커 흰 → teal-dk, 제목 잉크, 리드 ink-soft. 안개·후광·바탕은 공용 블록.
   ========================================================================== */
.fs-p-140 .fs-header--overlay { color: var(--fs-ink); }
.fs-p-140 .fs-header--overlay .fs-gnb__link:hover,
.fs-p-140 .fs-header--overlay .fs-gnb__link:focus-visible { color: var(--fs-teal-dk); opacity: 1; }
.fs-p-140 .fs-header--overlay .fs-util__link { color: var(--fs-ink-soft); opacity: 1; }
.fs-p-140 .fs-header--overlay .fs-util__link:hover,
.fs-p-140 .fs-header--overlay .fs-util__link:focus-visible { color: var(--fs-teal-dk); opacity: 1; }
.fs-p-140 .fs-header--overlay .fs-allmenu:hover { color: var(--fs-teal-dk); opacity: 1; }
.fs-p-140 .fs-util__sep { opacity: .4; }
.fs-p-140 .fs-shurink-hero { color: var(--fs-ink); }
.fs-p-140 .fs-shurink-hero .fs-hero__kicker { color: var(--fs-teal-dk); }
.fs-p-140 .fs-shurink-hero .fs-hero__title { color: var(--fs-ink); }
.fs-p-140 .fs-shurink-hero__lead { color: var(--fs-ink-soft); opacity: 1; }
.fs-p-140 .fs-shurink-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), .70) 16%, rgba(var(--fs-cat), .30) 30%, rgba(var(--fs-cat), 0) 42%);
}
@media (min-width: 1024px) {
  .fs-p-140 .fs-shurink-hero .fs-hero__bg {
    inset-block-start: 40px;
    height: calc(100% - 40px);
    width: calc((clamp(520px, 380px + 12vw, 720px) - 40px) * 2.3881);   /* 2026-09-14 승인자 「143 과 같은 자리로」 — 오른쪽 640px 아웃페인트(2560×1072), 머리 중심 69vw */
  }
  .fs-p-140 .fs-shurink-hero .fs-hero__bg picture { -webkit-mask-image: none; mask-image: none; }
}
@media (max-width: 1023px) {
  .fs-p-140 .fs-shurink-hero .fs-hero__bg::after { content: none; }
}
/* 2026-09-14 승인자 「150·140·151 모델 위치를 143(겹주름 교정)과 같게 — 위치만」. 143 은 cover 사진이라 어느 폭에서든 머리 중심 x = 69.2vw.
   우측 정렬 상자는 폭에 따라 위치가 달라지므로 왼쪽 좌표로 앉힌다: left = 69.2vw − (머리 중심 비율 .5558 × 상자폭). 배율·높이 무변경. */
@media (min-width: 1024px) {
  .fs-p-140 .fs-shurink-hero .fs-hero__bg {
    inset-inline-start: calc(69.2vw - 1.3273 * (clamp(520px, 380px + 12vw, 720px) - 40px)); inset-inline-end: auto;
  }
}

/* ==========================================================================
   ▼▼▼ 2026-10-22 · 히어로 카피 포맷 — 형제 히어로와 같게(150 버츄RF 와 같은 날, 승인자 「응」)
   규정 = 09-21 히어로 통일(81 코재수술 포맷, no-implant.css 같은 날 블록) + 무보형물 해시태그 글줄(no-implant.css P2):
   영문 킥커 SHURINK LIFTING(페이지 아래 라벨바·킥커의 영문명) → 제목 → 줄 요소 → 리드 → 해시태그.
   전엔 해시태그가 킥커 자리(맨 위, 큰 글자 flex)에 있었다. 값은 150.css 같은 날 블록과 같다.
   줄 요소의 폭·두께·색은 fs.css 정본([class*="hero__rule"]) — 요소가 있으면 제목 ::after 는 꺼진다. 사진·카피 상자 위치는 그대로.
   ========================================================================== */
.fs-p-140 .fs-shurink-hero .fs-hero__copy { gap: var(--fs-sp-3); }
.fs-p-140 .fs-shurink-hero .fs-hero__kicker {
  display: block;
  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-140 .fs-shurink-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-140 .fs-shurink-hero__rule { margin-block-end: var(--fs-sp-2); }
.fs-p-140 .fs-shurink-hero__lead {
  max-width: 34em; font-size: var(--fs-t-lead); font-weight: 400; line-height: 1.5; color: var(--fs-ink);
}
.fs-p-140 .fs-shurink-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--fs-sp-1) var(--fs-sp-3);
  margin: var(--fs-sp-2) 0 0;
  font-size: var(--fs-t-body);
  font-weight: 500;
  line-height: 1.5;
  color: var(--fs-ink-soft);
}
.fs-p-140 .fs-shurink-hero__tags span { white-space: nowrap; }

/* ==========================================================================
   ▼▼▼ 2026-10-22 · 모바일 최적화(승인자 「홈페이지 전체적인 모바일 최적화 진행」) — 줄바꿈은 전 폭, 배치는 599px 이하만. PC 요소 위치 무변화(1024·1440·1920 실측).
   백업 _src/build/backup-140-1022-mo(같은 날 히어로 카피 포맷 변경 뒤 상태) · 실측 _design/momeasure.py 360/390/540/768.
   줄바꿈: 문장 가운데 <br> 3곳 → 공백 + <br class="fs-pc-only">(§1-7 — 원리 인용 2 · 상처치유 리드 1, PC 는 그대로) ·
           balance(원리 인용, 깊이 표 칸, 상처치유 리드·도표 설명, 선언 리드, 주의사항 7, 주소) · WJ 1(「SMAS(섬유근막층)」 닫는 괄호 앞 — 768 「…근막층 / )」).
   고아 줄(전): 360·390 원리 인용 「…피우듯 강한 / 출력의 초음파로 /」 · 상처치유 리드 「…응고되고 / 수축되어 /」 · 표 「…열응고점 / 형성」 ·
               주의사항 「…세안 / 가능합니다.」「…신경 이상 / 등의…」 외 5.
   배치(<600): 시술대상 POINT 4장 1열(360 장당 ≈170px) → 2열(§2 A, 600~1023 과 같은 짜임).
   ========================================================================== */
.fs-p-140 .fs-shurink-why__quote,
.fs-p-140 #depth .fs-table td,
.fs-p-140 #heal .fs-nose-lead,
.fs-p-140 #heal .fs-sm,
.fs-p-140 .fs-shurink-say__lead,
.fs-p-140 .fs-shurink-note__txt,
.fs-p-140 .fs-address { text-wrap: balance; }
@media (max-width: 599px) {
  .fs-p-140 .fs-shurink-zone__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--fs-sp-4);
  }
  /* fs.css .fs-card--point 는 align-content:center — 캡션 줄 수가 다른 두 장이 한 줄에 서면 POINT 필이 어긋난다 → 위 정렬 */
  .fs-p-140 .fs-shurink-zone__card { align-content: start; padding-inline: var(--fs-sp-3); }
  .fs-p-140 .fs-shurink-zone__cards .fs-card__caption { word-break: keep-all; text-wrap: balance; }
}