/* Motion is a controlled broadcast transition, with a quiet mode available on the page. */
.program-readout{position:fixed;right:20px;bottom:18px;z-index:70;display:flex;align-items:center;gap:15px;padding:0 12px 0 15px;min-height:43px;background:color-mix(in srgb,var(--bg-base) 94%,transparent);color:var(--text);border:1px solid var(--line);box-shadow:0 4px 24px #0002;backdrop-filter:blur(12px);border-radius:var(--r-xs);font-family:var(--font-mono);font-size:9px;letter-spacing:.04em}
.program-position{display:flex;gap:10px;align-items:center;min-width:121px;color:var(--cta-text)}.program-position .live-dot{width:5px;height:5px}
#motion-toggle{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 8px;background:none;color:var(--text);border:0;border-left:1px solid var(--line);font-family:inherit;font-size:9px;cursor:pointer}#motion-toggle>span{font-size:12px;color:var(--cta-text)}
.program-progress{position:absolute;inset:auto 0 -1px;height:2px;background:var(--cta-text);transform:scaleX(var(--page-progress,0));transform-origin:left}
.all-packages{margin-top:22px;font-size:12px}.package-row p{font-size:13px;line-height:1.7}.package-row{grid-template-columns:30px .85fr 1.65fr .8fr}
[data-motion=on] .motion-ready{transition:opacity .55s ease,translate .95s cubic-bezier(.16,1,.3,1),clip-path 1.15s cubic-bezier(.16,1,.3,1);transition-delay:var(--entrance-delay,0ms)}
[data-motion=on] .motion-ready:not(.motion-shown){opacity:0}
[data-motion=on] [data-entrance=title].motion-ready:not(.motion-shown){clip-path:inset(-.25em 100% -.3em -.02em)}
[data-motion=on] [data-entrance=title].motion-shown{clip-path:inset(-.25em -.2em -.3em -.02em)}
[data-motion=on] [data-entrance=iris].motion-ready:not(.motion-shown){clip-path:inset(13% 19% 13% 19%)}
[data-motion=on] [data-entrance=iris].motion-shown{clip-path:inset(-3% -3% -3% -3%)}
[data-motion=on] [data-entrance=lift].motion-ready:not(.motion-shown){translate:0 34px}
.monitor-assembly{scale:var(--dock-scale,1);transform-origin:center 45%}.brand-player,.signal-sculpture{translate:0 var(--layer-drift,0px)}
[data-motion=off]{scroll-behavior:auto}[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{animation:none!important;transition:none!important}[data-motion=off] .signal-path path{stroke-dashoffset:0}[data-motion=off] .replay-stage.is-playing:after{display:none}
@media(prefers-reduced-motion:reduce){html:not([data-motion=on]){scroll-behavior:auto}html:not([data-motion=on]) *,html:not([data-motion=on]) *:before,html:not([data-motion=on]) *:after{animation:none!important;transition:none!important}html:not([data-motion=on]) .signal-path path{stroke-dashoffset:0}}
/* Same hero, alternate object study. No duplicate landing implementation. */
[data-frame=signal] .monitor-assembly{padding:15px 28px 38px;margin-top:36px}
[data-frame=signal] .monitor-mount{display:none}
[data-frame=signal] .monitor-assembly .hero-program{border:1px solid #668693;border-radius:var(--r-xs);box-shadow:10px 12px 0 #18272e,11px 13px 0 #718c9366,0 35px 65px -25px #0008;transform:perspective(1800px) rotateY(-1deg)}
[data-frame=signal] .monitor-assembly .hero-program:before{width:20%;left:5%;top:-3px;height:3px;background:var(--cta-text);box-shadow:none}
[data-frame=signal] .monitor-assembly:after{content:"";position:absolute;width:21%;height:16%;right:13px;top:0;border-top:1px solid var(--cta-text);border-right:1px solid var(--cta-text);z-index:-1;transform:translate(4px,-4px)}
[data-frame=signal] .monitor-assembly .monitor-bar{background:#0d171d;height:30px}[data-frame=signal] .monitor-assembly .monitor-foot{height:25px;background:#0d171d}
[data-frame=signal] .float-score{bottom:15%;left:-12px}[data-frame=signal] .float-take{top:21%;right:-5px}[data-frame=signal] .monitor-assembly+.compatibility{margin-top:5px}
@media(max-width:1050px){.package-row{grid-template-columns:20px .7fr 1.6fr .8fr;gap:15px}.package-row p{font-size:11px}.program-readout{right:12px;bottom:12px}}
@media(max-width:760px){.program-position,.program-progress{display:none}.program-readout{padding:0 5px;min-height:38px;right:10px;bottom:10px}#motion-toggle{border:0;min-height:38px;font-size:8px}.package-row{grid-template-columns:22px 1fr}.package-row p{font-size:12px}.monitor-assembly{scale:1}.brand-player,.signal-sculpture{translate:none}[data-frame=signal] .monitor-assembly{padding:8px 5px 26px;margin-top:12px}[data-frame=signal] .monitor-assembly .hero-program{transform:none;box-shadow:4px 6px 0 #18272e,5px 7px 0 #718c9366}[data-frame=signal] .float-score{bottom:12%}[data-frame=signal] .monitor-assembly .monitor-bar{height:29px}[data-frame=signal] .float-take{top:13%}.site-footer{padding-bottom:65px}}
