/* assets/page/79.css — [79] 눈코재수술 (재수술 통합 허브) 전용
   시그니처: 인덱스 룰(.fs-p79-rule) + 흰 도판(.fs-p79-plate)
   도해·사진 캡션은 .fs-labelbar 11개(§4 3 · §7 4 · §8 4) — 57 과 같은 #00787F 로 톤을 맞춘다.
   틸 채움 .fs-pill / .fs-plusbtn 은 이 페이지에 0개다.
   새 hex 0개 — 전부 --fs-* 토큰. */

/* ==========================================================================
   1. 인덱스 룰 — 9개 챕터를 관통하는 1px 눈금자
      fs.css 의 .fs-progress 컴포넌트를 그대로 인용한다 (메인 히어로 01 —— 07 ‖)
   ========================================================================== */
.fs-p-79 .fs-p79-rule { margin-block-end: var(--fs-sp-7); }
.fs-p-79 .fs-p79-rule .fs-progress__num { font-family: var(--fs-font-en); font-weight: 700; }
/* 다크 섹션(§5)에는 --light 를 붙이지 않는다 → 여기서 색을 잉크로 못박으면 검은 배경에 묻힌다 */
.fs-p-79 .fs-p79-rule--light .fs-progress__num { color: var(--fs-ink); }
.fs-p-79 .fs-p79-rule--light .fs-p79-rule__end { font-weight: 400; color: var(--fs-muted); }
.fs-p-79 .fs-p79-rule:not(.fs-p79-rule--light) .fs-progress__num { color: var(--fs-on-dark); }
/* 다크(§5)의 끝수 «09» — --fs-arrow-soft #767575 는 #111 위 4.11:1 로 AA 미달이었다.
   눈금자는 aria-hidden 이지만 화면에는 그대로 읽히는 글자다 → --fs-placeholder(7.76:1). */
.fs-p-79 .fs-p79-rule:not(.fs-p79-rule--light) .fs-p79-rule__end { font-weight: 400; color: var(--fs-placeholder); }
/* 베이지(§9)의 끝수 «09» — --fs-muted #6E6E6E 는 #F0E2D5 위 4.02:1 로 AA 미달이다.
   흰 5.00 · 크림 4.52 는 통과하므로 베이지 밴드에서만 갈아끼운다.
   (같은 이유로 .fs-p79-cta__lead 가 이미 --fs-ink-soft 를 쓴다 — §10 주석) */
.fs-p-79 .fs-section--beige .fs-p79-rule--light .fs-p79-rule__end { color: var(--fs-ink-soft); }

/* 밝은 섹션 변형 — 다크(§5)에는 걸지 않는다(fs.css 기본 흰 트랙/흰 채움) */
.fs-p-79 .fs-p79-rule--light .fs-progress__track { background: var(--fs-line-control); }
.fs-p-79 .fs-p79-rule--light .fs-progress__fill { background: var(--fs-teal-dk); transition: none; }

/* ==========================================================================
   2. 히어로 — 풀블리드 시네마틱 (메인 확정 시안 계승)
      배경이 밝은 아이보리라 카피·헤더를 잉크로 얹는다 (81·53 과 같은 밝은 변형)
   ========================================================================== */
/* --- 셸 · 1mm 계열 «투명 헤더 + 모델 히어로» -----------------------------
   2026-09-09 · 병원 요청(「AI 이미지 변경 — 좀 더 밝은 느낌으로」)으로 히어로를 짙은 플럼에서
   밝은 아이보리 모델컷으로 바꿨다. 흰 글자는 더 못 쓴다 — 밝은 배경 위 헤더 띠의 최악 구간이
   1.1:1 로 떨어진다. 그래서 81·53 과 같은 «밝은 변형(잉크 헤더)» 으로 내린다.
   fs.css 의 .fs-header--overlay 는 «흰 글자» 전제라 아래 다섯 곳을 같이 뒤집어야 한다
   (color · ::before 스크림 · GNB 호버 · 유틸 링크 · 전체보기 호버). 로고도 common/logo.png. */
.fs-p-79 {
  --fs-header-overlay-bg: transparent;
}
.fs-p-79 .fs-page--overlay { background: #F4EDE3; }
.fs-p-79 .fs-header--overlay { color: var(--fs-ink); }
/* 2026-09-11 승인자 지시 「56 처럼 메뉴바 그라디에이션」 — fs.css:468 기본 ::before(검정 스크림)를
   content:none 으로 껐던 것을 되살리고 배경만 밝은 안개로 바꾼다. 다른 18장과 같은 흰 알파
   (크림은 틴트 히어로에 색이 물든다). 위치·높이·pointer-events 는 fs.css 기본값 그대로다. */
.fs-p-79 .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%); }
/* :not() 로 감싼다 — fs.css:495 의 [aria-current] 700 과 특정성이 같아 굵게 표시가 죽는다 */
.fs-p-79 .fs-gnb__link:not([aria-current="page"]) { font-weight: 400; }
.fs-p-79 .fs-header--overlay .fs-gnb__link:hover,
.fs-p-79 .fs-header--overlay .fs-gnb__link:focus-visible { color: var(--fs-teal-dk); opacity: 1; }
/* --fs-muted-2(#7D7D7D)는 아이보리 위에서 3.67:1 이라 AA 미달이다 */
.fs-p-79 .fs-header--overlay .fs-util__link { color: var(--fs-ink-soft); opacity: 1; }
.fs-p-79 .fs-header--overlay .fs-util__link:hover { color: var(--fs-teal-dk); opacity: 1; }
.fs-p-79 .fs-util__sep { opacity: .35; }
.fs-p-79 .fs-header--overlay .fs-allmenu:hover { color: var(--fs-teal-dk); opacity: 1; }

/* 히어로 높이 — 1920 에서 610px. 50·80 번 히어로 실측 610 에 맞췄다. */
.fs-p-79 .fs-p79-hero {
  background: #F4EDE3;
  color: var(--fs-ink);
  align-items: center;
  min-height: clamp(430px, 341.5px + 14vw, 610px);
}
/* 세로 34% — 인물 정수리가 에셋의 28.4% 라, 42% 로 두면 머리끝이 헤더 띠 4px 아래에 붙는다
   2026-09-11 승인자 지시 「히어로 속 모델 위치를 56 처럼」 — 56 은 크라운이 히어로 위에서 41px(1838 창).
   히어로가 601 로 통일된 뒤 34% 는 크라운을 y≈150 에 띄웠다. 원본 크라운 y=348 · cover 배율
   1838/2400 · 넘침 415px 로 역산 → 71%. 가로 66% 는 폭 주도 cover 라 무의미하지만 그대로 둔다. */
.fs-p-79 .fs-p79-hero .fs-hero__bg img { object-position: 66% 71%; }
/* 2026-09-10 · 히어로 바닥과 §2 크림 밴드가 구분이 안 된다는 지적.
   실측: 히어로 바닥 중앙 (251,250,246) vs --fs-cream (246,241,236) — 채널당 5 차이라
   경계가 «없다». 에셋에 구우면 object-position 34% 크롭에 잘려 나가므로 CSS 로 얹는다.
   병원 지시로 브랜드 틸(--fs-teal-dk #00646B)을 은은하게 깐다.
   램프를 아래쪽으로 몰아(60% 까지 .06) 모델의 목·어깨에는 초록이 거의 안 물들게 하고,
   맨 아래 모서리에서만 .24 로 올린다 → 바닥 (191,214,213), 크림과 Δ105. */
.fs-p-79 .fs-p79-hero .fs-hero__bg::after,
.fs-p-79 .fs-p79-hero .fs-mo-hero::after {
  content: ""; position: absolute; inset-inline: 0; inset-block-end: 0;
  block-size: 34%; pointer-events: none;
  background: linear-gradient(180deg,
      rgba(107, 86, 78, 0) 0%,
      rgba(107, 86, 78, .06) 60%,
      rgba(107, 86, 78, .24) 100%);   /* 2026-09-11 토프 (청록 rgba(0,100,107)) */
}
.fs-p-79 .fs-p79-hero .fs-mo-hero { position: relative; }
.fs-p-79 .fs-p79-hero .fs-hero__inner { padding-block: clamp(40px, 30.8px + 2.56vw, 80px); }
.fs-p-79 .fs-p79-hero__copy { max-width: min(520px, 44vw); }

.fs-p-79 .fs-p79-hero .fs-hero__kicker {
  font-family: var(--fs-font-en); font-size: var(--fs-t-sm); font-weight: 700;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--fs-teal-dk);
}
/* h1 — 잉크 폭과 정확히 같은 헤어라인 밑줄. 크기는 .fs-hero--sub 규격(--fs-t-h1) */
.fs-p-79 .fs-p79-hero .fs-hero__title {
  font-size: var(--fs-t-h1); font-weight: 700; color: var(--fs-ink);
  width: fit-content; padding-block-end: clamp(10px, 8.2px + 0.51vw, 18px);
  border-block-end: 1px solid var(--fs-line-ink);
}
.fs-p-79 .fs-p79-hero__lead {
  font-size: var(--fs-t-lead); line-height: var(--fs-lh-loose); color: var(--fs-ink-soft);
}
/* 진행 눈금(01 — 09) — 밝은 히어로라 본문 섹션의 --light 와 같은 값으로 맞춘다.
   끝수 «09» 만 --fs-muted(#6E6E6E)가 아이보리 밴드 위에서 4.39:1 로 AA 미달이라
   §9 베이지 밴드와 같은 처방(--fs-ink-soft)으로 간다 — 굵기 400 이 위계를 잡는다. */
.fs-p-79 .fs-p79-hero .fs-progress__num { color: var(--fs-ink); }
.fs-p-79 .fs-p79-hero .fs-p79-rule__end { font-weight: 400; color: var(--fs-ink-soft); }
.fs-p-79 .fs-p79-hero .fs-progress__track { background: var(--fs-line-control); }
.fs-p-79 .fs-p79-hero .fs-progress__fill { background: var(--fs-teal-dk); }

@media (min-width: 1024px) {
  .fs-p-79 .fs-p79-hero .fs-hero__bg { display: block; }
  .fs-p-79 .fs-p79-hero .fs-mo-hero { display: none; }
}
/* 모바일 — 카피 아이보리 밴드 위 / 사진 아래. 사진 위에 글자를 얹지 않으므로 대비 사고 0 */
@media (max-width: 1023px) {
  .fs-p-79 .fs-p79-hero { min-height: auto; align-items: stretch; background: #F4EDE3; }
  .fs-p-79 .fs-p79-hero .fs-hero__bg { display: none; }
  .fs-p-79 .fs-p79-hero .fs-mo-hero { display: block; aspect-ratio: 1080 / 1444; overflow: hidden; grid-row: 2; }
  .fs-p-79 .fs-p79-hero .fs-hero__inner { grid-row: 1; padding-block: calc(var(--fs-header-h) + var(--fs-sp-9)) var(--fs-sp-11); }
  .fs-p-79 .fs-p79-hero .fs-mo-hero img { width: 100%; height: 100%; object-fit: cover; }
  .fs-p-79 .fs-p79-hero__copy { max-width: 100%; }
}

/* ==========================================================================
   3. 게이트 — 재수술 4갈래 (섹션 직계 자식이라 화면 전폭)
   ========================================================================== */
/* 2026-09-09 · 「리프팅 재수술」이 리프팅 카테고리로 옮겨가 게이트가 4→3 갈래가 됐다.
   2열 격자에 3장이면 오른쪽 아래가 빈 칸으로 남는다. 트랙을 «2배(4개)»로 쪼개고
   패널을 span 2 로 두면 폭 계산이 2열과 픽셀까지 같으면서((W-6)/4*2+2 == (W-2)/2)
   마지막 한 장만 가운데 칸으로 옮길 수 있다.
   3열로 줄이는 안은 버렸다 — 캡션 폭이 293px 로 좁아져 .fs-p79-gate__desc 의
   -webkit-line-clamp 가 무너진다(grid item 이라 -webkit-box 가 flow-root 로 blockify 되어
   높이가 1px 이 된다). 카드 비율·글자 크기는 승인 시안 그대로 둔다. */
.fs-p-79 .fs-p79-gate {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2px; background: var(--fs-cream);
  margin-block-start: var(--fs-gap-title);
}
.fs-p-79 .fs-p79-gate__panel { grid-column: span 2; }
/* 홀수 번째로 끝나는 마지막 한 장(=3장 중 3번째)만 가운데 칸으로 */
.fs-p-79 .fs-p79-gate__panel:last-child:nth-child(odd) { grid-column: 2 / span 2; }
.fs-p-79 .fs-p79-gate__panel { position: relative; min-width: 0; background: var(--fs-ink-band); }
.fs-p-79 .fs-p79-gate__link { display: grid; height: 100%; color: var(--fs-on-dark); text-decoration: none; }
.fs-p-79 .fs-p79-gate__media { display: block; overflow: hidden; aspect-ratio: 3 / 4; }
.fs-p-79 .fs-p79-gate__media img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform var(--fs-dur) var(--fs-ease);
}
.fs-p-79 .fs-p79-gate__cap {
  padding: var(--fs-sp-5); display: grid; gap: var(--fs-sp-2); align-content: end; justify-items: start;
}

.fs-p-79 .fs-p79-gate__no {
  font-family: var(--fs-font-en); font-size: var(--fs-t-sm); font-weight: 700;
  letter-spacing: var(--fs-ls-wide);
}
.fs-p-79 .fs-p79-gate__name { font-size: var(--fs-t-h3); font-weight: 700; line-height: var(--fs-lh-head); }
.fs-p-79 .fs-p79-gate__desc { font-size: var(--fs-t-sm); line-height: var(--fs-lh-body); }
.fs-p-79 .fs-p79-gate__arrow {
  display: grid; place-items: center; width: 40px; aspect-ratio: 1;
  border: 1px solid var(--fs-on-dark); border-radius: var(--fs-radius-round);
  margin-block-start: var(--fs-sp-2);
}
.fs-p-79 .fs-p79-gate__arrow svg { width: 40%; height: 40%; }

/* 2행 2열 · 오버레이 — 카드 비율을 가로 원본(1704x760)과 정확히 맞춘다.
   비율이 일치하면 cover 크롭이 0이라 인물이 절대 안 잘리고 스크림에도 안 덮인다.
   1280 미만에서는 이 비율이면 카드가 너무 납작해 캡션이 안 들어가므로
   베이스(세로컷 + 캡션 아래)의 2열 배치를 그대로 쓴다. */
@media (min-width: 1280px) {
  /* 이 폭에서는 사진이 패널을 통째로 덮고 캡션이 그 위에 잉크로 얹힌다.
     패널 바닥색을 --fs-ink-band 로 두면 사진이 안 떴을 때 #111 글자가 #111 면에
     그대로 묻힌다(대비 1:1). 밴드와 같은 크림으로 바꾸면 폴백에서도 15.9:1 이다.
     사진이 뜬 상태의 화면은 1픽셀도 달라지지 않는다. */
  .fs-p-79 .fs-p79-gate__panel { aspect-ratio: 1704 / 760; background: var(--fs-cream); }
  .fs-p-79 .fs-p79-gate__link { position: relative; display: block; }
  .fs-p-79 .fs-p79-gate__media { position: absolute; z-index: 0; inset: 0; aspect-ratio: auto; }
  .fs-p-79 .fs-p79-gate__media picture { display: contents; }
  /* 스크림 없이 사진의 빈 배경 위에 바로 얹는다 — 캡션 영역 실측 최저 밝기에서
     잉크(#111)가 6.7~9.9:1 이라 AA 를 넘는다. ink-soft·muted 는 door-lift 에서 미달이라 쓰지 않는다. */
  .fs-p-79 .fs-p79-gate__link { color: var(--fs-ink); }
  .fs-p-79 .fs-p79-gate__cap .fs-p79-tag--light {
    color: var(--fs-ink); border-color: var(--fs-line-control);
  }
  .fs-p-79 .fs-p79-gate__arrow { border-color: var(--fs-line-ink); }
  .fs-p-79 .fs-p79-gate__cap {
    position: absolute; z-index: 2; inset-block: 0; inset-inline-start: 0; width: 52%;
    align-content: center; padding: clamp(16px, -34.7px + 3.96vw, 40px);
  }
  .fs-p-79 .fs-p79-gate__desc {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1280px) {
  .fs-p-79 .fs-p79-gate__panel:hover .fs-p79-gate__media img,
  .fs-p-79 .fs-p79-gate__panel:focus-within .fs-p79-gate__media img { transform: scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
  .fs-p-79 .fs-p79-gate__panel,
  .fs-p-79 .fs-p79-gate__media img { transition: none !important; transform: none !important; }
}

/* ==========================================================================
   4. #닥터스 SAY
   ========================================================================== */
.fs-p-79 .fs-p79-say__figs { display: grid; }
.fs-p-79 .fs-p79-say__figs > span { display: block; aspect-ratio: 4 / 5; overflow: hidden; }
.fs-p-79 .fs-p79-say__figs img { width: 100%; height: 100%; object-fit: cover; }
.fs-p-79 .fs-p79-say__sign {
  margin-block-start: var(--fs-sp-5); padding-block-start: var(--fs-sp-4);
  border-block-start: 1px solid var(--fs-line-ink);
  font-size: var(--fs-t-h3); font-weight: 700;
}
.fs-p-79 .fs-p79-say__en {
  margin-block-start: 2px; font-family: var(--fs-font-en); font-size: var(--fs-t-sm);
  letter-spacing: var(--fs-ls-wide); color: var(--fs-muted);
}
.fs-p-79 .fs-p79-say__quote {
  margin-block: var(--fs-sp-8) var(--fs-sp-10);
  font-size: var(--fs-t-display); font-weight: 700;
  line-height: var(--fs-lh-tight); letter-spacing: var(--fs-ls-tight);
  max-width: 22ch;
}
.fs-p-79 .fs-p79-say__cols { display: grid; gap: var(--fs-sp-6); }
@media (min-width: 1024px) {
  .fs-p-79 .fs-p79-say__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--fs-sp-10); }
  .fs-p-79 .fs-p79-say__cols > p:first-child {
    border-inline-end: 1px solid var(--fs-line); padding-inline-end: var(--fs-sp-10);
  }
}

/* ==========================================================================
   5. 원인 9칸 (§4) — §8 흰 도판(.fs-p79-plate)을 그대로 쓴다
      2026-09-09 · 옛 「아이콘 3열(.fs-p79-tri)」은 섹션이 통째로 교체되며 함께 걷어냈다.
      .fs-grid--3 은 600~1023 에서 2열이라 9칸이면 마지막 한 칸이 고아가 된다 → 600 부터 3열.
   ========================================================================== */
.fs-p-79 .fs-p79-cases { margin-block-end: 0; }
/* 600~767 에서 3열로 두면 칸이 169px 이 되어 06「콧구멍이 짝짝이고 코 기둥이 휘어짐」의
   라벨바만 2줄로 접혀 그 바만 14px 내려앉는다(실측 29 vs 43). 그 구간은 2열로 내린다.
   9칸은 홀수라 마지막 한 칸이 고아가 되므로 게이트와 같은 «트랙 2배 + span 2» 로 가운데. */
@media (min-width: 600px) {
  .fs-p-79 .fs-p79-cases { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .fs-p-79 .fs-p79-cases > .fs-p79-plate { grid-column: span 2; }
  .fs-p-79 .fs-p79-cases > .fs-p79-plate:last-child:nth-child(odd) { grid-column: 2 / span 2; }
}
@media (min-width: 768px) {
  .fs-p-79 .fs-p79-cases { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .fs-p-79 .fs-p79-cases > .fs-p79-plate:last-child:nth-child(odd) { grid-column: auto / span 2; }
}

/* ==========================================================================
   6. 행 그리드 — §5 다크 3행 · §6 3정거장
   ========================================================================== */
.fs-p-79 .fs-p79-rows { display: grid; }
.fs-p-79 .fs-p79-row {
  position: relative; display: grid; gap: var(--fs-sp-4);
  grid-template-columns: minmax(0, 1fr); padding-block: var(--fs-sp-8);
}
.fs-p-79 .fs-p79-row + .fs-p79-row::before {
  content: ""; position: absolute; inset-inline: 0; inset-block-start: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--fs-line) 10%, var(--fs-line) 90%, transparent);
}
.fs-p-79 .fs-p79-rows--dark .fs-p79-row + .fs-p79-row::before {
  background: linear-gradient(90deg, transparent, var(--fs-arrow-soft) 10%, var(--fs-arrow-soft) 90%, transparent);
}
.fs-p-79 .fs-p79-row__no {
  font-family: var(--fs-font-en); font-size: var(--fs-t-sm); font-weight: 700; letter-spacing: var(--fs-ls-wide);
}
.fs-p-79 .fs-p79-row__leader { display: none; }
.fs-p-79 .fs-p79-row__icon { display: block; width: 48px; aspect-ratio: 1; }
.fs-p-79 .fs-p79-row__icon img { width: 100%; height: 100%; object-fit: contain; }
.fs-p-79 .fs-p79-row__title { font-size: var(--fs-t-h3); font-weight: 700; line-height: var(--fs-lh-head); }
.fs-p-79 .fs-p79-row__body { font-size: var(--fs-t-body); line-height: var(--fs-lh-loose); }
.fs-p-79 .fs-p79-rows--dark .fs-p79-row__body { color: var(--fs-on-dark); }
@media (min-width: 1024px) {
  .fs-p-79 .fs-p79-row {
    grid-template-columns: 56px 44px 34px minmax(0, 1fr);
    column-gap: var(--fs-sp-6); align-items: start;
  }
  .fs-p-79 .fs-p79-row--nofig { grid-template-columns: 44px 34px minmax(0, 1fr); }
  .fs-p-79 .fs-p79-row__icon { width: 56px; }
  .fs-p-79 .fs-p79-row__leader {
    display: block; align-self: center; height: 0;
    border-block-start: 1px dotted currentColor; opacity: .7;
  }
}
@media (max-width: 1023px) {
  .fs-p-79 .fs-p79-row--fig { grid-template-columns: 48px minmax(0, 1fr); column-gap: var(--fs-sp-5); }
  .fs-p-79 .fs-p79-row--fig .fs-p79-row__icon { grid-row: span 2; }
  .fs-p-79 .fs-p79-row--nofig { grid-template-columns: 44px minmax(0, 1fr); column-gap: var(--fs-sp-5); }
  .fs-p-79 .fs-p79-row--nofig .fs-p79-row__no { grid-row: span 2; }
}

/* ==========================================================================
   7. 다크 선언 (§5)
   ========================================================================== */
.fs-p-79 .fs-p79-decl {
  font-size: var(--fs-t-mega); font-weight: 700;
  line-height: 1.28; letter-spacing: 0.02em;
  max-width: 22em; margin-block: var(--fs-sp-8) var(--fs-sp-12);
}
.fs-p-79 .fs-p79-dark__ghost { opacity: .12; }

/* ==========================================================================
   8. 계측 막대 — 시간축(§6) · 구간(§8)
      수치는 막대가 아니라 HTML 텍스트가 나른다 → 막대가 안 그려져도 정보 손실 0
   ========================================================================== */
.fs-p-79 .fs-p79-axis { position: relative; margin-block: var(--fs-sp-9) var(--fs-sp-12); }
.fs-p-79 .fs-p79-axis__track { position: relative; height: 1px; background: var(--fs-line-control); }
.fs-p-79 .fs-p79-axis__fill { position: absolute; inset-block: 0; inset-inline-start: 0; width: 100%; background: var(--fs-teal-dk); }
.fs-p-79 .fs-p79-axis__tick { position: absolute; inset-block-start: 0; inset-inline-start: var(--fs-x, 0%); width: 0; }
.fs-p-79 .fs-p79-axis__tick::before { content: ""; display: block; width: 1px; height: 12px; background: var(--fs-teal-dk); }
.fs-p-79 .fs-p79-axis__val {
  display: block; margin-block-start: var(--fs-sp-3);
  font-family: var(--fs-font-en); font-size: var(--fs-t-sm); font-weight: 700;
  color: var(--fs-teal-text); transform: translateX(-50%); white-space: nowrap;
}
.fs-p-79 .fs-p79-axis__tick:last-of-type .fs-p79-axis__val { transform: translateX(-100%); }

.fs-p-79 .fs-p79-range { position: relative; height: 1px; background: var(--fs-line-control); margin-block-start: var(--fs-sp-7); }
.fs-p-79 .fs-p79-range__seg { position: absolute; inset-block: 0; inset-inline-start: 15%; width: 15%; background: var(--fs-teal-dk); }
.fs-p-79 .fs-p79-range__val {
  position: absolute; inset-block-start: var(--fs-sp-3); inset-inline-start: var(--fs-x, 0%); width: 0;
  font-family: var(--fs-font-en); font-size: var(--fs-t-xs); font-weight: 700;
  color: var(--fs-teal-text); transform: translateX(-50%); white-space: nowrap;
}

/* ==========================================================================
   9. 도판 · 스트립 · 파노라마 · 알약
   ========================================================================== */
.fs-p-79 .fs-p79-plate { display: grid; align-content: start; }
.fs-p-79 .fs-p79-plate__fig {
  display: grid; place-items: center; background: var(--fs-white);
  padding: var(--fs-sp-6); min-height: clamp(200px, 189px + 0.76vw, 240px);
}
.fs-p-79 .fs-p79-plate__fig img { width: 100%; max-width: clamp(150px, 130.8px + 1.33vw, 220px); height: auto; }
.fs-p-79 .fs-p79-plate__no {
  margin-block-start: var(--fs-sp-5); padding-block-start: var(--fs-sp-4);
  border-block-start: 1px solid var(--fs-line-ink);
  font-family: var(--fs-font-en); font-size: var(--fs-t-xs); font-weight: 700;
  letter-spacing: var(--fs-ls-wide); color: var(--fs-teal-text);
}
.fs-p-79 .fs-p79-plate__desc {
  margin-block-start: var(--fs-sp-4); font-size: var(--fs-t-sm);
  line-height: var(--fs-lh-loose); color: var(--fs-muted);
}

/* 풀블리드 사진 스트립 (§7) — <ol> 을 <section> 직계 자식으로. .fs-bleed(100vw) 금지 */
.fs-p-79 .fs-p79-strip {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px; background: inherit; margin-block-start: var(--fs-gap-title);
}
.fs-p-79 .fs-p79-strip__media { display: block; overflow: hidden; aspect-ratio: 4 / 5; }
.fs-p-79 .fs-p79-strip__media img { width: 100%; height: 100%; object-fit: cover; }
.fs-p-79 .fs-p79-strip .fs-p79-plate__body { padding: var(--fs-sp-5) var(--fs-sp-5) 0; }
@media (min-width: 1024px) {
  .fs-p-79 .fs-p79-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .fs-p-79 .fs-p79-strip__media { aspect-ratio: auto; height: clamp(320px, 264px + 3.89vw, 420px); }
  .fs-p-79 .fs-p79-strip .fs-p79-plate__body { padding: var(--fs-sp-6) var(--fs-sp-6) 0; }
}

/* 인테리어 파노라마 (§9) */
.fs-p-79 .fs-p79-pano {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px; background: inherit; margin-block-start: var(--fs-gap-title);
}
.fs-p-79 .fs-p79-pano > li { overflow: hidden; aspect-ratio: 3 / 2; }
.fs-p-79 .fs-p79-pano > li:last-child { grid-column: span 2; }
.fs-p-79 .fs-p79-pano img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 1024px) {
  .fs-p-79 .fs-p79-pano { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .fs-p-79 .fs-p79-pano > li { aspect-ratio: auto; height: clamp(200px, 180px + 1.39vw, 280px); }
  .fs-p-79 .fs-p79-pano > li:last-child { grid-column: auto; }
}

/* 아웃라인 알약 — 틸 채움 .fs-pill 을 쓰지 않는 대체 */
.fs-p-79 .fs-p79-tag {
  display: inline-flex; align-items: center; min-height: 34px;
  padding-inline: var(--fs-sp-4);
  font-size: var(--fs-t-sm); font-weight: 700; letter-spacing: 0.02em;
  color: var(--fs-ink); background: transparent;
  border: 1px solid var(--fs-line-control); border-radius: var(--fs-radius-pill);
}
.fs-p-79 .fs-p79-tag--light { color: var(--fs-on-dark); border-color: var(--fs-arrow-soft); }

/* §8 섹션 마감 헤어라인 */
.fs-p-79 .fs-p79-endrule { margin-block-start: var(--fs-sp-12); height: 1px; background: var(--fs-line); }

/* ==========================================================================
   10. §9 4갈래 재진입 — 링크이므로 56px 이상 (TAP 감사)
   ========================================================================== */
.fs-p-79 .fs-p79-routes { display: grid; gap: 0; margin-block-start: var(--fs-sp-9); }
.fs-p-79 .fs-p79-route {
  display: grid; grid-template-columns: 56px minmax(0, 1fr) 24px;
  align-items: center; column-gap: var(--fs-sp-5);
  min-height: 64px; padding-block: var(--fs-sp-2);
  border-block-start: 1px solid var(--fs-line-control);
  color: var(--fs-ink); text-decoration: none;
}
.fs-p-79 .fs-p79-route__thumb { display: block; width: 56px; aspect-ratio: 1; overflow: hidden; }
.fs-p-79 .fs-p79-route__thumb img { width: 100%; height: 100%; object-fit: cover; }
.fs-p-79 .fs-p79-route__name { font-size: var(--fs-t-pill); font-weight: 700; }
.fs-p-79 .fs-p79-route__arrow { display: grid; place-items: center; color: var(--fs-teal-dk); }
.fs-p-79 .fs-p79-route__arrow svg { width: 20px; height: 20px; }
@media (min-width: 600px) {
  .fs-p-79 .fs-p79-routes { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--fs-gap-col); }
}

/* §9 베이지 위 대비 — --fs-muted(4.3:1) / --fs-teal-text(4.26:1) 는 AA 미달이라 쓰지 않는다 */
.fs-p-79 .fs-p79-cta__lead { font-size: var(--fs-t-lead); line-height: var(--fs-lh-loose); color: var(--fs-ink-soft); }

/* 게이트 4문 — 문마다 얼굴이 상단 가시 영역에 오도록 크롭 위치를 고정 */

/* 화보 프레임 (§6) */
.fs-p-79 .fs-p79-shot { display: block; overflow: hidden; }
.fs-p-79 .fs-p79-shot img { width: 100%; height: 100%; object-fit: cover; }
.fs-p-79 .fs-p79-shot--wide { aspect-ratio: 1000 / 440; }
.fs-p-79 .fs-p79-shot--wide img { object-position: 50% 30%; }
.fs-p-79 .fs-p79-shot--tall { aspect-ratio: 3 / 4; align-self: end; }

/* 리드 폭 제한 */
.fs-p-79 .fs-p79-measure { max-width: 46em; }
.fs-p-79 .fs-p79-measure--wide { max-width: 52em; }

/* ==========================================================================
   11. 역동성 레이어 — 큰 숫자 · 지그재그 · 화면 밖으로 흐르는 사진
       "격자에 갇힌 상자 나열" 을 깨는 것이 목적이다.
   ========================================================================== */

/* 11.1 서수를 활자에서 그래픽으로 승격 — 스케일 대비가 지면에 에너지를 만든다 */
.fs-p-79 .fs-p79-row__no,
.fs-p-79 .fs-p79-plate__no {
  font-size: var(--fs-t-num); font-weight: 700;
  line-height: 1; letter-spacing: var(--fs-ls-tight);
}
.fs-p-79 .fs-p79-plate__no { color: var(--fs-teal-dk); }
.fs-p-79 .fs-p79-rows--dark .fs-p79-row__no { color: var(--fs-on-dark); opacity: .55; }
.fs-p-79 .fs-p79-rows:not(.fs-p79-rows--dark) .fs-p79-row__no { color: var(--fs-teal-dk); opacity: .85; }
@media (min-width: 1024px) {
  .fs-p-79 .fs-p79-row { grid-template-columns: 56px 76px 34px minmax(0, 1fr); }
  .fs-p-79 .fs-p79-row--nofig { grid-template-columns: 76px 34px minmax(0, 1fr); }
}

/* 11.2 게이트 — 2열, 카드 사이를 띄운다 */
@media (min-width: 1280px) {
  .fs-p-79 .fs-p79-gate {
    gap: clamp(12px, 4px + 0.56vw, 20px);
    padding-inline: var(--fs-gutter-wide);
    padding-block-end: clamp(48px, 24px + 1.67vw, 80px);
    background: transparent;
  }
}

/* 11.3 계획 4단계 필름 스트립 — 짝수 칸을 내려 지그재그로 흐르게 */
@media (min-width: 1024px) {
  .fs-p-79 .fs-p79-strip {
    gap: clamp(12px, 4px + 0.56vw, 20px);
    padding-inline: var(--fs-gutter-wide);
    padding-block-end: clamp(40px, 20px + 1.39vw, 64px);
    align-items: start;
  }
  .fs-p-79 .fs-p79-strip > .fs-p79-plate:nth-child(even) {
    margin-block-start: clamp(40px, 20px + 1.39vw, 64px);
  }
}

/* 11.4 인테리어 파노라마도 같은 리듬으로 */
@media (min-width: 1024px) {
  .fs-p-79 .fs-p79-pano {
    gap: clamp(10px, 4px + 0.42vw, 16px);
    padding-inline: var(--fs-gutter-wide);
    align-items: start;
  }
  .fs-p-79 .fs-p79-pano > li:nth-child(even) { margin-block-start: clamp(28px, 14px + 0.97vw, 44px); }
}

/* 11.5 #닥터스 SAY — 인물컷이 화면 왼쪽 끝까지 흘러 나간다 */
/* §3 인물컷은 원본이 500x825 라 화면 끝까지 흘리면 업스케일로 얼굴이 깨진다.
   컬럼 안에 두고, 대신 아래로 살짝 내려 인용문과 어긋나게 앉힌다. */
@media (min-width: 1024px) {
  .fs-p-79 .fs-p79-say__figs { margin-block-start: clamp(32px, 16px + 1.11vw, 56px); }
  .fs-p-79 .fs-p79-say__figs > span { aspect-ratio: 4 / 5; }
  .fs-p-79 .fs-p79-say__figs img { object-position: 50% 12%; }
}

/* ==========================================================================
   12. 틸트 클리핑 보정
   확정 시안은 overflow:hidden 을 '회전하는 요소 자신'에 건다(.fs-doctor__frame).
   여기서는 고정 프레임(.fs-p79-shot / .fs-p79-strip__media)이 자르고 안쪽 <img> 가
   돌기 때문에, 회전한 만큼 프레임 바닥색이 가장자리에 드러난다.
   → 회전체를 살짝 키워 항상 프레임을 넘치게 한다. perspective 1000px · 최대 6deg 기준
     필요 오버필은 약 2~3%, 여유를 둬 6%.
   ========================================================================== */
.fs-p-79 .fs-p79-shot .fs-tilt__inner,
.fs-p-79 .fs-p79-say__figs .fs-tilt__inner,
.fs-p-79 .fs-p79-strip__media .fs-tilt__inner {
  transform: perspective(var(--fs-perspective))
             rotateX(var(--fs-tilt-x, 0deg))
             rotateY(var(--fs-tilt-y, 0deg))
             scale(1.06)
             translate3d(0, 0, 0);
}
/* 납작하거나 세로로 긴 프레임은 노출이 더 커서 오버필을 더 준다 */
.fs-p-79 .fs-p79-shot--wide .fs-tilt__inner,
.fs-p-79 .fs-p79-say__figs .fs-tilt__inner {
  transform: perspective(var(--fs-perspective))
             rotateX(var(--fs-tilt-x, 0deg))
             rotateY(var(--fs-tilt-y, 0deg))
             scale(1.14)
             translate3d(0, 0, 0);
}

/* ==========================================================================
   12. 청록 통일 — 페이지 안의 강조 청록을 라벨바와 같은 --fs-teal-text(#00787F) 로 맞춘다
      .fs-kicker 기본값 --fs-teal(#49BCBD) 은 흰 배경 2.28:1 · 크림2 2.12:1 로 AA 미달이었다.
      .fs-neon-fg(#13F2E6) 는 58px w700 = 대형 텍스트라 기준이 3:1 이고,
      #00787F 는 잉크밴드 위 3.59:1 로 통과한다(#00646B 는 2.73:1 이라 못 쓴다).
   ========================================================================== */
.fs-p-79 .fs-kicker  { color: var(--fs-teal-text); }
.fs-p-79 .fs-neon-fg { color: var(--fs-teal-text); }

/* ==========================================================================
   13. [마이크로] 섹션 제목 뒤 70px 틸 선 — 48/104/109 에서 검증된 구현
   ★ 함정: 「.is-in 이면 보이기」로 짜면 첫 화면 제목의 선이 영원히 안 그어진다.
     fs.js:222 는 첫 화면 안에 있던 대상에 .fs-reveal 클래스 자체를 안 붙인다.
     → 기본을 「그어진 상태」로 두고, 실제 리빌 대상에만 초기 은닉을 건다.
   이 페이지의 .fs-h2 8개는 전부 왼쪽 정렬이다(가운데정렬 제목 0개).
   #hero-title(h1) 은 이미 자기 폭 헤어라인 밑줄을 갖고 있고 .fs-h2 가 아니라 빠진다.
   #contact-title 은 .fs-sr-only 라 역시 빠진다.
   ========================================================================== */
.fs-p-79 .fs-h2 { position: relative; }
.fs-p-79 .fs-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-79 .fs-h2.fs-reveal:not(.is-in)::after,
:root.fs-js .fs-p-79 .fs-reveal:not(.is-in) .fs-h2::after { transform: scaleX(0); }

/* 선이 h2 상자를 14px 늘리므로 「제목 바로 뒤에 리드가 0px 로 붙는」 자리만 띄운다.
   실측 대상은 §2 «진료 안내» 하나다 — 나머지 리드·본문은 인라인 margin 을 갖고 있어
   (sp-5/sp-6/gap-title) 이 규칙보다 우선하거나 이미 20px 이상 떨어져 있다. */
.fs-p-79 .fs-h2 + .fs-lead { margin-block-start: var(--fs-sp-5); }

/* ==========================================================================
   14. [마이크로] 호버 — 프레임 고정 + 사진만 scale(1.045). 그림자는 쓰지 않는다.
   §9 재진입 링크 4개는 유일하게 호버 피드백이 0 이었다(색·선·확대 어느 것도 없음).
   썸네일 프레임(.fs-p79-route__thumb)이 overflow:hidden 이라 프레임은 고정된다.
   · 의학 도해(§8 자가조직 4장)에는 걸지 않는다 — 확대는 프레임 크롭이다.
   · §9 인테리어 파노라마는 링크가 아니라 걸지 않는다.
   ========================================================================== */
.fs-p-79 .fs-p79-route__thumb img { transition: transform var(--fs-dur-slow) var(--fs-ease-out); }
@media (hover: hover) and (pointer: fine) {
  .fs-p-79 .fs-p79-route:hover .fs-p79-route__thumb img,
  .fs-p-79 .fs-p79-route:focus-visible .fs-p79-route__thumb img { transform: scale(1.045); }
}

/* ==========================================================================
   15. reduced-motion — 위에서 얹은 모션을 정지 상태로 확정한다.
       제목 선은 「그어진 상태」가 정지 상태다(scaleX(1)).
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  .fs-p-79 .fs-h2::after { transform: scaleX(1) !important; transition: none !important; }
  .fs-p-79 .fs-p79-route__thumb img { transition: none !important; }
  .fs-p-79 .fs-p79-route:hover .fs-p79-route__thumb img { transform: none !important; }
}

/* ==========================================================================
   ▼▼▼ 2026-09-14 · 카테고리 틴트 2단계 — 재수술 = 웜 그레이 #E3DDD6 (fs.css «카테고리 틴트» 블록 + body.fs-cat-revision)
   공용 블록이 헤더 뒤 바탕·히어로 바탕·메뉴 안개(연한색 .62/.34/0)·글자 후광을 정한다. 여기서는 사진에 맞춘 «위치» 만:
   · 카피 쪽(왼쪽) 가로 스크림 — 틴트 .92 → 0 @58% (모델은 x 57%~, ::after 는 09-10 의 바닥 램프가 쓰고 있어 ::before 로)
   · LOCK 4 — 히어로 다음 #route 가 크림이라 흰으로. 리듬 틴트(사진) → 흰 → 흰(say) → 크림 → 잉크 → 크림2 → 흰 → 크림 → 베이지 → 흰.
   모델 위치(71%)·바닥 램프·모바일 스택은 그대로(바탕색만 틴트로 따라온다).
   ========================================================================== */
.fs-p-79 .fs-p79-hero .fs-hero__bg::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  /* 컬러 워시 사진(왼쪽이 밝아짐)에서 킥커가 4.40 으로 내려가 .92 → .97 (킥커 자리는 틴트 그대로) */
  background: linear-gradient(90deg, rgba(var(--fs-cat), .97) 0%, rgba(var(--fs-cat), .95) 28%, rgba(var(--fs-cat), .50) 46%, rgba(var(--fs-cat), 0) 58%);
}
.fs-p-79 #route { background: var(--fs-white); }

/* ==========================================================================
   ▼▼▼ 2026-09-14 · 승인자 「81 코재수술의 모델 크기·위치에 79·80·82 를 맞춰라」
   지금은 cover 풀블리드(배율 0.8)라 머리가 헤더 띠 안(크라운 y≈30)에서 잘리고 목에서 끊긴다.
   81 실측(1920): 크라운 y58(GNB 글줄 바로 아래) · 턱 y425(머리 367px) · 머리 중심 x 1280 = 66.7vw. 이 사진(2400×1200)은
   크라운 348 · 턱 800(452행) · 머리 x 1560~2140(중심 1850) → 배율 0.812(상자 2400/751 = 히어로높이×3.196), 위 225px 크롭(62%).
   상자(1949px)가 1920 보다 넓어 오른쪽 여백식으로는 캡되므로 왼쪽 좌표로 앉힌다:
   left = 66.7vw − (1850/2400)×상자폭 = 66.7vw − 2.464×히어로높이 → 1920 에서 −223px(왼쪽은 히어로 overflow 로 잘린다).
   상자는 .fs-hero__bg 가 아니라 img 에 건다 — ::before(왼쪽 틴트 스크림)·::after(바닥 램프)가 전폭에 남아야 한다.
   사진 배경(237~250)이 틴트(227,221,214)보다 밝아 왼쪽 16%·오른쪽 8% 를 마스크로 녹인다. <1024 스택(-mo)은 그대로.
   ========================================================================== */
@media (min-width: 1024px) {
  .fs-p-79 .fs-p79-hero .fs-hero__bg img {
    position: absolute; inset-block: 0;
    inset-inline-start: calc(66.667vw - 2.464 * clamp(430px, 341.5px + 14vw, 610px)); inset-inline-end: auto;
    width: auto; max-width: none; height: 100%; aspect-ratio: 2400 / 751;   /* fs.css img{max-width:100%} 가 상자를 화면 폭으로 캡한다 */
    object-fit: cover; object-position: 50% 62%;
    -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%);
  }
}
/* 컬러 워시 후 킥커 4.40 — 위 「81 에 맞춰라」 블록이 img 를 절대배치로 바꿔 ::before(틴트 스크림)가 사진 «아래» 로 내려갔다
   (둘 다 positioned, DOM 뒤인 img 가 위). 스크림을 사진 위로. */
@media (min-width: 1024px) { .fs-p-79 .fs-p79-hero .fs-hero__bg::before { z-index: 1; } }

/* ==========================================================================
   ▼▼▼ 2026-09-17 · 승인자 「79 히어로도 81 코재수술·80 눈재수술·82 리프팅재수술과 같은 포맷 — 영문, 한글, 줄, 설명」
   자간 넓은 몬세라트 킥커 · 40px 제목 + 잉크 폭 헤어라인 밑줄(fs.css ::after 짧은 줄까지 두 줄이 겹쳐 보였다) →
   81.css 1절 값: 킥커 21/500/토프 다크 · 제목 58/700/잉크 · 줄 span(fs.css 정본 줄 스펙, ::after 자동 해제) · 리드 20/30/#111.
   진행 눈금(01 — 09)은 본문 섹션 번호(02~09)와 이어지는 장치라 리드 아래에 그대로 둔다. 사진·배치·높이·모바일 스택은 그대로.
   ========================================================================== */
.fs-p-79 .fs-p79-hero__copy { max-width: 40rem; gap: var(--fs-sp-3); }
.fs-p-79 .fs-p79-hero .fs-hero__kicker {
  font-family: inherit; text-transform: none;
  font-size: clamp(15px, 13.5px + 0.42vw, 21px);
  letter-spacing: 0.02em; font-weight: 500; color: var(--fs-teal-dk);
}
.fs-p-79 .fs-p79-hero .fs-hero__title {
  font-size: clamp(30px, 21.4px + 2.39vw, 58px);
  font-weight: 700; line-height: 1.22; color: var(--fs-ink);
  width: auto; padding-block-end: 0; border-block-end: 0;
}
.fs-p-79 .fs-p79-hero .fs-p79-hero__lead { max-width: 34em; line-height: 1.5; color: var(--fs-ink); }
.fs-p-79 .fs-p79-hero .fs-p79-rule { margin-block-start: var(--fs-sp-5); }

/* ==========================================================================
   ▼▼▼ 2026-10-22 · 모바일 최적화(승인자 「홈페이지 전체적인 모바일 최적화 진행」) — 줄바꿈은 전 폭, 배치는 599px/1023px 이하만.
   PC 요소 위치 무변화(1024·1440·1920 실측). 백업 _src/build/backup-79-1022-mo · 실측 _design/momeasure.py 360/390/540/768.
   · balance(전 폭): 행 본문 · 도판 설명 · 상담 리드 · 계획 리드 · 선언문 · 영문 킥커 — 360 에서 「합니다.」「됩니다.」「입니다.」 외톨이.
     게이트 설명은 ≥1280 에서 line-clamp 3 이라 1279 이하만(잘리는 글이 바뀌지 않게).
   · 원인 9칸: <600 1열(3,053px) → 600~767 과 같은 «트랙 4 · span 2» 2열 + 마지막 한 칸 가운데. 155px 칸이라 라벨바 한 단 작게,
     06 처럼 라벨바가 접혀도 같은 줄 번호가 맞게 도판 행을 auto 1fr auto 로(라벨바 칸이 늘어난다).
   · 시기 축: 눈금 라벨이 폭 0 상자 안이라 translateX(-50%/-100%) 가 0 이 되어 「6개월」 이 화면 밖으로 잘렸다(360 「6가」).
     1023 이하만 라벨을 max-content 로 — 가운데/오른끝 정렬이 원래 의도대로 먹는다. PC 는 무변경(넘쳐도 거터 안).
   ========================================================================== */
.fs-p-79 .fs-p79-row__body,
.fs-p-79 .fs-p79-plate__desc,
.fs-p-79 .fs-p79-cta__lead,
.fs-p-79 .fs-p79-measure,
.fs-p-79 .fs-p79-decl,
.fs-p-79 #say .fs-body,
.fs-p-79 #need .fs-body,
.fs-p-79 #hard .fs-body,
.fs-p-79 #material .fs-body,
.fs-p-79 .fs-kicker--en,
.fs-p-79 .fs-p79-cases .fs-labelbar { text-wrap: balance; }   /* 768 「…코 기둥이 / 휘어짐」 */
@media (max-width: 1279px) {
  .fs-p-79 .fs-p79-gate__desc { text-wrap: balance; }
}
@media (max-width: 1023px) {
  .fs-p-79 .fs-p79-axis__val { width: max-content; }
}
@media (max-width: 599px) {
  .fs-p-79 .fs-p79-cases { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .fs-p-79 .fs-p79-cases > .fs-p79-plate { grid-column: span 2; grid-template-rows: auto 1fr auto; align-content: stretch; }
  .fs-p-79 .fs-p79-cases > .fs-p79-plate:last-child:nth-child(odd) { grid-column: 2 / span 2; }
  .fs-p-79 .fs-p79-cases .fs-p79-plate__fig { padding: var(--fs-sp-4); min-height: 0; }
  .fs-p-79 .fs-p79-cases .fs-labelbar { font-size: var(--fs-t-xs); word-break: keep-all; }
}