.juice-motion{margin-block:28px}.jm-film{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#08121e;aspect-ratio:16/9}.jm-film canvas{display:block;width:100%;height:100%}.jm-caption{position:absolute;left:5%;top:8%;width:43%;pointer-events:none}.jm-caption h3{font-size:24px;line-height:1.2;margin:14px 0;letter-spacing:-.03em}.jm-caption p{font-size:14px;line-height:1.6;color:var(--muted)}.jm-caption .eyebrow{font-size:12px;color:var(--mint)}.jm-stamp{position:absolute;bottom:5%;left:5%;font-size:12px;color:var(--muted);max-width:75%}.jm-count{position:absolute;right:5%;bottom:5%;color:var(--mint);font-size:12px}.jm-controls{padding:16px 0;display:flex;gap:12px;align-items:center}.juice-motion button{font:inherit;font-size:14px;cursor:pointer;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--text);padding:9px 16px}.juice-motion [data-jm-play]{background:var(--mint);color:var(--bg);min-width:110px}.juice-motion button:focus-visible,.juice-motion input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.jm-controls input{flex:1;min-width:30px;accent-color:var(--mint)}[data-jm-time]{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted);font-size:12px}.jm-chapters{display:flex;gap:12px;overflow-x:auto;padding:4px 3px 12px}.jm-chapters button{flex:1;min-width:150px;text-align:left;border-radius:0;border:0;border-top:2px solid var(--line);padding:12px 0;color:var(--muted)}.jm-chapters button[aria-current=true]{border-color:var(--mint);color:var(--text)}.jm-chapters span{display:block;font-size:12px;color:var(--mint);margin-bottom:6px}.jm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.juice-motion [hidden]{display:none}
@media(max-width:700px){.jm-film{aspect-ratio:auto;display:flex;flex-direction:column}.jm-caption{position:static;order:-1;width:auto;padding:20px 20px 0}.jm-caption h3{font-size:21px}.jm-film canvas{height:270px}.jm-stamp,.jm-count{bottom:16px}.jm-stamp{left:20px;max-width:70%}.jm-controls{flex-wrap:wrap;gap:10px}.jm-controls input{order:4;flex-basis:100%}[data-jm-time]{margin-left:auto}}