/* Black screening room restored from prototype, using existing site type. No source video crops or scroll pinning. */
.motion-room{background:#000;color:#f3f1ec;padding:96px var(--pad) 64px;scroll-margin-top:52px}
.motion-head{display:flex;align-items:baseline;justify-content:space-between;gap:32px;margin-bottom:32px}.motion-head h2{font-size:clamp(64px,8vw,120px);line-height:.9;letter-spacing:-.05em;margin:0;font-weight:600}.motion-head p{max-width:30ch;line-height:1.5;margin:0}
.motion-theatre{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,280px);gap:32px}.motion-screen{min-width:0}.motion-screen video{display:block;width:100%;height:64svh;min-height:280px;max-height:760px;object-fit:contain;background:#000;border:1px solid #ffffff30}
.motion-caption{display:flex;gap:24px;align-items:center;justify-content:space-between;margin:24px 0}.motion-caption h3{font-size:clamp(24px,3vw,40px);letter-spacing:-.025em;margin:0 0 8px;font-weight:500}.motion-meta{font-size:14px;color:#ccc;margin:0}.motion-controls{display:flex;gap:8px}.motion-controls button{color:inherit;background:none;border:1px solid #ffffff70;border-radius:50%;width:48px;height:48px;cursor:pointer;font:inherit}.motion-list{display:grid;gap:8px;align-content:start}.motion-choice{display:grid;grid-template-columns:48px 24px 1fr;align-items:center;gap:8px;color:#ddd;min-height:72px;padding:8px;background:none;border:1px solid transparent;text-align:left;cursor:pointer;font:inherit;font-size:15px}.motion-choice img{width:48px;height:56px;object-fit:contain}.motion-choice small{font-size:12px}.motion-choice[aria-pressed=true]{color:#fff;border-color:#ffffff80}.motion-room button:focus-visible{outline:2px solid #fff;outline-offset:4px}.motion-status{font-size:14px;min-height:24px}.motion-next{color:inherit;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}
@media(max-width:760px){.motion-room{padding:112px 16px 48px;scroll-margin-top:88px}.motion-head{display:block}.motion-head p{margin-top:24px}.motion-theatre{grid-template-columns:1fr;gap:16px}.motion-screen video{height:56svh;min-height:260px}.motion-caption{gap:16px;margin:16px 0}.motion-list{display:flex;overflow-x:auto;padding:4px 4px 16px;scroll-snap-type:x proximity}.motion-choice{width:184px;flex-shrink:0;scroll-snap-align:start}.motion-choice img{height:56px}.motion-head h2{font-size:64px}}
