.motion-experiment{position:relative;margin:0;padding:32px 48px 0;scroll-margin-top:12px}
.study-label{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line);font:400 10px/1.8 var(--mono);letter-spacing:.5px;color:var(--muted)}
.motion-frame{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:48px;min-height:430px;padding:30px 0;border-bottom:1px solid var(--line)}
.scene-copy{min-width:0}.scene-kicker{font:400 10px/1.5 var(--mono);letter-spacing:.4px;color:var(--muted)}.scene-copy h2{font-size:44px;line-height:1.32;font-weight:300;letter-spacing:-.025em;margin:18px 0}.scene-copy>p{font-size:14px;color:var(--muted);line-height:1.85;margin:0}html[lang=en] .scene-copy h2{font:200 64px/1.02 var(--display);letter-spacing:-.015em}
.scene-visual{position:relative;width:100%;height:380px;isolation:isolate;overflow:visible}.scene-art{position:absolute;inset:0}.scene-grid{position:absolute;inset:28px 50%;width:310px;margin-left:-155px;border:1px solid #0808f220;border-radius:50%;pointer-events:none}.bot-surface svg{display:block;width:100%;height:100%;fill:initial;overflow:visible}.central-bot{position:absolute;z-index:2;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.central-bot svg{width:340px;height:340px;max-width:100%}
.motion-toggle{position:absolute;z-index:4;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;color:var(--fg)}.motion-toggle:focus-visible{outline:1px solid #0808f2;outline-offset:6px}.motion-toggle[hidden]{display:none}
.scene-coordinate{position:absolute;bottom:0;inset-inline:0;display:flex;justify-content:space-between;gap:16px;font:400 9px/1.5 var(--mono);letter-spacing:.2px;color:var(--muted);pointer-events:none}
.satellites{position:absolute;z-index:1;inset:0;pointer-events:none}.satellite{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px;will-change:transform,opacity}.satellite svg{width:100%;height:100%;fill:initial;overflow:visible}.satellite-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:400 8px/1.4 var(--mono);white-space:nowrap;color:var(--muted)}
.island-arrival{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;opacity:0;pointer-events:none}.island-arrival img{width:112px;height:112px;border-radius:24px}.island-arrival span{font:300 32px/1 var(--display);letter-spacing:1px}
@media(max-width:1050px){.motion-experiment{padding-inline:32px}.motion-frame{gap:30px;min-height:400px}.scene-copy h2{font-size:38px}html[lang=en] .scene-copy h2{font-size:55px}.scene-visual{height:350px}.scene-grid{width:270px;margin-left:-135px}.central-bot svg{width:310px;height:310px}.satellite{width:78px;height:78px;margin:-39px}}
@media(max-width:760px){.motion-experiment{padding:24px 22px 0}.study-label{font-size:8px;letter-spacing:0;gap:12px;padding-bottom:14px}.motion-frame{display:flex;flex-direction:column;gap:18px;min-height:0;padding:20px 0 28px}.scene-visual{order:1;height:260px;flex:none}.scene-copy{order:2;width:100%}.scene-grid{inset-block:20px;width:230px;margin-left:-115px}.central-bot svg{width:260px;height:260px}.scene-copy .scene-kicker{display:none}.scene-copy h2{font-size:34px;margin:0 0 14px}html[lang=en] .scene-copy h2{font-size:48px}.scene-copy>p{font-size:13px}.scene-coordinate{font-size:8px}.satellite{width:64px;height:64px;margin:-32px}.satellite-label{font-size:7px}.island-arrival img{width:88px;height:88px;border-radius:18px}.island-arrival span{font-size:28px}}
@media(max-width:380px){.scene-copy h2{font-size:32px}html[lang=en] .scene-copy h2{font-size:44px}.scene-visual{height:240px}.scene-grid{width:210px;margin-left:-105px}.central-bot svg{width:240px;height:240px}.satellite{width:58px;height:58px;margin:-29px}}
@media(prefers-reduced-motion:reduce){.satellite{will-change:auto}}