html body,html .bar-tint{animation:none}.mo{padding:calc(var(--nav-h) - var(--nav-margin) + clamp(56px,7vw,100px)) 0 var(--section-y)}.mo-col{width:min(var(--col),100% - var(--gutter) * 2);margin-inline:auto}.mo-line,.mrow-label,.mrow-scale,.mrow-trace,.mo-back{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-small);line-height:1.5;letter-spacing:var(--track-mono)}.mo-line{margin:0;color:var(--labels-primary);text-wrap:balance}.mrow{margin-top:clamp(56px,7vw,100px)}.mrow{scroll-margin-top:var(--nav-h)}.mo-line+.mrow{margin-top:40px}.mrow+.mo-line{margin-top:clamp(56px,7vw,100px)}.mrow-head{margin-bottom:16px}.mrow-label{margin:0;color:var(--labels-primary)}.mrow-cards{container-type:inline-size;--mo-pad: 40px;--mo-card-h: clamp(420px, 100svh - var(--nav-h) - var(--head-h, 46px) - 40px, 912px + var(--mo-pad) * 2);--fit-w: 453px;--fit-hw: calc(912 / 453);display:grid;grid-template-columns:1fr 1fr;gap:16px}.mrow--video .mrow-cards{--fit-w: 480px;--fit-hw: calc(4 / 3)}.mrow--solo .mrow-cards{grid-template-columns:1fr}.mrow-card{position:relative;min-width:0;height:min(var(--mo-card-h),min(var(--fit-w),50cqw - 8px - var(--mo-pad) * 2) * var(--fit-hw) + var(--mo-pad) * 2);padding:var(--mo-pad);border-radius:var(--r-panel);background:var(--background-secondary)}.mrow--solo .mrow-card{height:var(--mo-card-h)}.mrow-card--fit{container-type:size;display:grid;place-items:center}.mrow-screen{position:relative;width:min(453px,100cqw,100cqh * 453 / 912);aspect-ratio:453 / 912}.mrow-screen img{display:block;width:100%;height:auto}.mrow-screen .mrow-count{position:absolute}.mrow-screen .mrow-count[hidden]{display:none}.mrow-card--closeup{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--mo-pad)}.mrow-stage{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.mrow-tracebox{align-self:stretch;display:grid;row-gap:8px}.mrow-tracebox .mrow-trace{text-align:center}[data-specimen] .mrow-trace{min-height:4.5em}.mrow-stage>.mrow-explain{align-self:stretch;min-height:0;text-align:center;color:var(--labels-primary);text-wrap:balance}.mrow-scale{position:absolute;top:var(--mo-pad);left:var(--mo-pad);color:var(--labels-secondary)}.mrow-view{position:absolute}.mrow-view--closeup{position:relative;flex:none;width:var(--cu-w);height:var(--cu-h)}.mrow--solo .mrow-stage{container-type:size}.mrow--solo .mrow-view--closeup{width:min(var(--cu-w),100cqw,100cqh * var(--cu-ar));height:auto;aspect-ratio:var(--cu-ar)}.mrow-view canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.mrow-view canvas.is-pending{opacity:0}.mrow-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--chip-gap)}.mrow-btn{appearance:none;margin:0;display:inline-flex;align-items:center;gap:8px;padding:4px 14px 6px;border:1px solid var(--separator-opaque);border-radius:var(--r-chip);background:transparent;color:var(--labels-primary);font-family:var(--font-display);font-weight:400;font-size:var(--fs-chip);line-height:var(--lh-body);cursor:pointer;transition:border-color .16s ease,transform .16s ease}.mrow-btn:hover{border-color:var(--labels-primary)}.mrow-btn[data-primary]{border-color:var(--labels-primary);background:var(--labels-primary);color:var(--greys-white)}.mrow-btn[data-primary]:hover{transform:translateY(-2px)}.mrow-btn svg{width:.6em;height:.6em;flex:none}.mrow-btn[data-running]{outline:2px solid var(--labels-primary);outline-offset:3px}.mrow-btn:disabled{opacity:.5;cursor:default}.mrow-btn:disabled:hover{border-color:var(--separator-opaque);transform:none}.mrow-btn[data-primary]:disabled:hover{border-color:var(--labels-primary)}.mrow:not([data-js]):not([data-rive=unsupported]) .mrow-actions{visibility:hidden}.mrow-scale{visibility:hidden}.mrow[data-rive=live] .mrow-scale{visibility:visible}.mrow[data-rive=error] .mrow-toggle,.mrow[data-rive=unsupported] .mrow-toggle,.mrow-toggle[data-state=playing] .is-play,.mrow-toggle[data-state=paused] .is-pause{display:none}.mrow-toggle-text{display:grid;justify-items:center}.mrow-toggle-text>span{grid-area:1 / 1}.mrow-toggle[data-state=playing] .mrow-toggle-text .is-play,.mrow-toggle[data-state=paused] .mrow-toggle-text .is-pause{display:inline;visibility:hidden}.mrow-trace{margin:0;min-height:1.5em;color:var(--labels-secondary);overflow-wrap:anywhere}.mt-state.is-current{color:var(--labels-primary)}.mt-detail{display:block;max-width:38ch;margin-inline:auto;text-wrap:balance}.mrow-caption{margin-top:var(--stack);text-wrap:pretty}.mrow-footage,.mrow-tap{position:relative;overflow:hidden;border-radius:4px;background:var(--fill-primary)}.mrow--video .mrow-card--fit{padding:0;overflow:hidden}.mrow-footage{width:100%;height:100%;border-radius:0}.mrow--video .mrow-stage{container-type:size;--hb-under: 74px }.mrow-tap{width:min(540px,100cqw,(100cqh - var(--hb-under)) * 540 / 302);aspect-ratio:540 / 302;flex:none}.mrow-footage video,.mrow-tap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.mrow-haptic{justify-self:center;display:inline-flex;align-items:center;gap:1ch;font-family:var(--font-mono);font-weight:500;font-size:var(--fs-small);letter-spacing:var(--track-mono);color:var(--labels-secondary)}.mrow-haptic[hidden]{display:none}.mrow:not([data-js]) .mrow-haptic{visibility:hidden}.mrow-haptic i{width:8px;height:8px;border-radius:50%;background:var(--separator-opaque);transform-origin:center}.mrow-haptic.is-beat i{animation:hp-beat .36s ease-out}@keyframes hp-beat{0%{background:var(--labels-primary);transform:scale(1.6)}to{background:var(--separator-opaque);transform:scale(1)}}.mrow-haptic.is-light i{animation:hp-light .22s ease-out}@keyframes hp-light{0%{background:var(--labels-secondary);transform:scale(1.35)}to{background:var(--separator-opaque);transform:scale(1)}}.mrow-haptic.is-success i{animation:hp-success .46s linear}@keyframes hp-success{0%{background:var(--labels-secondary);transform:scale(1.35)}22%{background:var(--separator-opaque);transform:scale(1)}30%{background:var(--labels-primary);transform:scale(1.7)}to{background:var(--separator-opaque);transform:scale(1)}}.mrow-haptic.is-error i{animation:hp-error .44s linear}@keyframes hp-error{0%{background:var(--labels-primary);transform:scale(1.6)}17%{background:var(--separator-opaque);transform:scale(1)}25%{background:var(--labels-primary);transform:scale(1.6)}42%{background:var(--separator-opaque);transform:scale(1)}50%{background:var(--labels-primary);transform:scale(1.6)}to{background:var(--separator-opaque);transform:scale(1)}}.mo-back{margin:clamp(56px,7vw,100px) 0 0}.mo-back a{display:inline-flex;align-items:center;gap:.6ch;color:var(--labels-secondary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:from-font;transition:color .16s ease}.mo-back a:hover{color:var(--labels-primary)}.mo-back svg{width:1.15em;height:.75em}@media(max-width:760px){.mrow-cards{--mo-pad: 20px;grid-template-columns:minmax(0,1fr)}.mrow-card{border-radius:calc(var(--r-panel) / 2)}.mrow-card--fit{height:min(var(--mo-card-h),min(var(--fit-w),100cqw - var(--mo-pad) * 2) * var(--fit-hw) + var(--mo-pad) * 2)}.mrow-card--closeup{height:auto;min-height:min(var(--mo-card-h),100cqw,420px)}.mrow--solo .mrow-card--closeup{height:auto;min-height:min(var(--mo-card-h),100cqw + 61px)}.mrow--video .mrow-card--closeup{min-height:calc((100cqw - var(--mo-pad) * 2) * 302 / 540 + 74px + 20px + 33px + var(--mo-pad) * 2)}}@media(max-width:340px){.mrow--video .mrow-trace{min-height:3em;text-wrap:balance}.mrow--video .mrow-stage{--hb-under: 95px }.mrow--video .mrow-card--closeup{min-height:calc((100cqw - var(--mo-pad) * 2) * 302 / 540 + 95px + 20px + 33px + var(--mo-pad) * 2)}}@media(prefers-reduced-motion:reduce){.mrow-btn,.mo-back a{transition:none}.mrow-btn[data-primary]:hover{transform:none}.mrow-haptic i{transform:none!important}}