/* Scoped motion styles only. Accepted site typography is unchanged. */
.motion-scene{margin:0;background:#182327;color:#f6f1e8;border:1px solid #394447;border-radius:14px;overflow:hidden;box-shadow:0 22px 50px -25px #1d28254a;min-width:0;width:100%;align-self:center}
.motion-scene canvas{display:block;width:100%;height:auto;aspect-ratio:900/540}
.motion-scene .scene-top{display:flex;justify-content:space-between;gap:16px;font:600 9px/1.4 var(--sans,Arial);letter-spacing:1px;padding:20px 18px 0}
.motion-scene .live-label{font-weight:400;letter-spacing:0;color:#a7b6b5}
.motion-scene figcaption{display:flex;flex-direction:column;gap:5px;padding:0 18px 17px;min-height:70px;color:inherit;background:transparent;text-align:left}
.motion-scene .stage-label{font:500 16px/1.4 var(--sans,Arial);color:inherit;letter-spacing:0}
.motion-scene .stage-detail{font:400 12px/1.5 var(--sans,Arial);color:#c0cecb}
.motion-scene .transport{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff21;padding:8px 18px}
.motion-scene .transport button{cursor:pointer;background:transparent;border:none;color:inherit;font:400 12px/1.5 var(--sans,Arial);padding:8px 0;min-width:37px;text-align:left}
.motion-scene .transport label{display:flex;align-items:center;gap:9px;flex:1;font:400 10px/1.4 var(--sans,Arial);letter-spacing:1px;color:#aabbb7;margin:0}
.motion-scene .scrub{width:100%;min-width:0;height:20px;accent-color:#c98b5e;padding:0;border:0;background:transparent;box-shadow:none;margin:0}
.motion-scene .progress{font:400 10px/1.4 var(--sans,Arial);min-width:29px;color:#aabbb7}
.motion-scene.learning{background:#f8f5ec;color:#344c4a;border-color:#d4ddd0;box-shadow:0 22px 50px -25px #39554835}
.motion-scene.learning .stage-detail,.motion-scene.learning .live-label,.motion-scene.learning .progress,.motion-scene.learning .transport label{color:#637a71}
.motion-scene.learning .transport{border-top-color:#39554825}
.motion-scene.learning .scrub{accent-color:#527e78}
.motion-scene button:focus-visible,.motion-scene input:focus-visible{outline:3px solid #62a4c9;outline-offset:3px}
.path-card>.motion-scene{margin:0 0 26px;box-shadow:none}
.path-card>.motion-scene .scene-top{font-size:8px;padding:14px 12px 0}
.path-card>.motion-scene figcaption{padding:0 12px 12px;min-height:62px}
.path-card>.motion-scene .stage-label{font-size:14px}
.path-card>.motion-scene .stage-detail{font-size:11px}
.path-card>.motion-scene .live-label{display:none}
.path-card>.motion-scene .transport{padding:6px 12px}
.path-card:has(>.motion-scene){padding-top:28px}
.fog-visual>.motion-scene{align-self:center}
.business-opening>.motion-scene{max-width:640px}
@media(max-width:800px){.motion-scene .live-label{display:none}.motion-scene .scene-top{font-size:8px;padding:15px 14px 0}.motion-scene figcaption{padding:0 14px 14px;min-height:74px}.motion-scene .stage-label{font-size:14px}.motion-scene .stage-detail{font-size:11px}.motion-scene .transport{padding:8px 14px;gap:10px}.motion-scene .transport label{gap:6px}.motion-scene .scrub{min-width:25px}.path-card>.motion-scene .transport{padding:6px 10px}.path-card>.motion-scene .transport label{letter-spacing:0}.business-opening>.motion-scene{max-width:none}}