/* 10차 미리보기(2026-10-30 · ko-ver2) — 메인 사진. 생성 batch-1030b/r10.py */

/* ‘미친 치과의사’ 띠: 사용자 캡처에 보이던 범위만 자른 사진(1587x620) — PC 는 섹션 비율을 사진과 같게 해서 그 범위가 그대로 보이게 */
@media (min-width: 1024px) {
  .r10-dr { min-height: 0; aspect-ratio: 1587 / 620; }
  .r10-dr .r5-dr__in { padding-block: clamp(40px, 3vw, 80px); }
  .r10-dr .r5-dr__ph img { object-position: 50% 50%; }
}
/* 모바일: 글 아래, 같은 범위 안에서 원장 쪽 16:9 */
@media (max-width: 1023px) {
  .r10-dr .r5-dr__ph { aspect-ratio: 16 / 9; }
  .r10-dr .r5-dr__ph img { object-position: 80% 50%; }
}

/* Why 카드 01: 밝은 사진(참고 이미지 분위기) — 카드 아래를 밝게 바래고 글자를 어둡게 */
.r5-wc.r10-light { background: #f7f4ef; color: var(--ink, #1b1916); }
.r10-light .r5-wc__ph::after { background: linear-gradient(180deg, rgba(247,244,239,0) 0%, rgba(247,244,239,0) 66%, rgba(247,244,239,.8) 80%, #f7f4ef 94%); }
@media (max-width: 1023px) {
  .r10-light .r5-wc__ph img { object-position: 50% 100% !important; }   /* 숫자가 글자 위에 오게 사진을 위로 */
  .r10-light .r5-wc__ph::after { background: linear-gradient(180deg, rgba(247,244,239,0) 0%, rgba(247,244,239,0) 54%, rgba(247,244,239,.85) 68%, #f7f4ef 86%); }
}
.r10-light .r5-wc__t { color: #1b1916; }
.r10-light .r5-wc__d { color: #4a4540; border-top-color: rgba(169,132,62,.55); }
.r10-light .r5-wc__d b { color: #a9843e; }
.r10-light .r5-wc__no { color: rgba(27,25,22,.62); }
.r10-light .r5-wc__ic { background: rgba(255,255,255,.72); border-color: #b8924c; }
.r10-light .r5-wc__ic svg { stroke: #a9843e; }

/* 대표진료 04: 실제 사진 — 카드의 어둡게 하는 필터를 끈다 */
.r5-sc__ph img[src*="r10-sig"] { filter: none; }

/* 전후 사진 이식술 넷째: 사진 네 변이 모두 보이게 칸 안쪽에 여백(사진이 위아래 끝에 닿아 잘려 보이지 않게) */
.r10-fit .r4-ba__fr { padding: 18px; }
.r10-fit .r4-ba__fr figcaption { left: 26px; top: 26px; }
@media (max-width: 1023px) {
  .r10-fit .r4-ba__fr { padding: 8px; }
  .r10-fit .r4-ba__fr figcaption { left: 12px; top: 12px; }
}