/* 17차 미리보기(2026-10-30 · ko-ver2) — 병원 소개 Treatment Philosophy A안 배경을 원장 소개 Our Promise(.mission)와 같은 배경으로.
   회색 곡면 사진(mission-bg.jpg) + 떠 있는 자연치아 · 별 · 구슬(.mfx — 임플란트 아이콘 없음). 생성 batch-1030i/r17.py
   바탕이 밝아져 글자 · 카드 색만 밝은 바탕용으로 바꿨다(배치 · 크기는 A안 그대로). */
.r17-bg.r16-ph--a { background: #e9e7e3; color: var(--ink, #1b1916); }
.r17-bg.r16-ph--a::before { content: none; }
.r17-bg .mission__bg { z-index: 0; }
.r17-bg .mission__fx { z-index: 1; }
.r17-bg .r16-ph__in { z-index: 2; }
.r17-bg .r16-ph__t { color: #1b1916; }
.r17-bg.r16-ph--a .r16-ph__t em { background: linear-gradient(90deg, #b8924c, #8f6a2c); -webkit-background-clip: text; background-clip: text; color: transparent; }
.r17-bg.r16-ph--a .r16-ph__line { background: #a9843e; }
.r17-bg.r16-ph--a .r16-ph__list { background: rgba(169,132,62,.3); border-color: rgba(169,132,62,.38); }
.r17-bg.r16-ph--a .r16-ph__it { background: rgba(255,255,255,.62); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.r17-bg.r16-ph--a .r16-ph__no { -webkit-text-stroke: 1px #a9843e; }
.r17-bg.r16-ph--a .r16-ph__it h3 { color: #1b1916; }
.r17-bg.r16-ph--a .r16-ph__it p { color: #4a4540; }
@media (hover: hover) { .r17-bg.r16-ph--a .r16-ph__it:hover { background: rgba(255,255,255,.85); } .r17-bg.r16-ph--a .r16-ph__it:hover .r16-ph__no { color: #a9843e; } }

/* 글이 왼쪽 정렬이라 큰 치아 아이콘이 제목에 겹침 → 글 없는 자리로(PC: 제목과 카드 사이 · 모바일: 맨 위 여백) */
.r17-bg .mfx--1 { --x: 39%; --y: 22%; }
@media (max-width: 1023px) {
  .r17-bg .mfx--1 { --x: 84%; --y: 58px; --s: 64px; --z: 0; }   /* 원근 깊이 0 — 모바일 좁은 화면에서 밖으로 밀리지 않게 */
  .r17-bg .mfx--2 { --x: 66%; --y: 52px; --s: 50px; --z: 0; }
}