/* 메인 스크롤 몰입 연출 — js/immersive.js 가 html.mx 를 붙였을 때만 작동 */
html.mx.lenis, html.mx.lenis body { height: auto; }
html.mx .lenis.lenis-smooth { scroll-behavior: auto !important; }
html.mx { scroll-behavior: auto !important; }
/* 기존 등장 효과(.reveal·micro.js 의 .mi-reveal)는 이 시안이 대신 맡는다 — 인라인 GSAP 값이 이기도록 !important 없이 */
html.mx .reveal, html.mx .mi-reveal { opacity: 1; transform: none; transition: none; }


/* 제목 낱말 마스크 */
.mx-w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .08em; margin-bottom: -.08em; }
.mx-wi { display: inline-block; will-change: transform; }

/* 철학 문장: 스크롤 따라 한 낱말씩 밝아짐 */
.mx-read .mx-wi { opacity: .14; transition: none; }

/* 사진 시차 */
.mx-par { overflow: hidden; }
.mx-par img { will-change: transform; transform-origin: 50% 50%; }

/* 소개 영상: 카드에서 전체 화면으로 */
.mx-video { will-change: clip-path; }

/* 큰 장면 전환 문구 */
.mx-scene { position: relative; height: 180vh; background: #14100c; color: #f4ece1; }
.mx-scene-pin { position: sticky; top: 0; height: 100vh; display: grid; place-items: center; overflow: hidden; }
.mx-scene-bg { position: absolute; inset: -10%; background: center/cover no-repeat; opacity: .55; filter: saturate(.85); will-change: transform; }
.mx-scene-veil { position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(20,16,12,.55), rgba(20,16,12,.92)); }
.mx-scene-copy { position: relative; text-align: center; padding: 0 24px; max-width: 980px; }
.mx-scene-copy small { display: block; letter-spacing: .32em; font-size: .78rem; color: #C8A97E; margin-bottom: 22px; font-weight: 600; }
.mx-scene-copy p { font-size: clamp(1.9rem, 4.6vw, 3.6rem); line-height: 1.32; font-weight: 700; word-break: keep-all; margin: 0; }
.mx-scene-copy p em { font-style: normal; color: #E8D5B7; }

@media (max-width: 767px) {
  .mx-scene { height: 150vh; }
  .mx-scene-copy p { font-size: 1.75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .mx-read .mx-wi { opacity: 1; }
  .mx-scene { height: auto; }
  .mx-scene-pin { position: relative; height: 80vh; }
}

/* 층별 안내: 지금 지나는 층 강조 */
html.mx .floor-item { transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s, border-color .45s, background-color .45s; }
html.mx .floor-item.mx-on { transform: translateX(-12px) scale(1.025); background-color: #fff; border-color: #C8A97E; box-shadow: 0 18px 40px -18px rgba(107,66,38,.45); }
html.mx .floor-item.mx-on .floor-number { color: #6B4226; }
/* 특징 띠 기울기 */
html.mx .features-banner .container { will-change: transform; }
/* 옆에서 들어오는 카드가 가로 스크롤을 만들지 않도록 */
html.mx #home-local-care, html.mx .guide-section, html.mx .promise-section, html.mx .floor-section { overflow-x: clip; }
@media (max-width: 767px) { html.mx .floor-item.mx-on { transform: scale(1.02); } }