/* 6차 미리보기(2026-10-28 · ko-ver2) — 원장 실사진 교체(renewal/이미지/01 · 02) · 메인 유튜브 · 블로그 자동 넘김. 생성 batch-1028/r6.py */

/* 메인 ‘미친 치과의사’ 띠: 오려낸 사진 → 배경 있는 사진(6차 02 · 7차 01 + 수술실 배경). 가장자리를 어두운 바탕으로 흐리게 */
.r5-dr__ph img[src*="r6-doc-band"], .r5-dr__ph img[src*="r7-doc-band"] { filter: none;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 32%, #000 84%, transparent), linear-gradient(180deg, transparent, #000 26%);
  -webkit-mask-composite: source-in;
          mask-image: linear-gradient(90deg, transparent, #000 32%, #000 84%, transparent), linear-gradient(180deg, transparent, #000 26%);
          mask-composite: intersect; }

/* 원장 소개 배너(01 + 왼쪽 · 위쪽 어두운 바탕): PC 는 모자 윗부분이 잘리지 않게 위쪽 기준 */
@media (min-width: 1024px) { .dr3-hero .shero__bg[src*="r6-dr-hero"], .dr3-hero .shero__bg[src*="r7-dr-hero"] { object-position: 72% 30%; } }
/* 원장 소개 인사말(02, 가로 사진): 원장과 뒤 ‘1’ 로고가 들어오게 오른쪽 기준 */
.v7-greet__ph img[src*="r6-doc-clinic"] { object-position: 78% 50%; }

/* 메인 유튜브: 영상이 뜨기 전에는 그 영상 썸네일을 깔아 둔다 */
.r6-yt__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* 목록 5개 — 모바일에서도 5개 모두(자동 넘김이 다섯째로 갈 때 강조가 보이게) */
.r5-yt__list > li:nth-child(n+5) { display: block; }

/* 메인 블로그: 지금 큰 화면에 나온 글을 목록에서 강조 · 큰 화면은 바뀔 때 잠깐 흐려짐 */
.r5-bi.is-on { background: #f6f3ee; box-shadow: inset 3px 0 0 var(--gold); }
.r5-bl > * { transition: opacity .25s; }
.r5-bl.r6-fade > * { opacity: 0; }