.motion-scene{border:1px solid var(--edge);border-radius:var(--radius-2xl);background:var(--canvas-raised);max-width:720px;box-shadow:var(--shadow-card);margin:0 auto;overflow:hidden}.motion-scene-viewport{aspect-ratio:3/2;position:relative;overflow:hidden;container-type:inline-size}.motion-scene-art{--u:calc(100cqw / 600);isolation:isolate;font-family:var(--font-hank);color:var(--ink-primary);position:absolute;inset:0}.motion-scene-art *{animation-duration:12s;animation-timing-function:cubic-bezier(.22,.68,.18,1);animation-iteration-count:infinite;animation-play-state:paused}.motion-scene[data-state=poster] .motion-scene-art *{animation-delay:-10.2s}.motion-scene[data-state=running] .motion-scene-art *{animation-play-state:running}.motion-scene-caption{border-top:1px solid var(--edge-subtle);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px 12px 20px;display:flex}.motion-scene-note{font:var(--body-sm);color:var(--ink-secondary);margin:0}.motion-scene-toggle{border:1px solid var(--edge-strong);border-radius:var(--radius-full);min-width:88px;min-height:44px;color:var(--ink-primary);font:var(--body-sm);cursor:pointer;background:0 0;flex-shrink:0;padding:0 16px;transition:background-color .16s,border-color .16s}.motion-scene-toggle:hover{background:var(--canvas-hover);border-color:var(--ink-tertiary)}.motion-scene-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:3px}@media (prefers-reduced-motion:reduce){.motion-scene-toggle{display:none}}@media (max-width:520px){.motion-scene-caption{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px}}.motion-scene+*{margin-top:clamp(36px,4.5vw,56px)}