/* 9차 미리보기(2026-10-30 · ko-ver2) — 메인 사진 교체 · 보정. 생성 batch-1030/r9.py */

/* 메인 ‘미친 치과의사’ 띠: 이미지 03 전체를 섹션 바탕으로 — 어두운 덮개 · 가장자리 흐림 없음.
   CRAZY DOCTOR 윤곽 글자는 사진 뒤(사진을 가리지 않음). 사진 왼쪽이 원래 어두워 글자는 덮개 없이 읽힌다 */
.r9-dr .r5-dr__ph { position: absolute; inset: 0; z-index: 0; width: auto; margin: 0; }
.r9-dr .r5-dr__ph img { width: 100%; height: 100%; object-fit: cover; object-position: 72% 50%; filter: none; -webkit-mask-image: none; mask-image: none; }
/* 글자 쪽(왼쪽)만 아주 옅게 — 작은 이름 줄이 사진 속 장비 위에서도 읽히게. 사진 오른쪽(원장)은 덮지 않음 */
@media (min-width: 1024px) {
  .r9-dr .r5-dr__ph::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(8,10,14,.5) 0%, rgba(8,10,14,.28) 30%, rgba(8,10,14,0) 48%); }
}
@media (max-width: 1023px) {
  .r9-dr .r5-dr__ph { position: relative; inset: auto; width: 100%; margin: 30px 0 0; aspect-ratio: 3 / 2; }
  .r9-dr .r5-dr__ph img { object-position: 74% 50%; }
}

/* 메인 대표진료 01 · 04: 밝게 보정한 사진은 카드의 어둡게 하는 필터를 끈다 */
.r5-sc__ph img[src*="r9-sig"] { filter: none; }

/* 메인 Why 카드 01: 연출 이미지 표시를 번호 아래(글 자리와 겹치지 않게) */
.r5-wc__ph .r8-staged { top: 68px; right: 24px; bottom: auto; }
@media (max-width: 1023px) { .r5-wc__ph .r8-staged { top: 58px; right: 18px; } }