.motion-section{padding-top:45px}.motion-card{margin:0;border:1px solid var(--brand-line);border-radius:22px;overflow:hidden;background:var(--brand-surface);box-shadow:0 18px 46px rgb(20 40 75 / .07)}.motion-stage{position:relative;aspect-ratio:16/10;background:var(--brand-blue-tint);overflow:hidden}.motion-stage canvas,.motion-stage>img{display:block;width:100%;height:100%;object-fit:cover}.motion-stage [hidden]{display:none}.scene-badge{position:absolute;top:24px;left:26px;font-size:9px;letter-spacing:1.7px;font-weight:750;color:var(--brand-ink);background:rgb(255 255 255 / .86);border:1px solid rgb(255 255 255 / .6);padding:8px 12px;border-radius:6px}.motion-card figcaption{padding:23px 28px 19px}.motion-caption{display:flex;align-items:center;justify-content:space-between;gap:24px}.motion-caption p{font-size:15px;font-weight:650;letter-spacing:-.2px;margin:0}.motion-controls{display:flex;gap:10px;flex:none}.motion-controls button{font:600 12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:10px 16px;border:1px solid var(--brand-outline);border-radius:7px;cursor:pointer;color:var(--brand-ink);background:white}.motion-controls button:first-child{background:var(--brand-blue);border-color:var(--brand-blue);color:white}.motion-controls button:focus-visible{outline:3px solid var(--brand-blue);outline-offset:4px}.motion-controls button:disabled{opacity:.5;cursor:default}.motion-card progress{display:block;width:100%;height:4px;margin-top:21px;border:0;accent-color:var(--brand-blue);background:var(--brand-blue-tint);border-radius:4px;overflow:hidden}.motion-card progress::-webkit-progress-bar{background:var(--brand-blue-tint)}.motion-card progress::-webkit-progress-value{background:var(--brand-blue)}.motion-card progress::-moz-progress-bar{background:var(--brand-blue)}.motion-steps{display:flex;justify-content:space-between;gap:12px;list-style:none;padding:0;margin:14px 0 0;color:var(--brand-muted);font-size:11px}.motion-steps li[aria-current]{color:var(--brand-blue);font-weight:750}.motion-note{color:var(--brand-muted);font-size:11px;line-height:1.5;margin:16px 0 0}@media(max-width:650px){.motion-section{padding-top:26px}.motion-card{border-radius:15px}.motion-card figcaption{padding:18px}.motion-caption{align-items:flex-start;flex-direction:column;gap:15px}.motion-caption p{font-size:13px}.motion-controls{width:100%}.motion-controls button{flex:1;padding:10px 8px}.motion-steps{gap:8px;font-size:9px}.scene-badge{top:13px;left:13px;font-size:7px;padding:5px 8px;letter-spacing:1px}}@media print{.motion-section{display:none}}
