/* 기본값: 바로 보임 */
.r57-reveal{opacity:1;transform:none;}
.r57-line{opacity:1;transform:none;}
[data-r57-grow]{--r57-grow:1;}
.r57-stagger-item{opacity:1;transform:none;}

@media screen and (prefers-reduced-motion:no-preference){
 /* ── 공통: 위로 24px 떠오르며 등장(구역 제목·본문, 한 번만) ── */
 html.r57-motion .r57-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);}
 html.r57-motion .r57-reveal.is-in{opacity:1;transform:none;}

 /* ── 줄 단위 등장(메인 h1 등, 줄마다 0.12초씩 늦게) ── */
 html.r57-motion .r57-line{display:block;opacity:0;transform:translateY(14px);filter:blur(4px);transition:opacity .62s ease,transform .62s ease,filter .62s ease;}
 html.r57-motion .r57-line.is-in{opacity:1;transform:none;filter:blur(0);}

 /* ── 첫 큰 사진: 안쪽 틀(80%)에서 화면 가득으로(스크롤 진행률 --r57-grow: 0~1) ── */
 html.r57-motion [data-r57-grow]{width:calc(80% + 20% * var(--r57-grow));margin-inline:auto;border-radius:calc(16px * (1 - var(--r57-grow)));overflow:hidden;transition:border-radius .2s linear;will-change:width;}

 /* ── 순차 등장(프리빌리지 01~06 등, 간격은 [data-r57-stagger]) ── */
 html.r57-motion .r57-stagger-item{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease;}
 html.r57-motion .r57-stagger-item.is-in{opacity:1;transform:none;}

 /* ── 아주 약한 시차([data-r57-parallax]: 사진을 꼭 감싼 틀. 틀은 그대로, 안의 사진만 ±3.5% 이동 — 1020 MO-01) ── */
 html.r57-motion [data-r57-parallax]{overflow:hidden;}
 html.r57-motion [data-r57-parallax] img{transform:translate3d(0,var(--r57-par,0%),0) scale(1.08);will-change:transform;}
}

/* 멤버십 카드 호버 모션은 assets/r57-membership-widget-1019.css에서(카드마다 엇갈린 기준 Y값이 달라 카드별로 정의). */