/* 정원한의원 메인 스크롤 몰입 연출 — /static/immersive.js 가 html.mx 를 붙였을 때만 작동 */
html.mx, html.mx body { scroll-behavior: auto !important; }
html.mx.lenis, html.mx.lenis body { height: auto; }
html.mx .lenis.lenis-smooth { scroll-behavior: auto !important; }

/* 먹 번짐 낱말 */
.mx-ink { display: inline-block; will-change: transform, filter, opacity; }

/* 사진 시차 — translate·scale 개별 속성이라 hover transform 과 충돌하지 않는다 */
html.mx .mx-pimg { translate: 0 var(--mx-y, 0%); scale: var(--mx-s, 1); will-change: translate, scale; }

/* 진료 여정: 금빛 연결선이 그어지고 지금 단계에 불이 켜짐 */
html.mx .mx-journey::after {
  content: ''; position: absolute; top: 46px; left: 10%; right: 10%; height: 2px; z-index: 0;
  background: linear-gradient(90deg, rgba(201,169,106,0), #c9a96a 10%, #e3c98f 90%, rgba(201,169,106,0));
  box-shadow: 0 0 12px rgba(201,169,106,.55);
  transform: scaleX(var(--mx-p, 0)); transform-origin: 0 50%; pointer-events: none;
}
html.mx .mx-journey .journey__step { transition: transform .5s cubic-bezier(.22,1,.36,1), border-color .5s, background-color .5s, box-shadow .5s; }
html.mx .mx-journey .journey__step.mx-on { border-color: rgba(201,169,106,.75); background-color: rgba(255,255,255,.09); box-shadow: 0 18px 40px -22px rgba(201,169,106,.55); transform: translateY(-6px); }
@media (max-width: 980px) { html.mx .mx-journey::after { display: none; } }

/* 옆에서 들어오는 요소가 가로 스크롤을 만들지 않도록 */
html.mx body { overflow-x: clip; }