.juicy-motion{padding-block:58px 70px;scroll-margin-top:14px}.motion-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.motion-intro h2{font-size:clamp(2.3rem,4.4vw,4.5rem);font-weight:500;line-height:1.04;letter-spacing:-.05em;margin:12px 0 0}.motion-intro>p{max-width:320px;font-size:.85rem;line-height:1.6;color:var(--muted)}.motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.motion-card{min-width:0}.motion-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:78px}.motion-card-heading .eyebrow{font-size:.6rem;letter-spacing:.13em;color:var(--muted)}.motion-card h3{font-size:clamp(1.15rem,1.8vw,1.75rem);font-weight:500;letter-spacing:-.035em;margin:8px 0}.motion-card button,.motion-card select{font:inherit;color:var(--ink);cursor:pointer}.motion-card button:disabled,.motion-card select:disabled{opacity:.35;cursor:wait}.motion-expand{border:1px solid var(--line);background:transparent;border-radius:50%;min-width:44px;min-height:44px;font-size:1.4rem!important}.motion-stage{position:relative;isolation:isolate;height:430px;background:radial-gradient(ellipse at 50% 55%,#568a6733,transparent 65%);overflow:hidden}.motion-akali-bushninja{background:radial-gradient(ellipse at 50% 55%,#87b45b30,transparent 65%)}.motion-ashe-flower{background:radial-gradient(ellipse at 50% 55%,#467fbf33,transparent 65%)}.motion-stage:before{content:'';position:absolute;width:52%;height:10px;border-radius:50%;background:#0002;filter:blur(5px);left:24%;bottom:9%;z-index:-1}.motion-stage .spine-player{position:absolute;inset:0;width:100%;height:100%}.motion-stage canvas{display:block;width:100%;height:100%;outline:none}.motion-placeholder{position:absolute;inset:40% 10% auto;text-align:center;color:var(--muted);font-size:.8rem}.motion-clips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 20px;min-height:76px;align-content:start}.motion-clips button{border:1px solid var(--line);border-radius:999px;background:transparent;padding:8px 12px;min-height:38px;font-size:.7rem;transition:background .15s,color .15s}.motion-clips button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.motion-clips button:hover{border-color:var(--accent)}.motion-playback{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:12px;font-size:.7rem}.motion-playback>button{border:0;background:transparent;padding:8px 2px;min-height:40px;min-width:44px;text-align:left}.motion-playback>button:first-child{min-width:65px}.motion-playback>label{display:flex;align-items:center;gap:5px}.motion-playback select{padding:7px 2px;border:0;background:var(--paper);font-size:.7rem}.motion-loop{margin-left:auto}.motion-loop input{accent-color:var(--accent);width:16px;height:16px}.motion-timeline{display:flex;align-items:center;gap:14px;margin:8px 0 0;font-size:.6rem;font-variant-numeric:tabular-nums}.motion-timeline input{accent-color:var(--accent);width:100%;min-width:0;cursor:ew-resize;min-height:32px}.motion-timeline output{min-width:72px;text-align:right;color:var(--muted)}.motion-status{font-size:.6rem;color:var(--muted);min-height:1.5em;margin:6px 0}.motion-footnote{font-size:.7rem;color:var(--muted);border-top:1px solid var(--line);margin-top:32px;padding-top:18px;line-height:1.8}.motion-dialog{position:fixed;inset:0;background:var(--paper);color:var(--ink);border:1px solid var(--line);width:min(100% - 32px,1000px);max-height:calc(100dvh - 24px);padding:22px 40px;overflow:auto;border-radius:14px}.motion-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.motion-dialog-close{float:right;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:99px;padding:10px 18px;min-height:44px;font:inherit;font-size:.75rem;cursor:pointer}.motion-dialog .motion-card{clear:both}.motion-dialog .motion-stage{height:min(58dvh,620px)}.motion-dialog .motion-clips{min-height:0;justify-content:center}.motion-dialog .motion-expand{display:none}.motion-dialog .motion-card-heading{min-height:50px}.motion-dialog .motion-playback,.motion-dialog .motion-timeline,.motion-dialog .motion-status{max-width:650px;margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.motion-grid{gap:18px}.motion-stage{height:350px}.motion-playback{gap:5px;flex-wrap:wrap}.motion-playback>button:first-child{min-width:58px}}
@media(max-width:700px){.motion-grid{grid-template-columns:1fr;gap:42px}.motion-intro{display:block}.motion-intro>p{margin-top:18px;max-width:none}.motion-intro h2{font-size:2.6rem}.motion-stage{height:440px}.motion-clips{min-height:0;gap:8px;margin-bottom:16px}.motion-clips button{min-height:42px;font-size:.75rem;padding-inline:14px}.motion-playback{font-size:.8rem;gap:14px;flex-wrap:nowrap}.motion-playback>button:first-child{min-width:75px}.motion-playback select{font-size:.8rem}.motion-card-heading .eyebrow{font-size:.65rem}.motion-card h3{font-size:1.6rem}.motion-status{font-size:.7rem}.motion-dialog{padding:18px;width:calc(100% - 16px)}.motion-dialog .motion-stage{height:48dvh}.motion-dialog .motion-playback{gap:8px}.motion-footnote span{display:block}}
@media(prefers-reduced-motion:reduce){.motion-clips button{transition:none}.motion-dialog::backdrop{backdrop-filter:none}}
.motion-dialog-close{position:sticky;top:0;z-index:3;background:var(--paper)}
.motion-grid .motion-stage{height:auto;aspect-ratio:1}
@media(max-width:420px){.motion-playback{flex-wrap:wrap;gap:6px 12px}.motion-loop{margin-left:0}}