.motion-intro{padding-top:clamp(64px,8vw,116px);padding-bottom:clamp(64px,8vw,116px);border-bottom:1px solid}
.motion-intro>.section-label{font:500 11px/1.5 var(--mono);margin:0 0 32px}
.motion-intro>h2{font-size:clamp(48px,6.6vw,104px);line-height:1.14;letter-spacing:-.04em;max-width:12em;margin:0 0 56px}
.motion-intro>.case-caption{font-size:13px;max-width:none;margin-top:24px;line-height:1.65}
.response-film{position:relative;padding:36px 0 0;border-top:1px solid #b8b4ab}
.scene-rail{display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;align-items:center;gap:16px}
.scene-node{min-width:0;text-align:center;position:relative;padding:18px 0 26px;perspective:900px}
.scene-node>p{font-size:clamp(15px,1.45vw,22px);font-weight:700;line-height:1.5;margin:28px 0 0}
.paper{height:245px;width:min(76%,230px);margin:auto;text-align:left;padding:24px;border:1px solid #a39c8c;background:#faf8f3;box-shadow:10px 12px 0 rgba(24,16,8,.075);transform-origin:50% 80%;position:relative}
.paper-title{display:block;font-weight:800;font-size:clamp(23px,2.5vw,36px);line-height:1.2;margin-bottom:30px}
.paper i{display:block;height:4px;background:#b9b6ad;margin-top:16px;transform-origin:left}
.paper i:nth-last-child(1){width:65%}.paper-next{border-color:var(--red)}.paper-next .paper-title{color:var(--red)}.paper-next i:nth-of-type(2),.paper-next i:nth-of-type(3){background:var(--red)}
.scene-arrow{color:var(--red);font-size:30px;text-align:center;align-self:center;margin-bottom:65px}
.response-cloud{position:relative;width:min(100%,285px);height:245px;margin:auto}
.comment{position:absolute;display:flex;align-items:center;justify-content:center;gap:8px;width:112px;height:66px;border:1px solid #6b645c;border-radius:16px 16px 16px 2px;background:var(--paper);box-shadow:4px 5px 0 #dcd7cd;z-index:2}
.comment i{width:5px;height:5px;border-radius:50%;background:currentColor}
.c1{left:0;top:25px;transform:rotate(-8deg)}.c2{right:0;top:78px;transform:rotate(6deg);color:var(--red);border-color:var(--red)}.c3{left:20px;bottom:13px;transform:rotate(-4deg)}
.response-core{position:absolute;width:38px;height:38px;left:50%;top:50%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 32% 25%,#ffb1a2,#e92717 35%,#810900);box-shadow:0 8px 12px #50120020}
.moving-signal{position:absolute;left:0;top:0;width:13px;height:13px;border-radius:50%;background:var(--red);box-shadow:0 0 0 7px #e52a1810;pointer-events:none;opacity:0;z-index:3}
.film-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #b8b4ab;padding:18px 0;min-height:76px}
.film-bottom>p{margin:0;font-size:16px;line-height:1.5}
.concept-controls{display:none;gap:8px;flex-shrink:0}.concept-controls button{width:40px;height:40px;border:1px solid #aaa499;border-radius:50%;background:transparent;color:inherit;font:18px Pretendard;cursor:pointer}.concept-controls button:hover{background:var(--ink);color:var(--paper)}.concept-controls button:focus-visible{outline:3px solid var(--red);outline-offset:3px}
[data-concept][data-ready=true]>.concept-controls,[data-concept][data-ready=true] .film-bottom .concept-controls{display:flex}
.guide-flow[data-concept],.writing-flow[data-concept]{position:relative;padding-bottom:54px}
.guide-flow>.concept-controls,.writing-flow>.concept-controls{position:absolute;bottom:0;right:0}
.guide-flow .book-shape{transform-origin:20% 70%}.writing-sample i{transform-origin:left}
.format-band>span{transition:none}.format-band[data-concept]{position:relative}
.format-band>.concept-controls{grid-column:1/-1;justify-content:flex-end;margin-top:10px}
@media(max-width:650px){
.motion-intro>h2{font-size:clamp(38px,10.8vw,65px);margin-bottom:36px}
.scene-rail{grid-template-columns:1fr;gap:0}
.scene-node{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:22px;text-align:left;padding:14px 0}
.paper{width:126px;height:154px;padding:15px;box-shadow:6px 7px 0 rgba(24,16,8,.075)}
.paper-title{font-size:21px;margin-bottom:18px}.paper i{height:3px;margin-top:10px}
.scene-node>p{font-size:17px;line-height:1.5;margin:0}
.scene-arrow{font-size:24px;transform:rotate(90deg);margin:0;justify-self:start;width:140px;line-height:1}
.response-cloud{width:140px;height:155px}.comment{width:69px;height:43px;border-radius:10px 10px 10px 2px;gap:5px}.comment i{width:4px;height:4px}.c1{top:3px}.c2{top:51px}.c3{left:8px;bottom:5px}.response-core{width:25px;height:25px}
.film-bottom{margin-top:18px;gap:12px}.film-bottom>p{font-size:14px}.concept-controls button{width:36px;height:36px}
.response-film{padding-top:18px}.motion-intro>.case-caption{font-size:12px}
}
@media(prefers-reduced-motion:reduce){[data-concept][data-ready=true] .concept-controls,[data-concept][data-ready=true]>.concept-controls,[data-concept][data-ready=true] .film-bottom .concept-controls{display:none}.moving-signal{display:none}}
.format-band[data-concept]{padding-bottom:68px}
.format-band>.concept-controls{position:absolute;right:0;bottom:10px}