/* 영상 참고: 겹친 기능 카드가 펼쳐지고 연결되는 설명 장면. */
.motion-story{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;margin:0 0 24px;background:var(--surface,#F3F7FB);border:0;min-width:0}.motion-story-copy{padding:32px 24px;min-width:0}.motion-story h2{font-size:26px;line-height:1.4;margin:10px 0 12px;letter-spacing:-.8px}.motion-story-copy p{font-size:14px;color:var(--muted,#56607A);max-width:340px;line-height:1.8}.motion-story ol{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px 18px}.motion-story li{font-size:12px;color:var(--text,#1B2740);display:flex;gap:7px;align-items:center}.motion-story li span{font-size:10px;color:var(--blue,#3D7CC4)}.motion-story-stage{position:relative;aspect-ratio:12/7;min-width:0;width:100%;background:#F3F7FB;overflow:hidden}.motion-story-stage>img,.motion-story-stage>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.motion-story-stage>canvas{pointer-events:none}.motion-toggle{position:absolute;bottom:8px;right:12px;font-size:10px;border:1px solid var(--border,#E3E9F1);border-radius:5px;background:var(--bg,#FFFFFF);padding:5px 9px;color:var(--muted,#56607A);cursor:pointer;z-index:2}.drawer-shell .motion-story{grid-template-columns:1fr}.drawer-shell .motion-story-copy{padding-bottom:0}.motion-story-stage[data-motion-status="loading"] .motion-toggle{visibility:hidden}.motion-story-stage[data-motion-status="static"] .motion-toggle{display:none}
@media(max-width:767px){.motion-story{display:flex;flex-direction:column;margin:0 -20px 12px}.motion-story-copy{width:100%;padding:22px 20px 6px}.motion-story h2{font-size:22px;margin:9px 0}.motion-story-copy p{font-size:13px;margin:6px 0}.motion-story ol{margin-top:12px;gap:8px 14px}.motion-story li{font-size:11px}.motion-story-stage{width:100%}.motion-toggle{bottom:6px;right:10px}.frame .motion-story{margin-left:0;margin-right:0}}