/* neutralise the host reset for elements the sheet leaves to the UA */
.motion-sheet :where(*,::before,::after){border-style:revert;border-width:revert}
.motion-sheet :where(h1,h2,h3,h4,h5,h6){color:revert;font:revert;letter-spacing:revert;
  text-wrap:revert;overflow-wrap:revert;margin:revert}
.motion-sheet :where(p){font-family:revert;overflow-wrap:revert}
.motion-sheet :where(span,li,td,th){font-family:revert}
.motion-sheet :where(a){color:revert;font-family:revert;text-decoration:revert}
.motion-sheet :where(b,strong){font-weight:revert}
.motion-sheet :where(small){font-size:revert}
.motion-sheet :where(img,svg,video,canvas,audio,iframe,embed,object){
  vertical-align:revert;display:revert}
.motion-sheet :where(button,input,optgroup,select,textarea){appearance:revert;font:revert}
.motion-sheet{
    --max:1440px; --pad:15px; --gap:30px; --col:12; --dur:2.4s;
    --serif:"Gasoek One","Google Sans Flex",sans-serif;
    --sans:"Google Sans Flex","Helvetica Neue",Helvetica,sans-serif;
    --mono:"Space Mono",ui-monospace,Menlo,Consolas,monospace;
    --display:var(--serif);
    --r:2px; --r-sm:1px; --bw:1px;
  }
.motion-sheet[data-theme="dark"]{
    --bg:#090909; --card:#111111; --stage:#0c0c0c;
    --ink:#f4f4f2; --mut:#7e7e7a; --dim:#80807d;
    --line:#232322; --line2:#383836;
    --acc:#f4f4f2; --acc2:#7a7a76; --acc3:#4c4c49; --acc4:#9a9a95;
    --grid:rgba(244,244,242,.055);
    --barbg:rgba(9,9,9,.9); --chipbg:rgba(9,9,9,.72);
    --plate:#383836; --plate-ink:#f4f4f2; --shine:rgba(255,255,255,.95);
  }
.motion-sheet[data-theme="light"]{
    --bg:#f1f0ec; --card:#fbfaf7; --stage:#f6f5f1;
    --ink:#121211; --mut:#67675f; --dim:#73726a;
    --line:#e0ded6; --line2:#c3c1b7;
    --acc:#121211; --acc2:#67675f; --acc3:#a3a29a; --acc4:#4a4a44;
    --grid:rgba(18,18,17,.075);
    --barbg:rgba(241,240,236,.9); --chipbg:rgba(251,250,247,.78);
    --plate:#4e4e47; --plate-ink:#f6f5f1; --shine:rgba(255,255,255,.95);
  }
.motion-sheet[data-theme="cartoon"]{--bg:#f4f3ef; --card:#ffffff; --stage:#faf9f6;
    --ink:#101010; --mut:#54544f; --dim:#757570;
    /* subtle rules, same role as the other themes — pure black turned every
       hairline into a heavy outline and made Primary a different design */
    --line:#e2ded5; --line2:#c6c2b7;
    --acc:#e63312; --acc2:#f7c600; --acc3:#0f4fc4; --acc4:#101010;
    --grid:rgba(16,16,16,.075);
    --barbg:rgba(244,243,239,.94); --chipbg:rgba(255,255,255,.9);
    /* radius, border-width and display face intentionally NOT overridden:
       Primary is the dark/light design with an R/Y/B palette, not a new one */
    --plate:#e63312; --plate-ink:#fffdf7; --shine:rgba(255,255,255,.95)}
.motion-sheet *{box-sizing:border-box}
.motion-sheet figure{margin:0}
.motion-sheet{scroll-behavior:smooth;background:var(--bg)}
.motion-sheet{
    margin:0; background:var(--bg); color:var(--ink);
    font:400 15px/1.55 var(--sans);
    -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
    transition:background-color .35s ease, color .35s ease;
  }
.motion-sheet ::selection{background:var(--ink);color:var(--bg)}
.motion-sheet img, .motion-sheet svg, .motion-sheet canvas{max-width:100%}
.motion-sheet .shell{max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
.motion-sheet header{padding-top:26px;padding-bottom:4px}
.motion-sheet .folio{display:flex;align-items:center;gap:14px;margin-bottom:22px;flex-wrap:wrap}
.motion-sheet .eyebrow{font:500 10.5px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;
    color:var(--dim);display:flex;gap:14px;align-items:center;flex:none}
.motion-sheet .folio .rule{flex:1;height:1px;background:var(--line2);min-width:20px}
.motion-sheet :focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.motion-sheet .seg button:focus-visible, .motion-sheet .seg-btns button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.motion-sheet h1{font:400 clamp(34px,6vw,58px)/0.98 var(--display);letter-spacing:-.015em;margin:0 0 14px;max-width:17ch;
     text-transform:uppercase}
.motion-sheet header p{color:var(--mut);margin:0;max-width:58ch;font-size:14.5px;line-height:1.6}
.motion-sheet .bar{position:sticky;top:0;z-index:20;background:var(--barbg);
    backdrop-filter:blur(10px);border-block:var(--bw) solid var(--line2);margin-top:32px}
.motion-sheet .bar .wrap{display:flex;gap:0;align-items:center;padding-block:8px;
    overflow-x:auto;scrollbar-width:none;
    -webkit-mask:linear-gradient(90deg,#000 calc(100% - 34px),transparent);
            mask:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}
.motion-sheet .bar .wrap::-webkit-scrollbar{display:none}
.motion-sheet .bar a{color:var(--mut);text-decoration:none;font:400 11px/1 var(--mono);letter-spacing:.06em;
    padding:6px 7px;border-radius:var(--r-sm);white-space:nowrap;text-transform:uppercase;
    transition:color .15s ease, background .15s ease}
.motion-sheet .bar a:hover{color:var(--ink);background:var(--line)}
.motion-sheet .bar a.on{color:var(--ink)}
.motion-sheet[data-theme="cartoon"] .bar a:hover{background:var(--acc2);color:var(--ink)}
.motion-sheet .seg{display:flex;border:var(--bw) solid var(--line2);border-radius:var(--r-sm);overflow:hidden}
.motion-sheet .seg button{font:400 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;
    border:0;background:transparent;color:var(--mut);padding:7px 9px;cursor:pointer;
    transition:background .15s ease,color .15s ease;white-space:nowrap}
.motion-sheet .seg button + button{border-left:1px solid var(--line2)}
.motion-sheet .seg button:hover{color:var(--ink)}
.motion-sheet .seg button.on{background:var(--ink);color:var(--bg)}
.motion-sheet[data-theme="cartoon"] .seg button.on{background:var(--acc);color:#fffdf7}
.motion-sheet main{padding-bottom:96px}
.motion-sheet section{margin-top:56px;scroll-margin-top:56px}
.motion-sheet .sec-h{display:flex;align-items:baseline;gap:12px;
    border-bottom:var(--bw) solid var(--line2);padding-bottom:9px;margin-bottom:16px}
.motion-sheet .sec-h h2{font:500 11px/1 var(--mono);margin:0;letter-spacing:.16em;text-transform:uppercase;flex:none}
.motion-sheet .sec-h .sub{color:var(--dim);font:400 12.5px/1 var(--sans);flex:1;min-width:0;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.motion-sheet .sec-h .n{font:400 10.5px/1 var(--mono);color:var(--dim);letter-spacing:.1em;flex:none}
.motion-sheet .grid{display:grid;grid-template-columns:repeat(var(--col),minmax(0,1fr));gap:var(--gap)}
.motion-sheet .card{background:var(--card);border:var(--bw) solid var(--line);border-radius:var(--r);overflow:hidden;
    display:flex;flex-direction:column;min-width:0;transition:border-color .2s ease;
    view-timeline-name:--card;view-timeline-axis:block}
.motion-sheet .card:hover{border-color:var(--line2)}
.motion-sheet .card{grid-column:span 4}
.motion-sheet .card.wide{grid-column:span 12}
.motion-sheet .stage{position:relative;aspect-ratio:3/2;overflow:hidden;container-type:inline-size;
    background:var(--stage);
    background-image:radial-gradient(circle at 1px 1px, var(--grid) 1px, transparent 0);
    background-size:20px 20px;
    display:flex;align-items:center;justify-content:center}
.motion-sheet .card.wide .stage{aspect-ratio:auto;height:clamp(230px,29.5vw,421px)}
.motion-sheet .card.wide.board .stage{aspect-ratio:var(--ar,16/9);height:auto}
.motion-sheet .stage .ratios{position:absolute;top:9px;right:9px;z-index:6;display:flex;
    border:var(--bw) solid var(--line2);border-radius:var(--r-sm);overflow:hidden;background:var(--chipbg)}
.motion-sheet .stage .ratios button{font:400 10px/1 var(--mono);letter-spacing:.04em;
    border:0;background:transparent;color:var(--mut);
    padding:5px 8px;cursor:pointer;transition:all .15s ease;white-space:nowrap}
.motion-sheet .stage .ratios button + button{border-left:1px solid var(--line2)}
.motion-sheet .stage .ratios button:hover{color:var(--ink)}
.motion-sheet .stage .ratios button.on{background:var(--ink);color:var(--bg)}
.motion-sheet[data-theme="cartoon"] .stage .ratios{border-color:var(--ink)}
.motion-sheet[data-theme="cartoon"] .stage .ratios button{color:var(--ink)}
.motion-sheet[data-theme="cartoon"] .stage .ratios button.on{background:var(--acc);color:#fffdf7}
.motion-sheet figcaption{padding:11px 14px 12px;border-top:var(--bw) solid var(--line);
    display:flex;flex-direction:column;gap:3px}
.motion-sheet figcaption b{font:500 13px/1.3 var(--sans);letter-spacing:-.005em}
.motion-sheet figcaption span{color:var(--mut);font:400 11px/1.45 var(--mono);letter-spacing:-.01em}
.motion-sheet .cap-t{display:flex;align-items:baseline;gap:8px}
.motion-sheet a.ref{flex:none;text-decoration:none;color:var(--ink);
    font:400 10px/1 var(--mono);letter-spacing:.12em;
    border:1px solid var(--line2);border-radius:var(--r-sm);padding:4px 6px;
    transition:background .15s ease,color .15s ease,border-color .15s ease}
.motion-sheet a.ref:hover, .motion-sheet a.ref:focus-visible{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.motion-sheet a.ref{position:relative}
.motion-sheet a.ref[data-flash]::after{content:attr(data-flash);position:absolute;left:50%;bottom:calc(100% + 6px);
    transform:translateX(-50%);z-index:30;pointer-events:none;
    background:var(--ink);color:var(--bg);border-radius:var(--r-sm);padding:4px 7px;
    font:400 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.motion-sheet .card{scroll-margin-top:70px}
.motion-sheet .card:target{outline:2px solid var(--ink);outline-offset:3px}
.motion-sheet[data-theme="cartoon"] a.ref{border-color:var(--ink);color:var(--ink)}
.motion-sheet .stage[data-word]{cursor:text}
.motion-sheet .kt-edit{position:absolute;left:9px;right:9px;bottom:9px;z-index:7}
.motion-sheet .kt-edit input{width:100%;box-sizing:border-box;background:var(--card);color:var(--ink);
    border:1px solid var(--line2);border-radius:var(--r-sm);padding:6px 8px;outline:none;
    font:400 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.motion-sheet .kt-edit input:focus{border-color:var(--ink)}
.motion-sheet .hint{position:absolute;top:9px;right:9px;z-index:6;
    font:400 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
    color:var(--dim);border:var(--bw) solid var(--line2);border-radius:var(--r-sm);padding:4px 6px;
    background:var(--chipbg)}
.motion-sheet[data-theme="cartoon"] .hint{color:var(--ink);background:var(--acc2);border-color:var(--ink)}
@media (max-width:1200px){.motion-sheet{--col:8;--gap:24px}
.motion-sheet .card.wide{grid-column:span 8}}
@media (max-width:860px){.motion-sheet{--col:4;--pad:15px;--gap:16px}
.motion-sheet .card, .motion-sheet .card.wide{grid-column:span 4}
.motion-sheet .card.wide .stage{height:auto;aspect-ratio:3/2}
.motion-sheet h1{font-size:clamp(30px,9vw,40px)}}
.motion-sheet .box{width:9cqw;height:9cqw;background:var(--ink);border-radius:var(--r)}
.motion-sheet .dot{width:8cqw;height:8cqw;background:var(--ink);border-radius:50%}
.motion-sheet .floor{position:absolute;left:6cqw;right:6cqw;bottom:14cqw;height:var(--bw);background:var(--line2)}
.motion-sheet svg.fill, .motion-sheet canvas.fill{position:absolute;inset:0;width:100%;height:100%;display:block}
.motion-sheet[data-theme="cartoon"] .box{background:var(--acc)}
.motion-sheet[data-theme="cartoon"] .dot{background:var(--acc3)}
.motion-sheet.paused *{animation-play-state:paused !important}
.motion-sheet .stage{content-visibility:auto;contain:layout paint style}
.motion-sheet .card .stage{contain-intrinsic-size:auto 300px}
.motion-sheet .card.wide .stage{contain-intrinsic-size:auto 421px}
.motion-sheet .card.runway-card .stage, .motion-sheet .card.board .stage{content-visibility:visible}
.motion-sheet .card:has(canvas) .stage{content-visibility:visible}
.motion-sheet .card.idle .stage *{animation-name:none !important}
@keyframes ss{
    0%{transform:translateY(-30cqw) scale(1,1)}
    40%{transform:translateY(-30cqw) scale(.92,1.14)}
    50%{transform:translateY(0) scale(1.45,.55)}
    58%{transform:translateY(-6cqw) scale(.96,1.08)}
    72%{transform:translateY(-22cqw) scale(1,1)}
    100%{transform:translateY(-30cqw) scale(1,1)}
  }
.motion-sheet .d-ss{position:absolute;bottom:14cqw;transform-origin:bottom center;animation:ss var(--dur) cubic-bezier(.5,0,.5,1) infinite}
@keyframes antic{
    0%,12%{transform:translateX(0) rotate(0)}
    22%{transform:translateX(-7cqw) rotate(-8deg)}
    45%{transform:translateX(50cqw) rotate(6deg)}
    60%,100%{transform:translateX(0) rotate(0)}
  }
.motion-sheet .d-antic{animation:antic 2.8s cubic-bezier(.6,0,.3,1) infinite}
@keyframes stag-fade{0%,100%{opacity:.85;transform:scale(1)}45%{opacity:.06;transform:scale(.6)}}
.motion-sheet .stag-hero{width:12cqw;height:12cqw;background:var(--ink);border-radius:var(--r);z-index:2}
.motion-sheet[data-theme="cartoon"] .stag-hero{background:var(--acc)}
.motion-sheet .stag-noise{position:absolute;width:4.5cqw;height:4.5cqw;background:var(--dim);border-radius:50%;animation:stag-fade 3s ease-in-out infinite}
@keyframes p2p{0%{transform:translateX(0)}20%,30%{transform:translateX(24cqw)}55%,65%{transform:translateX(48cqw) translateY(-8cqw)}88%,100%{transform:translateX(0)}}
@keyframes sahead{0%{transform:translate(0,0) rotate(0)}25%{transform:translate(1.6cqw,-2.2cqw) rotate(10deg)}50%{transform:translate(-1.3cqw,1.3cqw) rotate(-8deg)}75%{transform:translate(1.8cqw,1cqw) rotate(6deg)}100%{transform:translate(0,0) rotate(0)}}
.motion-sheet .lane{position:absolute;left:6cqw;right:6cqw;height:50%}
.motion-sheet .lane.top{top:4cqw}
.motion-sheet .lane.bot{bottom:4cqw}
.motion-sheet .lane small{position:absolute;left:0;top:0;font:400 clamp(9px,2.1cqw,11px)/1 var(--mono);letter-spacing:.08em;color:var(--dim);text-transform:uppercase}
.motion-sheet .d-p2p{position:absolute;bottom:2cqw;left:0;width:6.5cqw;height:6.5cqw;background:var(--ink);border-radius:var(--r-sm);animation:p2p 3s cubic-bezier(.5,0,.5,1) infinite}
.motion-sheet .d-sahead{position:absolute;bottom:2cqw;left:40%;width:6.5cqw;height:6.5cqw;background:var(--ink);border-radius:var(--r-sm);animation:sahead 1.1s linear infinite}
.motion-sheet[data-theme="cartoon"] .d-p2p{background:var(--acc3)}
.motion-sheet[data-theme="cartoon"] .d-sahead{background:var(--acc4)}
@keyframes ft-head{0%{transform:translateX(0)}40%,100%{transform:translateX(48cqw)}}
@keyframes ft-tail{0%{transform:translateX(0) scaleX(1)}42%{transform:translateX(48cqw) scaleX(1)}55%{transform:translateX(61cqw) scaleX(1.3)}72%{transform:translateX(45cqw)}100%{transform:translateX(48cqw)}}
.motion-sheet .ft-head{position:absolute;left:9cqw;width:9cqw;height:9cqw;background:var(--ink);border-radius:var(--r);animation:ft-head 2.6s cubic-bezier(.4,0,.2,1) infinite}
.motion-sheet .ft-tail{position:absolute;left:9cqw;top:calc(50% + 1.4cqw);width:6cqw;height:2.4cqw;background:var(--dim);border-radius:var(--r-sm);transform-origin:left;animation:ft-tail 2.6s cubic-bezier(.4,0,.2,1) infinite}
.motion-sheet[data-theme="cartoon"] .ft-head{background:var(--acc)}
.motion-sheet[data-theme="cartoon"] .ft-tail{background:var(--acc2)}
@keyframes slide-x{to{transform:translateX(64cqw)}}
.motion-sheet .d-easeInOut{position:absolute;left:7cqw;animation:slide-x var(--dur) cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes sec-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10cqw)}}
@keyframes sec-tail{0%,100%{transform:rotate(-24deg)}50%{transform:rotate(26deg)}}
.motion-sheet .sec-wrap{position:relative;animation:sec-bob 1.6s ease-in-out infinite}
.motion-sheet .sec-body{width:11cqw;height:11cqw;background:var(--ink);border-radius:var(--r)}
.motion-sheet .sec-tail{position:absolute;top:-4.6cqw;left:4.6cqw;width:1.7cqw;height:5.2cqw;background:var(--dim);border-radius:var(--r-sm);transform-origin:bottom;animation:sec-tail 1.6s ease-in-out infinite}
.motion-sheet[data-theme="cartoon"] .sec-body{background:var(--acc4)}
.motion-sheet[data-theme="cartoon"] .sec-tail{background:var(--acc)}
@keyframes cross-heavy{to{transform:translateX(64cqw)}}
.motion-sheet .tm-heavy{position:absolute;left:6cqw;top:18%;width:11cqw;height:11cqw;background:var(--ink);border-radius:50%;animation:cross-heavy 3.4s cubic-bezier(.3,0,.5,1) infinite alternate}
.motion-sheet .tm-light{position:absolute;left:6cqw;bottom:14%;width:5cqw;height:5cqw;background:var(--dim);border-radius:50%;animation:cross-heavy 1.1s cubic-bezier(.2,0,.4,1) infinite alternate}
.motion-sheet[data-theme="cartoon"] .tm-heavy{background:var(--acc3)}
.motion-sheet[data-theme="cartoon"] .tm-light{background:var(--acc2)}
@keyframes exg-sub{0%,100%{transform:translateY(-19cqw) scale(1)}52%{transform:translateY(0) scale(1.08,.92)}}
@keyframes exg-big{0%,100%{transform:translateY(-22cqw) scale(1)}48%{transform:translateY(0) scale(1.7,.5)}}
.motion-sheet .exg{position:absolute;bottom:14cqw;width:8cqw;height:8cqw;background:var(--ink);border-radius:50%;transform-origin:bottom}
.motion-sheet .exg.sub{left:30%;animation:exg-sub 1.6s cubic-bezier(.5,0,.5,1) infinite}
.motion-sheet .exg.big{left:58%;animation:exg-big 1.6s cubic-bezier(.5,0,.5,1) infinite}
.motion-sheet[data-theme="cartoon"] .exg.sub{background:var(--acc3)}
.motion-sheet[data-theme="cartoon"] .exg.big{background:var(--acc)}
.motion-sheet .scene3d{perspective:90cqw;width:18cqw;height:18cqw}
@keyframes cube{to{transform:rotateX(-24deg) rotateY(360deg)}}
.motion-sheet .cube{position:relative;width:18cqw;height:18cqw;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(0);animation:cube 6s linear infinite}
.motion-sheet .cube div{position:absolute;width:18cqw;height:18cqw;border:var(--bw) solid var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}
.motion-sheet .cube .fr{transform:translateZ(9cqw)}
.motion-sheet .cube .bk{transform:rotateY(180deg) translateZ(9cqw);background:color-mix(in srgb, var(--ink) 18%, transparent)}
.motion-sheet .cube .r{transform:rotateY(90deg) translateZ(9cqw);background:color-mix(in srgb, var(--ink) 13%, transparent)}
.motion-sheet .cube .l{transform:rotateY(-90deg) translateZ(9cqw);background:color-mix(in srgb, var(--ink) 13%, transparent)}
.motion-sheet .cube .t{transform:rotateX(90deg) translateZ(9cqw);background:color-mix(in srgb, var(--ink) 4%, transparent)}
.motion-sheet .cube .bo{transform:rotateX(-90deg) translateZ(9cqw);background:color-mix(in srgb, var(--ink) 22%, transparent)}
.motion-sheet[data-theme="cartoon"] .cube .fr{background:color-mix(in srgb, var(--acc2) 80%, transparent)}
.motion-sheet[data-theme="cartoon"] .cube .r{background:color-mix(in srgb, var(--acc) 80%, transparent)}
.motion-sheet[data-theme="cartoon"] .cube .l{background:color-mix(in srgb, var(--acc3) 80%, transparent)}
.motion-sheet[data-theme="cartoon"] .cube .t{background:color-mix(in srgb, var(--acc4) 70%, transparent)}
@keyframes appeal{0%,100%{transform:translateY(0) scale(1,1)}20%{transform:translateY(-14cqw) scale(.9,1.12)}45%{transform:translateY(0) scale(1.25,.8)}60%{transform:translateY(-4cqw) scale(.97,1.03)}}
.motion-sheet .appeal{position:absolute;bottom:14cqw;width:14cqw;height:14cqw;background:var(--ink);border-radius:46% 46% 42% 42%;transform-origin:bottom;animation:appeal 2s cubic-bezier(.5,0,.4,1.2) infinite}
.motion-sheet .appeal i{position:absolute;top:4.8cqw;width:1.8cqw;height:2.7cqw;background:var(--card);border-radius:50%}
.motion-sheet .appeal i.a{left:3.6cqw}
.motion-sheet .appeal i.b{right:3.6cqw}
.motion-sheet[data-theme="cartoon"] .appeal{background:var(--acc2)}
.motion-sheet[data-theme="cartoon"] .appeal i{background:var(--ink)}
@keyframes run{to{transform:translateX(var(--x))}}
.motion-sheet .ez-row{position:absolute;left:4cqw;right:4cqw;display:flex;flex-direction:column;gap:clamp(9px,1.8cqw,17px);top:50%;transform:translateY(-50%)}
.motion-sheet .ez{display:flex;align-items:center;gap:12px}
.motion-sheet .ez small{width:clamp(76px,10cqw,112px);flex:none;color:var(--dim);
    font:400 clamp(9.5px,1.2cqw,11.5px)/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.motion-sheet .ez .track{position:relative;flex:1;min-width:0;height:14px;border-bottom:1px solid var(--line)}
.motion-sheet .ez .p{position:absolute;top:0;left:0;width:13px;height:13px;background:var(--ink);border-radius:var(--r-sm);
    --x:calc(90cqw - var(--lbl) - 26px);--lbl:clamp(76px,10cqw,112px)}
.motion-sheet[data-theme="cartoon"] .ez .p{background:var(--acc)}
.motion-sheet .ez .linear{animation:run 2.4s linear infinite alternate}
.motion-sheet .ez .eo{animation:run 2.4s cubic-bezier(.16,1,.3,1) infinite alternate}
.motion-sheet .ez .ei{animation:run 2.4s cubic-bezier(.7,0,.84,0) infinite alternate}
.motion-sheet .ez .eio{animation:run 2.4s cubic-bezier(.65,0,.35,1) infinite alternate}
.motion-sheet .ez .spring{animation:run 2.4s linear(0,.12 3.6%,.45 9%,.9 15%,1.12 20%,1.16 24%,1.05 32%,.97 40%,1.01 55%,1) infinite alternate}
.motion-sheet .ez .crit{animation:run 2.4s linear(0,.35 10%,.68 20%,.86 30%,.94 40%,.98 52%,1 66%,1) infinite alternate}
.motion-sheet .ez .under{animation:run 2.4s linear(0,.15 4%,.55 10%,1.08 18%,1.22 24%,1.06 32%,.9 41%,1.07 50%,.96 60%,1.03 72%,.99 84%,1) infinite alternate}
.motion-sheet .ez .over{animation:run 2.4s linear(0,.04 12%,.12 24%,.26 38%,.44 52%,.63 66%,.79 78%,.92 89%,1) infinite alternate}
@keyframes dur-pulse{0%,100%{transform:scale(.35)}50%{transform:scale(1)}}
.motion-sheet .dur-row{display:flex;gap:5cqw;align-items:center}
.motion-sheet .dur-row .dot{width:6.5cqw;height:6.5cqw;animation:dur-pulse 1s ease-in-out infinite}
.motion-sheet .dur-row .a{animation-duration:.1s}
.motion-sheet .dur-row .b{animation-duration:.3s}
.motion-sheet .dur-row .c{animation-duration:.5s}
.motion-sheet .dur-row .d{animation-duration:1s}
.motion-sheet .dur-row figure{margin:0;text-align:center}
.motion-sheet .dur-row em{display:block;font:400 clamp(8.5px,1.75cqw,11px)/1 var(--mono);font-style:normal;color:var(--dim);margin-top:2.4cqw;letter-spacing:.04em}
@keyframes overshoot{0%{transform:translateX(0)}70%{transform:translateX(60cqw)}82%{transform:translateX(54cqw)}100%{transform:translateX(57cqw)}}
.motion-sheet .d-over{position:absolute;left:7cqw;animation:overshoot 2.2s cubic-bezier(.2,.7,.3,1) infinite alternate}
@keyframes bounce{0%{transform:translateY(-36cqw)}20%{transform:translateY(0)}36%{transform:translateY(-20cqw)}52%{transform:translateY(0)}64%{transform:translateY(-9cqw)}76%{transform:translateY(0)}85%{transform:translateY(-4cqw)}100%{transform:translateY(0)}}
.motion-sheet .d-bounce{position:absolute;bottom:14cqw;animation:bounce 2s cubic-bezier(.3,0,.3,1) infinite}
@keyframes aar{0%,10%{transform:translateX(0) scaleX(1)}20%{transform:translateX(-6cqw) scaleX(.92)}45%{transform:translateX(52cqw) scaleX(1.15)}60%{transform:translateX(46cqw) scaleX(.95)}72%,100%{transform:translateX(48cqw) scaleX(1)}}
.motion-sheet .d-aar{position:absolute;left:7cqw;animation:aar 3s cubic-bezier(.5,0,.3,1) infinite alternate}
@keyframes topple{0%,12%{transform:rotate(0)}38%{transform:rotate(-7deg)}62%{transform:rotate(38deg)}
    74%{transform:rotate(30deg)}86%{transform:rotate(36deg)}100%{transform:rotate(0)}}
.motion-sheet .cog-wrap{position:absolute;bottom:14cqw;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;gap:14cqw}
.motion-sheet .cog{position:relative;width:11cqw;height:20cqw;background:var(--ink);transform-origin:bottom right;
    animation:topple 3.4s cubic-bezier(.5,0,.4,1) infinite}
.motion-sheet .cog.light{height:11cqw;background:var(--dim);animation-duration:1.5s}
.motion-sheet .cog i{position:absolute;left:50%;top:26%;width:1.6cqw;height:1.6cqw;margin-left:-.8cqw;
    background:var(--card);border-radius:50%}
.motion-sheet[data-theme="cartoon"] .cog{background:var(--acc3)}
.motion-sheet[data-theme="cartoon"] .cog.light{background:var(--acc2)}
@keyframes tr{to{transform:translateX(64cqw)}}
.motion-sheet .d-translate{position:absolute;left:7cqw;animation:tr var(--dur) ease-in-out infinite alternate}
@keyframes sc{0%,100%{transform:scale(.5)}50%{transform:scale(1.5)}}
.motion-sheet .d-scale{width:14cqw;height:14cqw;animation:sc var(--dur) ease-in-out infinite}
@keyframes rt{to{transform:rotate(360deg)}}
@keyframes sk{0%,100%{transform:skewX(0)}50%{transform:skewX(22deg)}}
.motion-sheet .d-rotate{animation:rt 3s linear infinite}
.motion-sheet .d-skew{animation:sk 1.8s ease-in-out infinite}
.motion-sheet .xform-two{display:flex;gap:9cqw;align-items:center}
@keyframes diss-a{0%,40%{opacity:1}60%,100%{opacity:0}}
@keyframes diss-b{0%,40%{opacity:0}60%,100%{opacity:1}}
.motion-sheet .diss{position:absolute;width:13cqw;height:13cqw;border-radius:var(--r)}
.motion-sheet .diss.a{background:var(--ink);animation:diss-a 2.4s ease-in-out infinite alternate}
.motion-sheet .diss.b{border:var(--bw) solid var(--ink);animation:diss-b 2.4s ease-in-out infinite alternate}
.motion-sheet[data-theme="cartoon"] .diss.a{background:var(--acc)}
@keyframes mask{0%{clip-path:inset(0 100% 0 0)}45%,55%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 100%)}}
.motion-sheet .d-mask{width:56cqw;height:14cqw;background:repeating-linear-gradient(90deg,var(--ink) 0 3cqw,var(--dim) 3cqw 6cqw);animation:mask 3s ease-in-out infinite}
.motion-sheet[data-theme="cartoon"] .d-mask{background:repeating-linear-gradient(90deg,var(--acc) 0 3cqw,var(--acc2) 3cqw 6cqw)}
@keyframes par1{to{transform:translateX(-13cqw)}}
@keyframes par2{to{transform:translateX(-28cqw)}}
@keyframes par3{to{transform:translateX(-46cqw)}}
.motion-sheet .par{position:absolute;height:3cqw;border-radius:var(--r-sm);background:var(--dim)}
.motion-sheet .par.l1{top:22%;width:60%;left:8cqw;opacity:.4;animation:par1 3s linear infinite alternate}
.motion-sheet .par.l2{top:45%;width:50%;left:16cqw;opacity:.7;animation:par2 3s linear infinite alternate}
.motion-sheet .par.l3{top:68%;width:40%;left:24cqw;background:var(--ink);animation:par3 3s linear infinite alternate}
.motion-sheet[data-theme="cartoon"] .par.l1{background:var(--acc3);opacity:1}
.motion-sheet[data-theme="cartoon"] .par.l2{background:var(--acc2);opacity:1}
.motion-sheet[data-theme="cartoon"] .par.l3{background:var(--acc)}
@keyframes stag{0%,100%{transform:scaleY(.25)}30%{transform:scaleY(1)}}
.motion-sheet .stag-bars{display:flex;gap:2.2cqw;align-items:flex-end;height:36cqw}
.motion-sheet .stag-bars i{width:4cqw;height:100%;background:var(--ink);border-radius:var(--r-sm);transform-origin:bottom;animation:stag 2s ease-in-out infinite}
.motion-sheet .stag-bars i:nth-child(2){animation-delay:.12s}
.motion-sheet .stag-bars i:nth-child(3){animation-delay:.24s}
.motion-sheet .stag-bars i:nth-child(4){animation-delay:.36s}
.motion-sheet .stag-bars i:nth-child(5){animation-delay:.48s}
.motion-sheet .stag-bars i:nth-child(6){animation-delay:.6s}
.motion-sheet[data-theme="cartoon"] .stag-bars i:nth-child(odd){background:var(--acc)}
.motion-sheet[data-theme="cartoon"] .stag-bars i:nth-child(even){background:var(--acc3)}
@keyframes rhythm{0%,100%{transform:scale(.5)}8%{transform:scale(1)}16%{transform:scale(.5)}24%{transform:scale(1)}32%{transform:scale(.5)}70%{transform:scale(1.15)}}
.motion-sheet .d-rhythm{width:14cqw;height:14cqw;background:var(--ink);border-radius:50%;animation:rhythm 2.4s ease-out infinite}
.motion-sheet[data-theme="cartoon"] .d-rhythm{background:var(--acc2)}
.motion-sheet .disc{display:flex;flex-direction:column;gap:2.4cqw;width:46cqw}
.motion-sheet .disc i{height:3.8cqw;background:var(--line2);border-radius:var(--r-sm);opacity:0;animation:disc-in 3.2s ease infinite}
@keyframes disc-in{0%{opacity:0;transform:translateY(2cqw)}12%,80%{opacity:1;transform:none}92%,100%{opacity:0}}
.motion-sheet .disc i:nth-child(2){animation-delay:.25s}
.motion-sheet .disc i:nth-child(3){animation-delay:.5s}
.motion-sheet .disc i:nth-child(4){animation-delay:.75s;background:var(--ink)}
.motion-sheet[data-theme="cartoon"] .disc i{background:var(--acc3)}
.motion-sheet[data-theme="cartoon"] .disc i:nth-child(4){background:var(--acc)}
@keyframes spin{to{transform:rotate(360deg)}}
.motion-sheet .fps{display:flex;gap:8cqw}
.motion-sheet .fps figure{margin:0;text-align:center}
.motion-sheet .fps .h{width:1.3cqw;height:9cqw;background:var(--ink);margin:0 auto;transform-origin:bottom center}
.motion-sheet .fps .ones{animation:spin 1.6s steps(32) infinite}
.motion-sheet .fps .twos{animation:spin 1.6s steps(16) infinite}
.motion-sheet .fps .threes{animation:spin 1.6s steps(10) infinite}
.motion-sheet .fps em{display:block;font:400 clamp(9px,1.9cqw,11px)/1 var(--mono);font-style:normal;color:var(--dim);margin-top:3cqw;letter-spacing:.04em}
.motion-sheet[data-theme="cartoon"] .fps .h{background:var(--acc)}
@keyframes conveyor{to{transform:translateX(-13cqw)}}
.motion-sheet .cycle{display:flex;gap:5cqw;animation:conveyor .6s linear infinite}
.motion-sheet .cycle i{width:8cqw;height:8cqw;flex:none;border:var(--bw) solid var(--ink);border-radius:50%}
.motion-sheet[data-theme="cartoon"] .cycle i{background:var(--acc2)}
@keyframes hold{0%,38%{transform:translate(0,0)}12%{transform:translate(.4cqw,-.7cqw)}26%{transform:translate(-.4cqw,.4cqw)}50%,95%{transform:translate(50cqw,0)}70%{transform:translate(49.6cqw,-.7cqw)}100%{transform:translate(0,0)}}
.motion-sheet .d-hold{position:absolute;left:7cqw;width:9cqw;height:9cqw;background:var(--ink);border-radius:var(--r);animation:hold 3.4s cubic-bezier(.7,0,.3,1) infinite}
.motion-sheet[data-theme="cartoon"] .d-hold{background:var(--acc4)}
@keyframes smear{0%,18%{transform:translateX(0) scaleX(1)}
    34%{transform:translateX(24cqw) scaleX(2.4)}
    50%{transform:translateX(58cqw) scaleX(1)}
    66%{transform:translateX(24cqw) scaleX(2.4)}
    82%,100%{transform:translateX(0) scaleX(1)}}
@keyframes smear-op{0%,30%{opacity:0}50%{opacity:.5}70%,100%{opacity:0}}
@keyframes speedline{0%,22%{opacity:0;transform:scaleX(0)}
    40%{opacity:.85;transform:scaleX(1)}60%{opacity:0;transform:scaleX(.2)}100%{opacity:0}}
.motion-sheet .smear{position:absolute;left:6cqw;width:8cqw;height:8cqw;background:var(--ink);border-radius:50%;animation:smear 1.8s cubic-bezier(.6,0,.4,1) infinite}
.motion-sheet .smear.g{background:var(--dim);animation:smear 1.8s cubic-bezier(.6,0,.4,1) infinite,smear-op 1.8s linear infinite}
.motion-sheet .smear.g1{animation-delay:-.05s}
.motion-sheet .smear.g2{animation-delay:-.1s;background:var(--line2)}
.motion-sheet .speedlines{position:absolute;left:8cqw;right:26cqw;display:flex;flex-direction:column;gap:2.6cqw}
.motion-sheet .speedlines i{height:1px;background:var(--mut);transform-origin:right;animation:speedline 1.8s linear infinite}
.motion-sheet .speedlines i:nth-child(2){animation-delay:.06s}
.motion-sheet .speedlines i:nth-child(3){animation-delay:.12s}
.motion-sheet[data-theme="cartoon"] .smear{background:var(--acc)}
@keyframes mblur{0%,15%{transform:translateX(0) scaleX(1);filter:blur(0)}50%{transform:translateX(64cqw) scaleX(1.6);filter:blur(4px)}85%,100%{transform:translateX(0) scaleX(1);filter:blur(0)}}
.motion-sheet .d-mblur{position:absolute;left:6cqw;width:8cqw;height:8cqw;background:var(--ink);border-radius:50%;animation:mblur 1.8s cubic-bezier(.6,0,.4,1) infinite}
.motion-sheet[data-theme="cartoon"] .d-mblur{background:var(--acc3)}
.motion-sheet .plate{position:relative;display:flex;align-items:center;justify-content:center;
    width:60cqw;height:19cqw;overflow:hidden;border-radius:var(--r);
    background:linear-gradient(160deg,
      color-mix(in srgb, var(--plate) 78%, #fff 22%) 0%,
      var(--plate) 42%,
      color-mix(in srgb, var(--plate) 82%, #000 18%) 100%);
    color:var(--plate-ink);border:var(--bw) solid var(--line2);
    font:500 clamp(12px,4cqw,26px)/1 var(--mono);letter-spacing:.24em;text-transform:uppercase}
.motion-sheet[data-theme="cartoon"] .plate{border-color:var(--ink)}
@keyframes sweep{0%{transform:translateX(-320%) skewX(-20deg)}58%,100%{transform:translateX(420%) skewX(-20deg)}}
.motion-sheet .plate .glint{position:absolute;top:-40%;bottom:-40%;width:26%;pointer-events:none;
    background:linear-gradient(90deg,transparent 0%,var(--shine) 45%,var(--shine) 55%,transparent 100%);
    filter:blur(1px);opacity:.9;
    animation:sweep 2.8s cubic-bezier(.35,0,.2,1) infinite}
.motion-sheet .plate .glint.b{width:9%;opacity:.5;animation-delay:.13s}
@keyframes drift1{to{transform:translate3d(14cqw,-6cqw,0) scale(1.15)}}
@keyframes drift2{to{transform:translate3d(-16cqw,7cqw,0) scale(1.2)}}
@keyframes drift3{to{transform:translateX(-20cqw)}}
.motion-sheet .bgm{position:absolute;inset:0;overflow:hidden}
.motion-sheet .bgm i{position:absolute;border-radius:50%;filter:blur(6cqw);opacity:.5}
.motion-sheet .bgm .b1{width:44cqw;height:44cqw;left:-8cqw;top:-12cqw;background:color-mix(in srgb,var(--ink) 50%,transparent);animation:drift1 7s ease-in-out infinite alternate}
.motion-sheet .bgm .b2{width:38cqw;height:38cqw;right:-6cqw;bottom:-14cqw;background:color-mix(in srgb,var(--ink) 32%,transparent);animation:drift2 9s ease-in-out infinite alternate}
.motion-sheet[data-theme="cartoon"] .bgm .b1{background:color-mix(in srgb,var(--acc3) 85%,transparent)}
.motion-sheet[data-theme="cartoon"] .bgm .b2{background:color-mix(in srgb,var(--acc2) 85%,transparent)}
.motion-sheet .bgm .rule{width:150%;height:1px;background:repeating-linear-gradient(90deg,var(--line2) 0 8px,transparent 8px 16px);
    left:-25%;top:50%;border-radius:0;filter:none;opacity:1;animation:drift3 6s linear infinite}
.motion-sheet .bgm-title{position:relative;z-index:2;font:400 clamp(13px,4.6cqw,30px)/1 var(--display);letter-spacing:.02em}
@keyframes twitch{
    0%,7%{transform:translate(0,0);opacity:1}
    8%{transform:translate(2.2cqw,-.7cqw);opacity:.75}
    9.2%{transform:translate(-1.7cqw,.5cqw);opacity:.5}
    10.4%{transform:translate(0,0);opacity:1}
    33%{transform:translate(0,0)}
    34%{transform:translate(-2.6cqw,.9cqw);opacity:.45}
    35.4%{transform:translate(1.5cqw,-.6cqw);opacity:.8}
    37%{transform:translate(0,0);opacity:1}
    61%{transform:translate(0,0)}
    62%{transform:translate(1.9cqw,.7cqw);opacity:.6}
    63.4%{transform:translate(-1.1cqw,-.8cqw);opacity:.85}
    65%{transform:translate(0,0);opacity:1}
    86%{transform:translate(0,0)}
    87%{transform:translate(-1.4cqw,-.5cqw);opacity:.55}
    88.6%{transform:translate(.9cqw,.4cqw)}
    90%,100%{transform:translate(0,0);opacity:1}
  }
.motion-sheet .twi-wrap{position:relative;display:grid;place-items:center}
.motion-sheet .twi{grid-area:1/1;font:500 clamp(14px,5.4cqw,34px)/1 var(--mono);letter-spacing:.14em;
    animation:twitch 3.4s steps(1,end) infinite}
.motion-sheet .twi.g1{color:var(--dim);animation-delay:-.04s}
.motion-sheet .twi.g2{color:var(--line2);animation-delay:-.08s}
.motion-sheet[data-theme="cartoon"] .twi.g1{color:var(--acc3)}
.motion-sheet[data-theme="cartoon"] .twi.g2{color:var(--acc2)}
@keyframes yaw{0%,100%{transform:rotateX(12deg) rotateY(-26deg)}50%{transform:rotateX(12deg) rotateY(26deg)}}
.motion-sheet .x3d-scene{perspective:120cqw}
.motion-sheet .x3d{transform-style:preserve-3d;animation:yaw 5s ease-in-out infinite;
    font:400 clamp(20px,10cqw,64px)/1 var(--display);letter-spacing:.01em;color:var(--ink);
    text-shadow:
      1px 1px 0 var(--mut), 2px 2px 0 var(--mut), 3px 3px 0 var(--mut), 4px 4px 0 var(--mut),
      5px 5px 0 var(--dim), 6px 6px 0 var(--dim), 7px 7px 0 var(--dim), 8px 8px 0 var(--dim),
      9px 9px 0 var(--line2), 10px 10px 0 var(--line2), 11px 11px 0 var(--line2), 12px 12px 0 var(--line2),
      13px 13px 0 var(--line), 14px 14px 0 var(--line)}
.motion-sheet[data-theme="cartoon"] .x3d{color:var(--acc2);
    text-shadow:2px 2px 0 var(--ink),4px 4px 0 var(--acc),6px 6px 0 var(--ink),
      8px 8px 0 var(--acc),10px 10px 0 var(--ink),12px 12px 0 var(--acc3),14px 14px 0 var(--ink)}
@keyframes shake{
    0%,50%{transform:translate(0,0) scale(1)}
    51%{transform:translate(0,0) scale(1.05)}
    53%{transform:translate(-2.4cqw,1.5cqw) scale(1.02)}
    55%{transform:translate(2.1cqw,-1.7cqw)}
    57%{transform:translate(-1.7cqw,-1.1cqw)}
    59.5%{transform:translate(1.4cqw,1.2cqw)}
    62%{transform:translate(-1cqw,.6cqw)}
    65%{transform:translate(.7cqw,-.5cqw)}
    68%{transform:translate(-.4cqw,.3cqw)}
    71%{transform:translate(.2cqw,-.15cqw)}
    75%,100%{transform:translate(0,0) scale(1)}
  }
.motion-sheet .shake-rig{display:flex;flex-direction:column;align-items:center;gap:2cqw;animation:shake 3s cubic-bezier(.3,0,.3,1) infinite}
.motion-sheet .shake-rig b{font:400 clamp(15px,6.4cqw,42px)/1 var(--display);letter-spacing:.01em}
.motion-sheet[data-theme="cartoon"] .shake-rig b{color:var(--acc)}
.motion-sheet .shake-rig span{font:400 clamp(8px,1.8cqw,11px)/1 var(--mono);letter-spacing:.3em;color:var(--dim);text-transform:uppercase}
@keyframes popon{0%,24%{transform:translate(-16cqw,0) rotate(-6deg)}
    25%,49%{transform:translate(0,-7cqw) rotate(0)}
    50%,74%{transform:translate(16cqw,0) rotate(7deg)}
    75%,100%{transform:translate(0,4cqw) rotate(-3deg)}}
.motion-sheet .popon{width:13cqw;height:13cqw;background:var(--ink);animation:popon 2s steps(1,end) infinite}
.motion-sheet[data-theme="cartoon"] .popon{background:var(--acc)}
@keyframes earflap{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(26deg)}}
.motion-sheet .selective{position:relative;width:20cqw;height:16cqw;background:var(--ink);border-radius:var(--r)}
.motion-sheet .selective .ear{position:absolute;top:-7cqw;left:2.4cqw;width:3.4cqw;height:9cqw;background:var(--mut);
    transform-origin:bottom center;animation:earflap .9s ease-in-out infinite}
.motion-sheet .selective .eye{position:absolute;top:5cqw;width:2cqw;height:2cqw;background:var(--card);border-radius:50%}
.motion-sheet .selective .eye.a{left:5cqw}
.motion-sheet .selective .eye.b{left:11cqw}
.motion-sheet[data-theme="cartoon"] .selective{background:var(--acc4)}
.motion-sheet[data-theme="cartoon"] .selective .ear{background:var(--acc2)}
.motion-sheet[data-theme="cartoon"] .selective .eye{background:var(--ink)}
@keyframes enterexit{0%{opacity:0;transform:translateY(5cqw)}15%,70%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-5cqw)}}
.motion-sheet .d-ee{width:44cqw;height:13cqw;background:var(--ink);border-radius:var(--r);animation:enterexit 3s ease infinite}
@keyframes popin{0%{transform:scale(0)}60%{transform:scale(1.18)}75%{transform:scale(.96)}85%,100%{transform:scale(1)}}
@keyframes popcycle{0%,8%{opacity:0}12%,80%{opacity:1}92%,100%{opacity:0}}
.motion-sheet .d-pop{width:16cqw;height:16cqw;background:var(--ink);border-radius:var(--r);animation:popin 2.6s cubic-bezier(.34,1.56,.64,1) infinite,popcycle 2.6s linear infinite}
@keyframes blurmat{0%{opacity:0;filter:blur(5cqw);transform:scale(.92)}45%,80%{opacity:1;filter:blur(0);transform:none}95%,100%{opacity:0;filter:blur(5cqw)}}
.motion-sheet .d-blurmat{width:40cqw;height:14cqw;background:var(--ink);border-radius:var(--r);animation:blurmat 3s ease infinite}
.motion-sheet[data-theme="cartoon"] .d-ee, .motion-sheet[data-theme="cartoon"] .d-pop, .motion-sheet[data-theme="cartoon"] .d-blurmat{background:var(--acc)}
@keyframes guide{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.6);opacity:0}}
.motion-sheet .guide-wrap{position:relative}
.motion-sheet .guide-t{width:10cqw;height:10cqw;background:var(--ink);border-radius:50%}
.motion-sheet .guide-r{position:absolute;inset:-1.4cqw;border:var(--bw) solid var(--ink);border-radius:50%;animation:guide 1.6s ease-out infinite}
.motion-sheet[data-theme="cartoon"] .guide-t{background:var(--acc3)}
.motion-sheet #fbBtn{position:relative;overflow:hidden;border:var(--bw) solid var(--ink);background:var(--ink);color:var(--bg);
    border-radius:var(--r);padding:3.2cqw 6.5cqw;cursor:pointer;transition:transform .12s ease;
    font:500 clamp(10px,2.4cqw,14px)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.motion-sheet[data-theme="cartoon"] #fbBtn{background:var(--acc2);color:var(--ink)}
.motion-sheet #sharedEl{position:absolute;left:5cqw;top:7cqw;width:12cqw;height:12cqw;background:var(--ink);
    border-radius:var(--r);transition:all .5s cubic-bezier(.5,0,.2,1)}
.motion-sheet[data-theme="cartoon"] #sharedEl{background:var(--acc)}
.motion-sheet .jank-lane{position:absolute;left:6cqw;right:6cqw}
.motion-sheet .jank-lane.a{top:30%}
.motion-sheet .jank-lane.b{top:66%}
.motion-sheet .jank-lane small{position:absolute;top:-5cqw;left:0;font:400 clamp(8.5px,1.9cqw,11px)/1 var(--mono);
    letter-spacing:.06em;color:var(--dim);text-transform:uppercase}
@keyframes smooth{to{transform:translateX(66cqw)}}
@keyframes layoutmove{to{left:66cqw}}
.motion-sheet .jank{position:absolute;left:0;width:6cqw;height:6cqw;border-radius:50%;background:var(--ink)}
.motion-sheet .jank.ok{animation:smooth 2s linear infinite alternate}
.motion-sheet .jank.bad{animation:layoutmove 2s steps(9) infinite alternate}
.motion-sheet[data-theme="cartoon"] .jank.ok{background:var(--acc3)}
.motion-sheet[data-theme="cartoon"] .jank.bad{background:var(--acc)}
.motion-sheet .cap-mid{pointer-events:none;position:relative;z-index:2;
    font:400 clamp(9.5px,2.1cqw,12px)/1 var(--mono);letter-spacing:.1em;color:var(--dim);text-transform:uppercase}
.motion-sheet .smw{position:absolute;top:12px;right:12px;z-index:4;
    display:flex;flex-direction:column;gap:9px;width:40%;max-width:220px}
.motion-sheet .smw > div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;
    font:400 10px/1 var(--mono);letter-spacing:.08em;color:var(--mut);text-transform:uppercase}
.motion-sheet .smw em{display:block;height:6px;border:var(--bw) solid var(--line2);font-style:normal;overflow:hidden}
.motion-sheet .smw i{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}
.motion-sheet .smw b{font-weight:400;color:var(--ink);font-variant-numeric:tabular-nums}
.motion-sheet[data-theme="cartoon"] .smw i{background:var(--acc)}
.motion-sheet .rm{display:flex;gap:6cqw;align-items:center}
.motion-sheet .rm figure{margin:0;text-align:center}
.motion-sheet .rm .swatch{width:16cqw;height:16cqw;background:var(--ink);border-radius:var(--r);margin:0 auto}
.motion-sheet .rm .full{animation:rm-full 1.6s cubic-bezier(.34,1.56,.64,1) infinite}
.motion-sheet .rm .safe{animation:rm-safe 1.6s ease-in-out infinite}
@keyframes rm-full{0%,100%{transform:translateX(-7cqw) rotate(-12deg) scale(.8)}50%{transform:translateX(7cqw) rotate(12deg) scale(1.15)}}
@keyframes rm-safe{0%,100%{opacity:.35}50%{opacity:1}}
.motion-sheet .rm em{display:block;font:400 clamp(8.5px,1.75cqw,11px)/1 var(--mono);font-style:normal;color:var(--dim);margin-top:2.6cqw;letter-spacing:.06em}
.motion-sheet[data-theme="cartoon"] .rm .swatch{background:var(--acc)}
.motion-sheet .budget{display:flex;flex-direction:column;gap:3cqw;width:66cqw}
.motion-sheet .budget .row{display:flex;align-items:center;gap:3cqw}
.motion-sheet .budget .k{width:14cqw;flex:none;font:400 clamp(8.5px,1.8cqw,11px)/1 var(--mono);color:var(--dim);letter-spacing:.06em}
.motion-sheet .budget .meter{flex:1;height:4.4cqw;border:var(--bw) solid var(--line2);position:relative;overflow:hidden}
.motion-sheet .budget .meter i{position:absolute;inset:0 auto 0 0;background:var(--ink)}
.motion-sheet .budget .meter .b60{width:100%}
.motion-sheet .budget .meter .b120{width:50%}
.motion-sheet[data-theme="cartoon"] .budget .meter i{background:var(--acc)}
.motion-sheet .budget .v{width:15cqw;flex:none;text-align:right;font:400 clamp(8.5px,1.8cqw,11px)/1 var(--mono);color:var(--mut)}
@keyframes kt{0%,100%{transform:translateY(0) rotate(0);opacity:.35}
    22%{transform:translateY(-5cqw) rotate(-7deg);opacity:1}
    44%{transform:translateY(0) rotate(0);opacity:.35}}
.motion-sheet .kt{display:flex;gap:.6cqw;font:400 clamp(16px,8cqw,52px)/1 var(--display);letter-spacing:-.01em}
.motion-sheet .kt span{display:inline-block;animation:kt 2.2s ease-in-out infinite}
.motion-sheet .kt span:nth-child(1){animation-delay:0s}
.motion-sheet .kt span:nth-child(2){animation-delay:.08s}
.motion-sheet .kt span:nth-child(3){animation-delay:.16s}
.motion-sheet .kt span:nth-child(4){animation-delay:.24s}
.motion-sheet .kt span:nth-child(5){animation-delay:.32s}
.motion-sheet .kt span:nth-child(6){animation-delay:.4s}
.motion-sheet .kt span:nth-child(7){animation-delay:.48s}
.motion-sheet[data-theme="cartoon"] .kt span:nth-child(odd){color:var(--acc)}
.motion-sheet[data-theme="cartoon"] .kt span:nth-child(even){color:var(--acc3)}
@keyframes ktswl-crest{
    0%{font-variation-settings:'wght' 400,'wdth' 100}
    9%,19%{font-variation-settings:'wght' 700,'wdth' 79}
    30%,100%{font-variation-settings:'wght' 400,'wdth' 100}
  }
@keyframes ktswl-tint{0%{color:var(--ink)}9%,19%{color:var(--acc)}30%,100%{color:var(--ink)}}
.motion-sheet .ktswl{max-width:90cqw;text-align:center;color:var(--ink);
    font:400 clamp(13px,4.6cqw,26px)/1.5 var(--sans);
    font-variation-settings:'wght' 400,'wdth' 100}
.motion-sheet .ktswl-x{display:block}
.motion-sheet .ktswl-l{display:block;white-space:nowrap}
.motion-sheet .ktswl-w{position:relative;display:inline-block;visibility:hidden}
.motion-sheet .ktswl-g{visibility:visible;position:absolute;inset:0;white-space:nowrap;
    animation:ktswl-crest 6s ease-in-out infinite;
    animation-delay:calc(var(--p) * -.6s)}
.motion-sheet .ktswl-w::after{content:"";visibility:visible;position:absolute;inset:0;
    outline:var(--bw) solid var(--line2);outline-offset:calc(var(--bw) * -1);
    opacity:0;transition:opacity .35s ease}
.motion-sheet .stage:hover .ktswl-w::after{opacity:1}
.motion-sheet .ktswl-key{position:absolute;left:10px;bottom:9px;color:var(--dim);
    font:400 clamp(9px,2.1cqw,11px)/1 var(--mono);letter-spacing:.08em;
    text-transform:uppercase;transition:color .35s ease}
.motion-sheet .stage:hover .ktswl-key{color:var(--mut)}
.motion-sheet[data-theme="cartoon"] .ktswl-g{animation:ktswl-crest 6s ease-in-out infinite,ktswl-tint 6s ease-in-out infinite;
    animation-delay:calc(var(--p) * -.6s),calc(var(--p) * -.6s)}
.motion-sheet[data-theme="cartoon"] .ktswl-key{color:var(--mut)}
.motion-sheet .ktrank{
    --ktrank-hi:var(--ink);
    --ktrank-lo:var(--mut);
    --ktrank-rule:transparent;        /* cartoon promotes this to a visible rule */
    position:absolute; inset:7cqw; overflow:hidden;
    display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:4fr 1fr 1fr;
    border-block:var(--bw) solid var(--line);
    transition:inset .5s cubic-bezier(.7,0,.2,1), border-color .3s ease;
    animation:ktrank-reflow 7.2s cubic-bezier(.7,0,.2,1) infinite;
  }
.motion-sheet .ktrank-l{
    margin:0; min-width:0; min-height:0; display:flex; align-items:center;
    white-space:nowrap; line-height:1; letter-spacing:-.02em;
    font-family:var(--sans);
    text-decoration-line:underline; text-decoration-thickness:var(--bw);
    text-underline-offset:.16em;
    animation:ktrank-rank 7.2s cubic-bezier(.7,0,.2,1) infinite;
  }
.motion-sheet .ktrank-l + .ktrank-l{border-top:var(--bw) solid var(--line);transition:border-color .3s ease}
.motion-sheet .ktrank-l:nth-child(2){animation-delay:-4.8s}
.motion-sheet .ktrank-l:nth-child(3){animation-delay:-2.4s}
.motion-sheet .card:hover .ktrank{inset:7cqw 3cqw 7cqw 7cqw;border-color:var(--line2)}
.motion-sheet .card:hover .ktrank-l + .ktrank-l{border-color:var(--line2)}
@keyframes ktrank-reflow{
    0%,20%          {grid-template-rows:4fr 1fr 1fr}
    33.333%,53.333% {grid-template-rows:1fr 4fr 1fr}
    66.667%,86.667% {grid-template-rows:1fr 1fr 4fr}
    100%            {grid-template-rows:4fr 1fr 1fr}
  }
@keyframes ktrank-rank{
    0%,20%{
      font-size:clamp(21px,17.5cqw,92px); letter-spacing:-.032em;
      font-weight:700; font-variation-settings:'wght' 700,'opsz' 144;
      color:var(--ktrank-hi); text-decoration-color:var(--ktrank-rule);
    }
    33.333%,86.667%{
      font-size:clamp(10px,5.4cqw,28px); letter-spacing:-.004em;
      font-weight:400; font-variation-settings:'wght' 400,'opsz' 6;
      color:var(--ktrank-lo); text-decoration-color:transparent;
    }
    100%{
      font-size:clamp(21px,17.5cqw,92px); letter-spacing:-.032em;
      font-weight:700; font-variation-settings:'wght' 700,'opsz' 144;
      color:var(--ktrank-hi); text-decoration-color:var(--ktrank-rule);
    }
  }
.motion-sheet[data-theme="cartoon"] .ktrank{--ktrank-hi:var(--acc);--ktrank-lo:var(--acc2);--ktrank-rule:var(--ink)}
@keyframes ktvie-recut1{
    0%,5%{font-variation-settings:'opsz' 144;letter-spacing:-.015em}
    33%,56%{font-variation-settings:'opsz' 6;letter-spacing:.02em}
    86%,100%{font-variation-settings:'opsz' 144;letter-spacing:-.015em}
  }
@keyframes ktvie-recut2{
    0%,11%{font-variation-settings:'opsz' 144;letter-spacing:-.015em}
    39%,60%{font-variation-settings:'opsz' 6;letter-spacing:.02em}
    90%,100%{font-variation-settings:'opsz' 144;letter-spacing:-.015em}
  }
@keyframes ktvie-recut3{
    0%,17%{font-variation-settings:'opsz' 144;letter-spacing:-.015em}
    45%,64%{font-variation-settings:'opsz' 6;letter-spacing:.02em}
    94%,100%{font-variation-settings:'opsz' 144;letter-spacing:-.015em}
  }
.motion-sheet .ktvie-rig{position:absolute;inset:0;overflow:clip}
.motion-sheet .ktvie-rig .hint{background:var(--card)}
.motion-sheet .ktvie-field{position:absolute;inset:0}
.motion-sheet .ktvie-s{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    font-family:var(--sans);font-weight:700;font-size:120cqw;line-height:1;
    letter-spacing:-.015em;white-space:nowrap;color:var(--ink);
    font-optical-sizing:none;font-variation-settings:'opsz' 144;
    clip-path:inset(0 0 70% 0);
    animation:ktvie-recut1 7.6s cubic-bezier(.6,0,.4,1) infinite}
.motion-sheet .ktvie-s2{clip-path:inset(30% 0 38% 0);animation-name:ktvie-recut2}
.motion-sheet .ktvie-s3{clip-path:inset(62% 0 0 0);animation-name:ktvie-recut3}
.motion-sheet .ktvie-t{display:inline-block;transform:translate(-7cqw,-13cqw)}
.motion-sheet .ktvie-cut{position:absolute;left:0;right:0;height:var(--bw);background:var(--line2);z-index:2}
.motion-sheet .ktvie-c1{top:30%}
.motion-sheet .ktvie-c2{top:62%}
.motion-sheet[data-theme="cartoon"] .ktvie-s1{color:var(--acc)}
.motion-sheet[data-theme="cartoon"] .ktvie-s3{color:var(--acc3)}
.motion-sheet[data-theme="cartoon"] .ktvie-cut{background:var(--ink)}
.motion-sheet .ktcut{position:absolute;inset:0;-webkit-user-select:none;user-select:none}
.motion-sheet .ktcut-shot{position:absolute;inset:0;z-index:1;opacity:0}
.motion-sheet .ktcut-shot i{position:absolute;right:4cqw;bottom:3.4cqw;font:400 clamp(9px,2.6cqw,12px)/1 var(--mono);
    font-style:normal;letter-spacing:.14em;color:var(--mut)}
.motion-sheet .ktcut-sa{opacity:1;animation:ktcut-beat-a 4.8s linear infinite}
.motion-sheet .ktcut-sa::before{content:'';position:absolute;left:0;right:0;top:17%;height:var(--bw);background:var(--mut)}
.motion-sheet .ktcut-sa::after{content:'';position:absolute;right:8%;bottom:16%;width:3.2cqw;height:3.2cqw;background:var(--mut)}
.motion-sheet .ktcut-sb{background:var(--ink);animation:ktcut-beat-b 4.8s linear infinite}
.motion-sheet .ktcut-sb::before{content:'';position:absolute;left:0;right:0;top:82%;height:var(--bw);background:var(--stage)}
.motion-sheet .ktcut-sb i{color:var(--stage)}
.motion-sheet .ktcut-sc{animation:ktcut-beat-c 4.8s linear infinite}
.motion-sheet .ktcut-sc::before{content:'';position:absolute;left:0;top:0;bottom:0;width:30%;background:var(--ink)}
.motion-sheet .ktcut-sc::after{content:'';position:absolute;right:9%;top:20%;width:3.2cqw;height:3.2cqw;background:var(--mut)}
.motion-sheet .ktcut-sd{animation:ktcut-beat-d 4.8s linear infinite}
.motion-sheet .ktcut-sd::before{content:'';position:absolute;inset:8% 7% 15% 7%;border:var(--bw) solid var(--mut)}
.motion-sheet .ktcut-col{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;
    align-items:flex-start;justify-content:center;gap:2.4cqw;padding-left:9cqw;color:var(--ink)}
.motion-sheet .ktcut-t{font:400 clamp(22px,15cqw,78px)/.95 var(--display);letter-spacing:.01em;white-space:nowrap}
.motion-sheet .ktcut-sub{display:flex;flex-direction:column;gap:1cqw;white-space:nowrap;
    font:600 clamp(13px,6.6cqw,34px)/1.08 var(--sans);
    font-variation-settings:'opsz' 32;
    animation:ktcut-punch 4.8s linear infinite}
.motion-sheet .ktcut-m{font:400 clamp(9px,2.8cqw,13px)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
    opacity:.65;white-space:nowrap}
.motion-sheet .ktcut-knock{z-index:3;color:var(--stage);clip-path:inset(0 0 0 100%);
    animation:ktcut-plate 4.8s linear infinite}
@keyframes ktcut-beat-a{
    0%      {opacity:1;animation-timing-function:steps(1,end)}
    14.5833%{opacity:0;animation-timing-function:steps(1,end)}
    85.4167%{opacity:1}
    100%    {opacity:1}
  }
@keyframes ktcut-beat-b{
    0%      {opacity:0;animation-timing-function:steps(1,end)}
    14.5833%{opacity:1;animation-timing-function:steps(1,end)}
    31.25%  {opacity:0}
    100%    {opacity:0}
  }
@keyframes ktcut-beat-c{
    0%      {opacity:0;animation-timing-function:steps(1,end)}
    31.25%  {opacity:1;animation-timing-function:steps(1,end)}
    60.4167%{opacity:0}
    100%    {opacity:0}
  }
@keyframes ktcut-beat-d{
    0%      {opacity:0;animation-timing-function:steps(1,end)}
    60.4167%{opacity:1;animation-timing-function:steps(1,end)}
    85.4167%{opacity:0}
    100%    {opacity:0}
  }
@keyframes ktcut-plate{
    0%      {clip-path:inset(0 0 0 100%);animation-timing-function:steps(1,end)}
    14.5833%{clip-path:inset(0 0 0 0);animation-timing-function:steps(1,end)}
    31.25%  {clip-path:inset(0 70% 0 0);animation-timing-function:steps(1,end)}
    60.4167%{clip-path:inset(0 0 0 100%)}
    100%    {clip-path:inset(0 0 0 100%)}
  }
@keyframes ktcut-punch{
    0%      {font-variation-settings:'opsz' 32;animation-timing-function:steps(1,end)}
    14.5833%{font-variation-settings:'opsz' 6;animation-timing-function:cubic-bezier(.16,.84,.44,1)}
    21.875% {font-variation-settings:'opsz' 32;animation-timing-function:steps(1,end)}
    31.25%  {font-variation-settings:'opsz' 6;animation-timing-function:cubic-bezier(.16,.84,.44,1)}
    38.5417%{font-variation-settings:'opsz' 32;animation-timing-function:steps(1,end)}
    60.4167%{font-variation-settings:'opsz' 6;animation-timing-function:cubic-bezier(.16,.84,.44,1)}
    67.7083%{font-variation-settings:'opsz' 32;animation-timing-function:steps(1,end)}
    85.4167%{font-variation-settings:'opsz' 6;animation-timing-function:cubic-bezier(.16,.84,.44,1)}
    92.7083%{font-variation-settings:'opsz' 32}
    100%    {font-variation-settings:'opsz' 32}
  }
@media (hover:hover) and (pointer:fine){.motion-sheet .ktcut:hover .ktcut-shot, .motion-sheet .ktcut:hover .ktcut-knock, .motion-sheet .ktcut:hover .ktcut-sub{animation-play-state:paused}}
.motion-sheet[data-theme="cartoon"] .ktcut-sb, .motion-sheet[data-theme="cartoon"] .ktcut-sc::before{background:var(--acc)}
.motion-sheet[data-theme="cartoon"] .ktcut-sa::before, .motion-sheet[data-theme="cartoon"] .ktcut-sa::after, .motion-sheet[data-theme="cartoon"] .ktcut-sc::after{background:var(--ink)}
.motion-sheet[data-theme="cartoon"] .ktcut-sd::before{border-color:var(--ink)}
.motion-sheet[data-theme="cartoon"] .ktcut-shot i{color:var(--ink)}
.motion-sheet[data-theme="cartoon"] .ktcut-sb i{color:var(--stage)}
.motion-sheet .ktform{position:absolute;inset:0}
.motion-sheet .ktform-f{position:absolute;inset:0;display:flex;
    align-items:center;justify-content:center}
.motion-sheet .ktform-f, .motion-sheet .ktform-r{opacity:0;animation-duration:1.2s;
    animation-timing-function:steps(1,end);animation-iteration-count:infinite}
@keyframes ktform-cut-a{0%{opacity:1}27.5%{opacity:0}100%{opacity:0}}
@keyframes ktform-cut-b{0%{opacity:0}27.5%{opacity:1}45%{opacity:0}100%{opacity:0}}
@keyframes ktform-cut-c{0%{opacity:0}45%{opacity:1}77.5%{opacity:0}100%{opacity:0}}
@keyframes ktform-cut-d{0%{opacity:0}77.5%{opacity:1}100%{opacity:1}}
.motion-sheet .ktform-a{animation-name:ktform-cut-a}
.motion-sheet .ktform-b{animation-name:ktform-cut-b}
.motion-sheet .ktform-c{animation-name:ktform-cut-c}
.motion-sheet .ktform-d{animation-name:ktform-cut-d}
.motion-sheet .ktform-poster{font:400 clamp(24px,13cqw,58px)/1 var(--display);
    letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;color:var(--ink)}
.motion-sheet .ktform-wide{font:400 clamp(11px,5.2cqw,25px)/1 var(--sans);
    font-variation-settings:'wdth' 125,'wght' 400,'opsz' 144;
    letter-spacing:.26em;margin-right:-.26em;text-transform:uppercase;
    white-space:nowrap;color:var(--ink);transform:translateY(2.6em)}
.motion-sheet .ktform-blk{font:700 clamp(20px,21cqw,96px)/.82 var(--sans);
    font-variation-settings:'wdth' 75,'wght' 700,'slnt' -10;
    letter-spacing:-.015em;text-transform:uppercase;text-align:center;color:var(--ink)}
.motion-sheet .ktform-plate{font:700 clamp(12px,5.6cqw,27px)/1 var(--mono);
    letter-spacing:.42em;text-transform:uppercase;white-space:nowrap;
    background:var(--ink);color:var(--stage);border-radius:var(--r-sm);
    padding:.79em .89em .79em 1.32em}
.motion-sheet .ktform-r{pointer-events:none}
.motion-sheet[data-theme="cartoon"] .ktform-plate{background:var(--acc2);color:var(--ink);
    border:var(--bw) solid var(--ink)}
.motion-sheet .ktgoo-s{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.motion-sheet .ktgoo-defs{position:absolute;width:0;height:0;overflow:hidden}
.motion-sheet .ktgoo-f{
    --ktgoo-fs:clamp(18px,15.5cqw,74px);
    position:relative;
    /* fixed 3.7:2.52 aspect, so the objectBoundingBox blur fractions above stay
       isotropic at every size (measured 2.804px vs 2.804px in-browser) */
    width:calc(var(--ktgoo-fs) * 3.7);
    height:calc(var(--ktgoo-fs) * 2.52);
    filter:url(#ktgoo-goo);
  }
.motion-sheet .ktgoo-w{
    position:absolute;left:0;right:0;margin:0;
    font:400 var(--ktgoo-fs)/1 var(--display);
    /* text-indent cancels the trailing letter-space so the ink stays optically
       centred — measured: ink centre lands within 0.5px of the true centre */
    letter-spacing:.06em;text-indent:.06em;
    text-align:center;color:var(--ink);
    /* `translate` is its own property, so this hover offset composes with the
       keyframed `transform` instead of being overridden by it, and it stays off
       the layout path -- the filter's bbox, and therefore sigma, never changes. */
    translate:0 0;
    transition:translate .8s cubic-bezier(.4,0,.2,1);
  }
.motion-sheet .ktgoo-a{top:0;   transform-origin:50% 100%;animation:ktgoo-drop 7.2s infinite}
.motion-sheet .ktgoo-b{bottom:0;transform-origin:50% 0;   animation:ktgoo-rise 7.2s infinite}
.motion-sheet .ktgoo-s:hover .ktgoo-a{translate:0 3%}
.motion-sheet .ktgoo-s:hover .ktgoo-b{translate:0 -3%}
@media (prefers-reduced-motion:reduce){.motion-sheet .ktgoo-w{transition-duration:0s}}
@keyframes ktgoo-drop{
    0%  {transform:translateY(0)     scale(1,1);       animation-timing-function:cubic-bezier(.5,0,.72,.4)}
    44% {transform:translateY(31.5%) scale(1.006,.99); animation-timing-function:cubic-bezier(.22,.85,.3,1)}
    52% {transform:translateY(34.5%) scale(1.03,.952); animation-timing-function:cubic-bezier(.45,0,.62,1)}
    60% {transform:translateY(31.5%) scale(1.006,.99); animation-timing-function:cubic-bezier(.3,.6,.45,1)}
    100%{transform:translateY(0)     scale(1,1)}
  }
@keyframes ktgoo-rise{
    0%  {transform:translateY(0)      scale(1,1);       animation-timing-function:cubic-bezier(.5,0,.72,.4)}
    44% {transform:translateY(-31.5%) scale(1.006,.99); animation-timing-function:cubic-bezier(.22,.85,.3,1)}
    52% {transform:translateY(-34.5%) scale(1.03,.952); animation-timing-function:cubic-bezier(.45,0,.62,1)}
    60% {transform:translateY(-31.5%) scale(1.006,.99); animation-timing-function:cubic-bezier(.3,.6,.45,1)}
    100%{transform:translateY(0)      scale(1,1)}
  }
.motion-sheet[data-theme="cartoon"] .ktgoo-f{filter:url(#ktgoo-ink)}
.motion-sheet[data-theme="cartoon"] .ktgoo-w{color:var(--acc)}
.motion-sheet .ktcurv{position:absolute;inset:0;user-select:none;-webkit-user-select:none}
.motion-sheet .ktcurv svg{width:100%;height:100%;display:block}
.motion-sheet .ktcurv-path{fill:none;stroke:var(--line2);stroke-width:1;stroke-dasharray:4 6;
    d:path("M 18 104 C 96 186 200 180 286 112");
    animation:ktcurv-sweep 2.4s infinite}
.motion-sheet .ktcurv-t{font-family:var(--sans);font-size:24px;letter-spacing:.05em;
    text-anchor:middle;fill:var(--mut);
    font-variation-settings:'slnt' -2,'wght' 430}
.motion-sheet .ktcurv-one, .motion-sheet .ktcurv-two{fill:var(--ink);font-variation-settings:'slnt' -2,'wght' 430}
.motion-sheet .ktcurv-one{animation:ktcurv-stab1 2.4s infinite}
.motion-sheet .ktcurv-two{animation:ktcurv-stab2 2.4s infinite}
@keyframes ktcurv-sweep{
    0%  {d:path("M 18 104 C 96 186 200 180 286 112");animation-timing-function:cubic-bezier(.16,.84,.44,1)}
    14% {d:path("M 18 101 C 94 168 198 162 286 96");animation-timing-function:cubic-bezier(.42,0,.58,1)}
    50% {d:path("M 18 96 C 100 48 208 20 286 58");animation-timing-function:cubic-bezier(.3,.7,.5,1)}
    62% {d:path("M 18 98 C 98 62 206 42 286 70");animation-timing-function:cubic-bezier(.64,0,.86,.5)}
    100%{d:path("M 18 104 C 96 186 200 180 286 112")}
  }
@keyframes ktcurv-stab1{
    0%,4%{font-variation-settings:'slnt' -10,'wght' 700;animation-timing-function:cubic-bezier(0,.4,.4,1)}
    34%  {font-variation-settings:'slnt' -2,'wght' 430}
    88%  {font-variation-settings:'slnt' -2,'wght' 430;animation-timing-function:cubic-bezier(.7,0,1,.6)}
    100% {font-variation-settings:'slnt' -10,'wght' 700}
  }
@keyframes ktcurv-stab2{
    0%,38%  {font-variation-settings:'slnt' -2,'wght' 430;animation-timing-function:cubic-bezier(.7,0,1,.6)}
    50%,54% {font-variation-settings:'slnt' -10,'wght' 560;animation-timing-function:cubic-bezier(0,.4,.4,1)}
    84%,100%{font-variation-settings:'slnt' -2,'wght' 430}
  }
.motion-sheet .ktzone-wrap{
    position:absolute; inset:0;
    /* picks up the stage's own ground (colour + grid dots) on an identical
       box so the zone can tint it without re-declaring it; the tint layer is
       opaque, so the dots are replaced, not stacked */
    background:inherit;
    --ktzone-half:3em;    /* half the zone width, in ems of the marquee type:
                             band = 6em = 64% of one 9.4em word cell,
                             136.8px = 14.1% of the 970px stage */
    --ktzone-fs:clamp(14px,2.35cqw,23px);
    --ktzone-gap:1.5em;
  }
@container (max-width:700px){.motion-sheet .ktzone-wrap{--ktzone-gap:2.2em}}
.motion-sheet .ktzone-lane{
    position:absolute; inset:0;
    display:flex; flex-direction:column; justify-content:center; align-items:flex-start;
    gap:var(--ktzone-gap);
    font:400 var(--ktzone-fs)/1.15 var(--sans);
    letter-spacing:.02em; text-transform:uppercase; color:var(--ink);
    font-variation-settings:'wght' 400,'wdth' 112,'opsz' 96,'slnt' 0;
  }
.motion-sheet .ktzone-zone{
    font-variation-settings:'wght' 400,'wdth' 112,'opsz' 96,'slnt' -10;
    clip-path:inset(0 calc(50% - var(--ktzone-half)));
    background:inherit;
    background-color:color-mix(in srgb, var(--ink) 6%, var(--stage));
    transition:clip-path .5s cubic-bezier(.22,.61,.36,1);
  }
.motion-sheet .ktzone-track{
    display:grid; grid-auto-flow:column; grid-auto-columns:9.4em;
    animation:ktzone-run 24s linear infinite;
  }
.motion-sheet .ktzone-track > span{white-space:nowrap}
.motion-sheet .ktzone-lane .ktzone-track:nth-child(2){animation-delay:-8s}
.motion-sheet .ktzone-lane .ktzone-track:nth-child(3){animation-delay:-16s}
@keyframes ktzone-run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.motion-sheet .ktzone-band{
    position:absolute; top:0; bottom:0; pointer-events:none;
    left:calc(50% - var(--ktzone-half)); right:calc(50% - var(--ktzone-half));
    font-size:var(--ktzone-fs);
    border-left:var(--bw) solid var(--line2);
    border-right:var(--bw) solid var(--line2);
    transition:left .5s cubic-bezier(.22,.61,.36,1), right .5s cubic-bezier(.22,.61,.36,1);
  }
.motion-sheet .card:hover .ktzone-wrap{--ktzone-half:5.4em}
.motion-sheet.paused .ktzone-zone, .motion-sheet.paused .ktzone-band{transition:none}
.motion-sheet[data-theme="cartoon"] .ktzone-zone{background-color:color-mix(in srgb, var(--acc2) 34%, var(--stage));
    color:var(--acc)}
.motion-sheet[data-theme="cartoon"] .ktzone-band{border-left-color:var(--acc); border-right-color:var(--acc)}
.motion-sheet .ktbass{position:absolute;inset:0;-webkit-user-select:none;user-select:none}
.motion-sheet .ktbass-f{position:absolute;inset:0}
.motion-sheet .ktbass-p{position:absolute;box-sizing:border-box}
.motion-sheet .ktbass-b1{left:10cqw;top:-40cqw;width:6cqw;height:64cqw;background:var(--acc4);animation:ktbass-b1 4.8s cubic-bezier(.75,0,.25,1) infinite}
.motion-sheet .ktbass-b2{left:19cqw;top:-40cqw;width:9cqw;height:74cqw;background:var(--ink);animation:ktbass-b2 3.6s cubic-bezier(.75,0,.25,1) infinite}
.motion-sheet .ktbass-b3{left:31cqw;top:-40cqw;width:5cqw;height:61cqw;background:var(--acc);animation:ktbass-b3 7.2s cubic-bezier(.75,0,.25,1) infinite}
.motion-sheet .ktbass-b4{left:39cqw;top:-40cqw;width:7cqw;height:70cqw;background:var(--mut);animation:ktbass-b4 2.4s cubic-bezier(.75,0,.25,1) infinite}
.motion-sheet .ktbass-hb{right:0;top:14cqw;width:34cqw;height:3.5cqw;background:var(--acc2);animation:ktbass-hb 3.6s cubic-bezier(.75,0,.25,1) infinite}
.motion-sheet .ktbass-ls{left:0;top:40cqw;width:12cqw;bottom:0;background:var(--acc2);z-index:4}
.motion-sheet .ktbass-rs{right:0;top:36cqw;width:14cqw;bottom:0;background:var(--acc3);z-index:4}
.motion-sheet .ktbass-sh{left:16cqw;top:60.5cqw;width:60cqw;height:2cqw;background:var(--ink)}
.motion-sheet .ktbass-w{position:absolute;left:16cqw;bottom:8cqw;z-index:3;display:flex;white-space:nowrap;
    font:400 clamp(26px,10.5cqw,56px)/1 var(--display);color:var(--ink);letter-spacing:0}
.motion-sheet .ktbass-w span{display:block}
.motion-sheet .ktbass-a{animation:ktbass-a 7.2s cubic-bezier(.85,0,.15,1) infinite}
.motion-sheet .ktbass-t{animation:ktbass-t 7.2s cubic-bezier(.85,0,.15,1) infinite}
.motion-sheet .ktbass-sq{left:78cqw;top:53.6cqw;width:5cqw;height:5cqw;background:var(--acc);z-index:5;animation:ktbass-sq 7.2s cubic-bezier(.85,0,.15,1) infinite}
@keyframes ktbass-b1{0%,38%{transform:translateY(0)}50%,88%{transform:translateY(-8cqw)}100%{transform:translateY(0)}}
@keyframes ktbass-b2{0%,42%{transform:translateY(0)}54%,90%{transform:translateY(-12cqw)}100%{transform:translateY(0)}}
@keyframes ktbass-b3{0%,30%{transform:translateY(0)}40%,82%{transform:translateY(9cqw)}100%{transform:translateY(0)}}
@keyframes ktbass-b4{0%,35%{transform:translateY(0)}52%,86%{transform:translateY(10cqw)}100%{transform:translateY(0)}}
@keyframes ktbass-hb{0%,44%{transform:translateX(36cqw)}56%,86%{transform:translateX(0)}100%{transform:translateX(36cqw)}}
@keyframes ktbass-a{0%,14%{transform:translateX(-16cqw)}22%,80%{transform:translateX(0)}88%,100%{transform:translateX(-16cqw)}}
@keyframes ktbass-t{0%,30%{transform:translateX(23cqw)}38%,66%{transform:translateX(0)}74%,100%{transform:translateX(23cqw)}}
@keyframes ktbass-sq{0%,37.9%{transform:translate(-31cqw,-31.6cqw)}38%,65.9%{transform:translate(0,0)}66%,100%{transform:translate(-31cqw,-31.6cqw)}}
@media (hover:hover) and (pointer:fine){.motion-sheet .ktbass:hover .ktbass-p, .motion-sheet .ktbass:hover .ktbass-w span{animation-play-state:paused}}
.motion-sheet[data-theme="cartoon"] .ktbass-p{border:var(--bw) solid var(--ink)}
.motion-sheet .ktpilg{position:absolute;inset:0;user-select:none;-webkit-user-select:none}
.motion-sheet .ktpilg-map{position:absolute;inset:0;width:100%;height:100%;display:block}
.motion-sheet .ktpilg-map polygon{fill:none;stroke:var(--line2);stroke-width:1;
    stroke-dasharray:4 6;vector-effect:non-scaling-stroke}
.motion-sheet .ktpilg-pad{position:absolute;z-index:1;background:var(--acc2);border-radius:.5cqw}
.motion-sheet .ktpilg-pa{left:15cqw;top:54.5cqw;width:16cqw;height:.55cqw}
.motion-sheet .ktpilg-pb{left:81.5cqw;top:14cqw;width:.55cqw;height:16cqw}
.motion-sheet .ktpilg-pc{left:28cqw;top:10.2cqw;width:16cqw;height:.55cqw}
.motion-sheet .ktpilg-ring{position:absolute;z-index:2;width:12cqw;height:12cqw;
    margin:-6cqw 0 0 -6cqw;border:.55cqw solid var(--acc2);border-radius:50%;
    opacity:0;animation:ktpilg-ping 2.4s steps(1,end) infinite}
.motion-sheet .ktpilg-ra{left:23cqw;top:53.3cqw}
.motion-sheet .ktpilg-rb{left:80.3cqw;top:22cqw;animation-delay:-1.6s}
.motion-sheet .ktpilg-rc{left:36cqw;top:11.9cqw;animation-delay:-.8s}
@keyframes ktpilg-ping{
    0%{opacity:1;transform:scale(.5)}
    2.5%{opacity:1;transform:scale(.72)}
    5%{opacity:1;transform:scale(1)}
    7.5%,100%{opacity:0;transform:scale(1)}
  }
.motion-sheet .ktpilg-burst{position:absolute;z-index:3}
.motion-sheet .ktpilg-ba{left:26cqw;top:47.5cqw;translate:-100% -100%;rotate:-5deg}
.motion-sheet .ktpilg-bb{left:76.5cqw;top:25.5cqw;translate:-100% 0;rotate:-8deg}
.motion-sheet .ktpilg-bc{left:39cqw;top:15.6cqw;rotate:4deg}
.motion-sheet .ktpilg-w{display:block;white-space:nowrap;
    font:400 clamp(24px,10.5cqw,56px)/.94 var(--display);
    letter-spacing:.01em;text-transform:uppercase;color:var(--ink);
    text-shadow:.45cqw .6cqw 0 color-mix(in srgb, var(--ink) 22%, transparent);
    opacity:0;animation:ktpilg-pop 2.4s steps(1,end) infinite}
.motion-sheet .ktpilg-ba .ktpilg-w{font-size:clamp(24px,7.2cqw,40px);transform-origin:100% 100%}
.motion-sheet .ktpilg-bb .ktpilg-w{transform-origin:100% 0}
.motion-sheet .ktpilg-bc .ktpilg-w{font-size:clamp(24px,8.6cqw,46px);transform-origin:0 0}
.motion-sheet .ktpilg-bb .ktpilg-w{animation-delay:-1.6s}
.motion-sheet .ktpilg-bc .ktpilg-w{animation-delay:-.8s}
@keyframes ktpilg-pop{
    0%{opacity:1;transform:rotate(2deg) scale(.5)}
    2.5%{opacity:1;transform:rotate(-2deg) scale(1.24)}
    5%{opacity:1;transform:rotate(0deg) scale(1)}
    8%{opacity:1;transform:rotate(1.6deg) scale(1.02)}
    11%{opacity:1;transform:rotate(-1.8deg) scale(.985)}
    14%{opacity:1;transform:rotate(1deg) scale(1.015)}
    17%{opacity:1;transform:rotate(-.7deg) scale(.995)}
    19.4%{opacity:1;transform:rotate(3deg) scale(.62)}
    21%,100%{opacity:0;transform:scale(.4)}
  }
.motion-sheet .ktpilg-ball{position:absolute;left:0;top:0;z-index:4;width:4.6cqw;height:4.6cqw;
    margin:-2.3cqw 0 0 -2.3cqw;animation:ktpilg-orbit 2.4s linear infinite}
.motion-sheet .ktpilg-core{display:block;width:100%;height:100%;border-radius:50%;
    background:var(--ink);animation:ktpilg-squish 2.4s linear infinite}
@keyframes ktpilg-orbit{
    0%{transform:translate(23cqw,53.3cqw);animation-timing-function:cubic-bezier(.55,.02,.85,.5)}
    33.333%{transform:translate(80.3cqw,22cqw);animation-timing-function:cubic-bezier(.55,.02,.85,.5)}
    66.667%{transform:translate(36cqw,11.9cqw);animation-timing-function:cubic-bezier(.55,.02,.85,.5)}
    100%{transform:translate(23cqw,53.3cqw)}
  }
@keyframes ktpilg-squish{
    0%{transform:rotate(0deg) scale(1.52,.5);animation-timing-function:cubic-bezier(.2,.7,.4,1)}
    1.9%{transform:rotate(0deg) scale(.86,1.14);animation-timing-function:cubic-bezier(.3,0,.6,1)}
    4.6%,32.6%{transform:rotate(0deg) scale(1);animation-timing-function:steps(1,end)}
    33.333%{transform:rotate(90deg) scale(1.52,.5);animation-timing-function:cubic-bezier(.2,.7,.4,1)}
    35.2%{transform:rotate(90deg) scale(.86,1.14);animation-timing-function:cubic-bezier(.3,0,.6,1)}
    38%,65.9%{transform:rotate(90deg) scale(1);animation-timing-function:steps(1,end)}
    66.667%{transform:rotate(0deg) scale(1.52,.5);animation-timing-function:cubic-bezier(.2,.7,.4,1)}
    68.6%{transform:rotate(0deg) scale(.86,1.14);animation-timing-function:cubic-bezier(.3,0,.6,1)}
    71.4%,99.2%{transform:rotate(0deg) scale(1);animation-timing-function:steps(1,end)}
    100%{transform:rotate(0deg) scale(1.52,.5)}
  }
.motion-sheet .ktpilg-hud{position:absolute;left:3cqw;bottom:2.6cqw;z-index:5}
.motion-sheet .ktpilg-hud b{position:absolute;left:0;bottom:0;white-space:nowrap;
    font:400 clamp(9px,2.2cqw,11px)/1 var(--mono);letter-spacing:.14em;
    text-transform:uppercase;color:var(--dim);
    opacity:0;animation:ktpilg-tick 2.4s steps(1,end) infinite}
.motion-sheet .ktpilg-hud b:nth-child(2){animation-delay:-1.6s}
.motion-sheet .ktpilg-hud b:nth-child(3){animation-delay:-.8s}
@keyframes ktpilg-tick{0%{opacity:1}33.333%,100%{opacity:0}}
.motion-sheet[data-theme="cartoon"] .ktpilg-bb .ktpilg-w{color:var(--acc)}
.motion-sheet[data-theme="cartoon"] .ktpilg-bc .ktpilg-w{color:var(--acc3)}
.motion-sheet[data-theme="cartoon"] .ktpilg-ba .ktpilg-w{color:var(--acc4)}
.motion-sheet[data-theme="cartoon"] .ktpilg-w{text-shadow:.45cqw .6cqw 0 var(--ink)}
.motion-sheet[data-theme="cartoon"] .ktpilg-core{background:var(--acc2)}
.motion-sheet[data-theme="cartoon"] .ktpilg-ring{border-color:var(--ink)}
.motion-sheet .ktdum{position:absolute;inset:0;user-select:none;-webkit-user-select:none}
.motion-sheet .ktdum-g{position:absolute;inset:0;display:grid;
    grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}
.motion-sheet .ktdum-c{display:grid;place-items:center;min-width:0;min-height:0;white-space:nowrap;
    border-right:var(--bw) solid var(--line2);border-bottom:var(--bw) solid var(--line2);
    font:400 clamp(8px,2cqw,10.5px)/1 var(--mono);letter-spacing:.16em;color:var(--mut);
    animation:4.8s steps(1,end) infinite}
.motion-sheet .ktdum-c:nth-child(4n){border-right:0}
.motion-sheet .ktdum-c:nth-child(n+9){border-bottom:0}
.motion-sheet .ktdum-l{font:400 clamp(26px,15cqw,72px)/1 var(--display);letter-spacing:0;
    color:var(--ink);-webkit-text-stroke:2px transparent}
.motion-sheet .ktdum-l b{display:block;font-weight:400;animation:4.8s steps(1,end) infinite}
.motion-sheet .ktdum-l1{animation-name:ktdum-kd}
.motion-sheet .ktdum-l1 b{animation-name:ktdum-rd}
.motion-sheet .ktdum-l2{animation-name:ktdum-ke}
.motion-sheet .ktdum-l2 b{animation-name:ktdum-re}
.motion-sheet .ktdum-l3{animation-name:ktdum-km}
.motion-sheet .ktdum-l3 b{animation-name:ktdum-rm}
.motion-sheet .ktdum-l4{animation-name:ktdum-ko}
.motion-sheet .ktdum-l4 b{animation-name:ktdum-ro}
.motion-sheet .ktdum-a1{animation-name:ktdum-a1}
.motion-sheet .ktdum-a2{animation-name:ktdum-a2}
.motion-sheet .ktdum-a3{animation-name:ktdum-a3}
.motion-sheet .ktdum-a4{animation-name:ktdum-a4}
.motion-sheet .ktdum-x1{animation-name:ktdum-x1}
.motion-sheet .ktdum-x2{animation-name:ktdum-x2}
@keyframes ktdum-kd{
    0%,9.375%,31.25%,75%,100%{background-color:transparent;color:var(--ink);-webkit-text-stroke-color:transparent}
    6.25%,56.25%{background-color:transparent;color:transparent;-webkit-text-stroke-color:var(--ink)}
    25%{background-color:var(--acc);color:var(--stage);-webkit-text-stroke-color:transparent}}
@keyframes ktdum-ke{
    0%,18.75%,37.5%,75%,100%{background-color:transparent;color:var(--ink);-webkit-text-stroke-color:transparent}
    34.375%{background-color:transparent;color:transparent;-webkit-text-stroke-color:var(--ink)}
    12.5%{background-color:var(--acc2);color:var(--ink);-webkit-text-stroke-color:transparent}
    65.625%{background-color:var(--acc);color:var(--stage);-webkit-text-stroke-color:transparent}}
@keyframes ktdum-km{
    0%,28.125%{background-color:transparent;color:transparent;-webkit-text-stroke-color:var(--ink)}
    3.125%,40.625%,75%,100%{background-color:transparent;color:var(--ink);-webkit-text-stroke-color:transparent}
    59.375%{background-color:var(--acc3);color:var(--stage);-webkit-text-stroke-color:transparent}}
@keyframes ktdum-ko{
    0%,15.625%,53.125%,75%,100%{background-color:transparent;color:var(--ink);-webkit-text-stroke-color:transparent}
    46.875%{background-color:transparent;color:transparent;-webkit-text-stroke-color:var(--ink)}
    9.375%{background-color:var(--acc3);color:var(--stage);-webkit-text-stroke-color:transparent}
    62.5%{background-color:var(--acc2);color:var(--ink);-webkit-text-stroke-color:transparent}}
@keyframes ktdum-rd{0%,46.875%,100%{transform:none}43.75%{transform:rotate(90deg)}}
@keyframes ktdum-re{0%,56.25%,100%{transform:none}53.125%{transform:rotate(-90deg)}}
@keyframes ktdum-rm{0%,21.875%,100%{transform:none}18.75%{transform:rotate(90deg)}}
@keyframes ktdum-ro{0%,34.375%,100%{transform:none}31.25%{transform:rotate(-90deg)}}
@keyframes ktdum-a1{
    0%,25%,46.875%,75%,100%{background-color:transparent;color:var(--mut)}
    15.625%,68.75%{background-color:transparent;color:var(--ink)}
    40.625%{background-color:var(--acc2);color:var(--ink)}}
@keyframes ktdum-a2{
    0%,28.125%,53.125%,75%,100%{background-color:transparent;color:var(--mut)}
    21.875%{background-color:transparent;color:var(--ink)}
    50%{background-color:var(--acc);color:var(--stage)}}
@keyframes ktdum-a3{
    0%,62.5%{background-color:transparent;color:var(--ink)}
    6.25%,37.5%,75%,100%{background-color:transparent;color:var(--mut)}
    31.25%{background-color:var(--acc3);color:var(--stage)}}
@keyframes ktdum-a4{
    0%,40.625%,75%,100%{background-color:transparent;color:var(--mut)}
    34.375%,71.875%{background-color:transparent;color:var(--ink)}}
@keyframes ktdum-x1{
    0%,15.625%,43.75%,65.625%,100%{background-color:transparent}
    12.5%{background-color:var(--acc2)}
    37.5%{background-color:var(--ink)}
    59.375%{background-color:var(--acc3)}}
@keyframes ktdum-x2{
    0%,56.25%,100%{background-color:transparent}
    50%{background-color:var(--acc3)}}
.motion-sheet[data-theme="cartoon"] .ktdum-l{-webkit-text-stroke-width:2.5px}
.motion-sheet .sd{display:flex;flex-direction:column;align-items:center;gap:5cqw;width:64cqw}
.motion-sheet .sd .meter{width:100%;height:4cqw;border:var(--bw) solid var(--line2);border-radius:var(--r-sm);overflow:hidden}
.motion-sheet .sd .meter i{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(.35)}
.motion-sheet .sd .rot{width:12cqw;height:12cqw;background:var(--ink);border-radius:var(--r)}
.motion-sheet .sd .lbl{font:400 clamp(8.5px,1.8cqw,11px)/1 var(--mono);letter-spacing:.18em;color:var(--dim);text-transform:uppercase}
.motion-sheet .sd .pct{font:500 clamp(15px,5.6cqw,34px)/1 var(--mono);color:var(--ink);letter-spacing:-.02em}
.motion-sheet[data-theme="cartoon"] .sd .meter i, .motion-sheet[data-theme="cartoon"] .sd .rot{background:var(--acc)}
.motion-sheet[data-theme="cartoon"] .sd .pct{color:var(--acc)}
@supports (animation-timeline: view()){@keyframes sd-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sd-rot{from{transform:rotate(-45deg) scale(.55)}to{transform:rotate(315deg) scale(1)}}
.motion-sheet .sd .meter i{animation:sd-fill linear both;animation-timeline:--card;animation-range:entry 0% exit 100%}
.motion-sheet .sd .rot{animation:sd-rot linear both;animation-timeline:--card;animation-range:entry 0% exit 100%}}
.motion-sheet .sc{position:relative;width:72cqw;display:flex;flex-direction:column;align-items:center;gap:3cqw}
.motion-sheet .sc .lbl{font:400 clamp(8.5px,1.8cqw,11px)/1 var(--mono);letter-spacing:.16em;color:var(--dim);text-transform:uppercase}
.motion-sheet .blk{width:46cqw;height:15cqw;background:var(--ink);border-radius:var(--r)}
.motion-sheet[data-theme="cartoon"] .blk{background:var(--acc)}
@keyframes bio{0%{opacity:0;transform:translateY(9cqw)}
    16%,84%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-9cqw)}}
@keyframes dim{0%{transform:scale(.42);border-radius:14cqw}
    50%{transform:scale(1);border-radius:1cqw}100%{transform:scale(.62);border-radius:9cqw}}
@keyframes clipr{0%{clip-path:circle(6% at 50% 50%)}45%,100%{clip-path:circle(75% at 50% 50%)}}
.motion-sheet .clipbox{width:46cqw;height:26cqw;
    background:repeating-linear-gradient(45deg,var(--ink) 0 3cqw,var(--mut) 3cqw 6cqw)}
@keyframes pxA{to{transform:translateY(-4cqw)}}
@keyframes pxB{to{transform:translateY(-13cqw)}}
@keyframes pxC{to{transform:translateY(-26cqw)}}
.motion-sheet .pxl{position:absolute;left:50%;translate:-50% 0;border-radius:var(--r-sm)}
.motion-sheet .pxl.a{top:58%;width:60cqw;height:5cqw;background:var(--dim)}
.motion-sheet .pxl.b{top:44%;width:44cqw;height:5cqw;background:var(--mut)}
.motion-sheet .pxl.c{top:30%;width:28cqw;height:5cqw;background:var(--ink)}
.motion-sheet .vol{perspective:120cqw}
.motion-sheet .vol .stack{position:relative;transform-style:preserve-3d;
    font:400 clamp(16px,9cqw,58px)/1 var(--display);color:var(--ink)}
.motion-sheet .vol .stack span{position:absolute;inset:0;display:grid;place-items:center}
@keyframes volspin{from{transform:rotateX(16deg) rotateY(-34deg)}to{transform:rotateX(16deg) rotateY(34deg)}}
.motion-sheet .rng{width:78cqw}
.motion-sheet .rng .bar{position:relative;height:7cqw;display:flex;border:var(--bw) solid var(--line2)}
.motion-sheet .rng .bar i{flex:1;border-right:1px dashed var(--line2);display:grid;place-items:center;
    font:400 clamp(7.5px,1.5cqw,10px)/1 var(--mono);color:var(--dim);letter-spacing:.1em}
.motion-sheet .rng .bar i:last-child{border-right:0}
.motion-sheet .rng .head{position:absolute;top:-2cqw;bottom:-2cqw;width:2px;background:var(--acc);left:0}
@keyframes rngHead{to{left:100%}}
.motion-sheet .prog{width:70cqw;height:8cqw;border:var(--bw) solid var(--line2);overflow:hidden}
.motion-sheet .prog i{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}
@keyframes progFill{to{transform:scaleX(1)}}
.motion-sheet .runway{position:relative;view-timeline-name:--rw;view-timeline-axis:block}
.motion-sheet .runway.mid{height:230dvh}
.motion-sheet .runway.short{height:260dvh}
.motion-sheet .runway.tall{height:340dvh}
.motion-sheet .card.runway-card{overflow:visible;background:none;border:0}
.motion-sheet .card.runway-card .pin > figcaption{border:var(--bw) solid var(--line);
    border-radius:var(--r);background:var(--card);margin-top:10px}
.motion-sheet .pin{position:sticky;top:56px;height:calc(100dvh - 56px);
    display:flex;flex-direction:column;justify-content:center;gap:10px}
.motion-sheet .card.wide.runway-card .pin .stage{height:auto;width:100%;aspect-ratio:16/9;
    max-height:calc(100dvh - 200px)}
.motion-sheet .card.wide.runway-card .pin .stage{height:auto;width:100%;aspect-ratio:16/9;max-height:74vh}
.motion-sheet .rwhint{position:absolute;bottom:10px;left:50%;translate:-50% 0;z-index:6;
    font:400 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);
    border:var(--bw) solid var(--line2);background:var(--chipbg);padding:4px 7px;border-radius:var(--r-sm)}
.motion-sheet .hs{position:absolute;inset:0;display:flex;align-items:center}
.motion-sheet .hs-track{display:flex;gap:2cqw;padding-left:2cqw;will-change:transform}
.motion-sheet .hs-track > i{flex:none;width:58cqw;height:44cqw;
    background:color-mix(in srgb, var(--ink) 14%, var(--card));
    border:var(--bw) solid var(--mut);display:grid;place-items:center;
    font:400 clamp(12px,4cqw,26px)/1 var(--display);color:var(--ink)}
.motion-sheet[data-theme="cartoon"] .hs-track > i:nth-child(odd){background:var(--acc2)}
.motion-sheet[data-theme="cartoon"] .hs-track > i:nth-child(even){background:var(--acc3)}
@keyframes htrack{to{transform:translateX(-198cqw)}}
.motion-sheet .scrub{position:absolute;inset:0;display:grid;place-items:center}
.motion-sheet .scrub b{grid-area:1/1;font:400 clamp(20px,11cqw,74px)/1 var(--display);color:var(--ink);opacity:0}
@keyframes s1{0%,27%{opacity:1}33%,100%{opacity:0}}
@keyframes s2{0%,30%{opacity:0}36%,61%{opacity:1}67%,100%{opacity:0}}
@keyframes s3{0%,64%{opacity:0}70%,100%{opacity:1}}
.motion-sheet .stk{position:absolute;inset:0}
.motion-sheet .stk > i{position:absolute;left:14cqw;right:14cqw;top:16cqw;height:32cqw;
    background:color-mix(in srgb, var(--ink) 14%, var(--card));
    border:var(--bw) solid var(--mut);border-radius:var(--r);
    display:grid;place-items:center;font:400 clamp(12px,4cqw,26px)/1 var(--display);color:var(--ink)}
.motion-sheet[data-theme="cartoon"] .stk > i{background:var(--acc2)}
@keyframes stk1{0%,18%{transform:translateY(0) scale(1);filter:brightness(1)}
    46%,100%{transform:translateY(-7cqw) scale(.86);filter:brightness(.5)}}
@keyframes stk2{0%,16%{transform:translateY(115%) scale(1)}
    40%{transform:translateY(0) scale(1);filter:brightness(1)}
    68%,100%{transform:translateY(-7cqw) scale(.86);filter:brightness(.5)}}
@keyframes stk3{0%,40%{transform:translateY(115%) scale(1)}
    64%{transform:translateY(0) scale(1);filter:brightness(1)}
    88%,100%{transform:translateY(-7cqw) scale(.86);filter:brightness(.5)}}
@keyframes stk4{0%,64%{transform:translateY(115%) scale(1)}88%,100%{transform:translateY(0) scale(1)}}
@supports (animation-timeline: view()){.motion-sheet .runway.mid .bio{animation:bio linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway.mid .dim{animation:dim linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway .clipr{animation:clipr linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway .pxl.a{animation:pxA linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway .pxl.b{animation:pxB linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway .pxl.c{animation:pxC linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway .vol .stack{animation:volspin linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway .rng .head{animation:rngHead linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway.tall .hs-track{animation:htrack linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway.short .scrub b:nth-child(1){animation:s1 linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway.short .scrub b:nth-child(2){animation:s2 linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway.short .scrub b:nth-child(3){animation:s3 linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway.tall .stk > i:nth-child(1){animation:stk1 linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway.tall .stk > i:nth-child(2){animation:stk2 linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway.tall .stk > i:nth-child(3){animation:stk3 linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway.tall .stk > i:nth-child(4){animation:stk4 linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}}
@supports (animation-timeline: scroll()){.motion-sheet .prog i{animation:progFill linear both;animation-timeline:scroll(root)}}
.motion-sheet #scroll .grid > .card{grid-column:1 / -1}
.motion-sheet .obs{position:relative;width:60cqw;height:30cqw;overflow:hidden;border:var(--bw) solid var(--line2)}
.motion-sheet .obs i{position:absolute;inset:0;display:grid;place-items:center;
    background:color-mix(in srgb, var(--ink) 14%, var(--card));
    border-bottom:1px solid var(--mut);
    font:400 clamp(13px,5cqw,32px)/1 var(--display);color:var(--ink);
    transition:transform .5s cubic-bezier(.5,0,.2,1)}
.motion-sheet[data-theme="cartoon"] .obs i{background:var(--acc2)}
.motion-sheet .reveal{opacity:1;transform:none}
@supports (animation-timeline: view()){@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.motion-sheet .reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 52%}}
.motion-sheet #scrollbar{position:fixed;left:0;top:0;height:2px;width:100%;background:var(--ink);transform-origin:0 50%;transform:scaleX(0);z-index:30}
@supports (animation-timeline: scroll()){@keyframes grow{to{transform:scaleX(1)}}
.motion-sheet #scrollbar{animation:grow linear;animation-timeline:scroll(root)}}
.motion-sheet .interactive .stage{cursor:pointer}
.motion-sheet .knob{position:absolute;width:13cqw;height:13cqw;background:var(--ink);border-radius:var(--r);touch-action:none;cursor:grab;z-index:2}
.motion-sheet .knob:active{cursor:grabbing}
.motion-sheet[data-theme="cartoon"] .knob{background:var(--acc)}
.motion-sheet .track-h{position:absolute;left:8cqw;right:8cqw;top:50%;height:var(--bw);background:var(--line2)}
.motion-sheet .seg-btns{display:flex;gap:4px;position:absolute;bottom:9px;left:9px;right:9px;justify-content:center;flex-wrap:wrap;z-index:6}
.motion-sheet .seg-btns button{font:400 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;
    border:var(--bw) solid var(--line2);background:var(--chipbg);color:var(--mut);
    border-radius:var(--r-sm);padding:5px 8px;cursor:pointer;transition:all .15s ease}
.motion-sheet .seg-btns button:hover{color:var(--ink);border-color:var(--mut)}
.motion-sheet .seg-btns button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.motion-sheet[data-theme="cartoon"] .seg-btns button{border-color:var(--ink);color:var(--ink)}
.motion-sheet[data-theme="cartoon"] .seg-btns button.on{background:var(--acc);color:#fffdf7}
.motion-sheet footer{padding-bottom:64px;color:var(--dim);font:400 11px/1.7 var(--mono);letter-spacing:.04em;
    border-top:var(--bw) solid var(--line);padding-top:20px;margin-top:24px}
.motion-sheet .ak-nav{background:none;color:var(--ink);
    display:flex;align-items:center;gap:28px;
    max-width:var(--max);margin-inline:auto;
    padding:15px var(--pad) 0;flex-wrap:wrap}
.motion-sheet .ak-logo{display:block;width:227px;height:40px;flex:none;color:var(--ink);
    transition:opacity .2s ease}
.motion-sheet .ak-logo svg{width:100%;height:100%;display:block;fill:currentColor}
.motion-sheet .ak-logo:hover{opacity:.7}
.motion-sheet .ak-nav .sp{flex:1}
.motion-sheet .ak-nav a.lk{font:400 12px/1 var(--mono);letter-spacing:.3px;color:var(--ink);
    text-decoration:none;text-transform:uppercase;white-space:nowrap}
.motion-sheet .ak-nav a.lk:hover{opacity:.6}
.motion-sheet .ak-meta{display:flex;align-items:center;gap:8px;font:400 12px/1 var(--mono);
    letter-spacing:.3px;color:var(--mut);white-space:nowrap}
.motion-sheet .ak-meta svg{width:14px;height:14px;flex:none}
.motion-sheet .ak-links{display:none;align-items:center;gap:18px}
.motion-sheet .ak-burger{display:flex;align-items:center;justify-content:center;
    width:44px;height:44px;flex:none;padding:0;margin-left:auto;
    margin-block:-2px;   /* keeps the 44px tap target without making the row 44 tall */
    background:transparent;border:0;color:var(--ink);cursor:pointer;
    transition:opacity .2s ease}
.motion-sheet .ak-burger:hover{opacity:.7}
.motion-sheet .ak-burger svg{width:24px;height:24px;display:block}
.motion-sheet .ak-burger line{stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media (min-width:90rem){.motion-sheet .ak-links{display:flex}
.motion-sheet .ak-burger{display:none}
.motion-sheet .ak-nav .ak-meta{display:flex}}
@media (max-width:89.99rem){.motion-sheet .ak-nav .ak-meta{display:none}
.motion-sheet .ak-nav .sp{flex:1}}
.motion-sheet .ak-menu:focus{outline:none}
.motion-sheet .ak-menu{position:fixed;inset:0;z-index:200;background:var(--bg);
    display:flex;flex-direction:column;padding:15px var(--pad) 22px;  /* padding-top matches .ak-nav so the wordmark does not jump when the menu opens */
    opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}
.motion-sheet .ak-menu[data-open="true"]{opacity:1;visibility:visible;transition:opacity .28s ease}
.motion-sheet .ak-menu-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.motion-sheet .ak-menu-links{display:flex;flex-direction:column;gap:4px;
    margin-block:auto;padding-block:24px}
.motion-sheet .ak-menu-links a{font:500 clamp(30px,8.5vw,48px)/1.12 var(--sans);
    color:var(--ink);text-decoration:none;text-transform:uppercase;
    letter-spacing:-.02em;width:max-content;max-width:100%;
    opacity:0;transform:translateX(20px);
    transition:opacity .6s cubic-bezier(.33,1,.68,1),transform .6s cubic-bezier(.33,1,.68,1)}
.motion-sheet .ak-menu[data-open="true"] .ak-menu-links a{opacity:1;transform:none}
.motion-sheet .ak-menu-links a[aria-current="page"]{color:var(--mut)}
.motion-sheet .ak-menu-links a:nth-child(1){transition-delay:.06s}
.motion-sheet .ak-menu-links a:nth-child(2){transition-delay:.10s}
.motion-sheet .ak-menu-links a:nth-child(3){transition-delay:.14s}
.motion-sheet .ak-menu-links a:nth-child(4){transition-delay:.18s}
.motion-sheet .ak-menu-links a:nth-child(5){transition-delay:.22s}
.motion-sheet .ak-menu-links a:nth-child(6){transition-delay:.26s}
.motion-sheet .ak-menu-foot{display:flex;align-items:center;gap:16px;color:var(--mut);
    font:400 12px/1 var(--mono);letter-spacing:.3px;
    border-top:1px solid var(--line);padding-top:18px}
.motion-sheet .ak-menu-foot svg{width:14px;height:14px;flex:none}
.motion-sheet[data-menu="open"]{overflow:hidden}
@media (max-width:720px){.motion-sheet .folio{flex-wrap:nowrap}
.motion-sheet .folio .eyebrow{font-size:10px;letter-spacing:.16em}
.motion-sheet .folio .rule{min-width:10px}
.motion-sheet .folio .seg button{padding:6px 7px;font-size:9px;letter-spacing:.08em}}
.motion-sheet[data-motion="off"] .stage *{animation-play-state:paused !important}
.motion-sheet .motion-chip{display:none;align-items:center;flex:none;
    font:400 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;
    color:var(--mut);background:transparent;cursor:pointer;
    border:var(--bw) solid var(--line2);border-radius:var(--r-sm);
    padding:7px 9px;margin-right:8px;white-space:nowrap;
    transition:color .15s ease,border-color .15s ease}
.motion-sheet .motion-chip:hover{color:var(--ink);border-color:var(--ink)}
.motion-sheet .motion-chip[aria-pressed="true"]{color:var(--ink);border-color:var(--ink)}
@media (prefers-reduced-motion:reduce){.motion-sheet .motion-chip{display:inline-flex}}
@media (prefers-reduced-motion:reduce){.motion-sheet .ak-menu, .motion-sheet .ak-menu-links a{transition:none !important}}
.motion-sheet .ak-foot{background:none;color:var(--mut);border-top:1px solid var(--line);
    display:flex;align-items:center;gap:16px;flex-wrap:nowrap;
    max-width:var(--max);margin-inline:auto;padding:22px var(--pad);
    font:400 12px/1.5 var(--mono);letter-spacing:.2px;white-space:nowrap}
.motion-sheet .ak-foot .sp{flex:1}
.motion-sheet .ak-foot a{color:var(--mut);text-decoration:none;white-space:nowrap}
.motion-sheet .ak-foot a:hover{color:var(--ink)}
.motion-sheet .ak-foot{flex-wrap:wrap}
.motion-sheet .ak-foot nav{display:flex;gap:13px;flex-wrap:wrap}
@media (max-width:760px){.motion-sheet .ak-nav, .motion-sheet .ak-foot{gap:14px}
.motion-sheet .ak-nav a.lk, .motion-sheet .ak-meta, .motion-sheet .ak-foot{font-size:11px}
.motion-sheet .ak-foot, .motion-sheet .ak-foot nav{flex-wrap:wrap}}
@media (prefers-reduced-motion: reduce){.motion-sheet{scroll-behavior:auto}
.motion-sheet .reveal{animation:none !important;opacity:1 !important;transform:none !important}}
.motion-sheet .scdvt{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}
.motion-sheet .scdvt-half{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.2cqw}
.motion-sheet .scdvt-half + .scdvt-half{border-left:var(--bw) dashed var(--line2)}
.motion-sheet .scdvt-lbl{font:400 clamp(8.5px,1.8cqw,11px)/1 var(--mono);letter-spacing:.16em;color:var(--dim);text-transform:uppercase}
.motion-sheet .scdvt-track{position:relative;width:36cqw;height:8cqw;border:var(--bw) solid var(--line2);border-radius:var(--r-sm)}
.motion-sheet .scdvt-tick{position:absolute;left:50%;top:-1.6cqw;bottom:-1.6cqw;border-left:1px dashed var(--mut)}
.motion-sheet .scdvt-blk{position:absolute;left:1cqw;top:50%;translate:0 -50%;width:6cqw;height:5cqw;background:var(--ink);border-radius:var(--r)}
.motion-sheet .scdvt-pct{font:500 clamp(13px,4.6cqw,28px)/1 var(--mono);color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.motion-sheet .scdvt-sub{font:400 clamp(8px,1.6cqw,10px)/1 var(--mono);letter-spacing:.14em;color:var(--mut);text-transform:uppercase}
@keyframes scdvt-fire{from{transform:translateX(0)}to{transform:translateX(28cqw)}}
.motion-sheet .scdvt-trg.scdvt-go{animation:scdvt-fire 1.8s cubic-bezier(.22,.61,.36,1) both}
.motion-sheet[data-theme="cartoon"] .scdvt-blk{background:var(--acc)}
.motion-sheet[data-theme="cartoon"] .scdvt-trg{background:var(--acc3)}
@supports (animation-timeline: view()){@keyframes scdvt-slide{to{transform:translateX(28cqw)}}
.motion-sheet .runway .scdvt-drv{animation:scdvt-slide linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}}
.motion-sheet .scecx{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqw}
.motion-sheet .scecx-lbl{font:400 clamp(8.5px,1.8cqw,11px)/1 var(--mono);letter-spacing:.16em;color:var(--dim);text-transform:uppercase}
.motion-sheet .scecx-row{display:flex;gap:7cqw}
.motion-sheet .scecx-panel{display:flex;gap:2.4cqw;align-items:stretch}
.motion-sheet .scecx-view{position:relative;flex:none;width:15cqw;height:33cqw;border:var(--bw) solid var(--line2);border-radius:var(--r-sm);background:var(--card);overflow:clip}
.motion-sheet .scecx-view::before{content:"";position:absolute;left:0;right:0;z-index:2;border-top:2px dashed var(--acc)}
.motion-sheet .scecx-p-en .scecx-view::before{top:0}
.motion-sheet .scecx-p-ec .scecx-view::before{bottom:0}
.motion-sheet .scecx-subj{position:absolute;left:0;right:0;top:100%;height:300%;display:flex;flex-direction:column;will-change:transform}
.motion-sheet .scecx-band{flex:1;position:relative;border-bottom:1px solid var(--line2);background:color-mix(in srgb, var(--ink) 7%, var(--card))}
.motion-sheet .scecx-band:nth-child(odd){background:color-mix(in srgb, var(--ink) 15%, var(--card))}
.motion-sheet .scecx-band i{position:absolute;top:1cqw;left:1.2cqw;font:400 clamp(8px,1.7cqw,11px)/1 var(--mono);color:var(--mut)}
.motion-sheet .scecx-data{display:flex;flex-direction:column;justify-content:center;gap:1.8cqw;width:21cqw}
.motion-sheet .scecx-rng{font:400 clamp(8.5px,1.9cqw,12px)/1 var(--mono);letter-spacing:.12em;color:var(--ink);text-transform:uppercase}
.motion-sheet .scecx-num{display:flex;align-items:baseline;gap:.35ch;font:500 clamp(15px,5.2cqw,32px)/1 var(--mono);color:var(--ink);letter-spacing:-.02em}
.motion-sheet .scecx-num i{font:400 clamp(9px,2.2cqw,14px)/1 var(--mono);color:var(--mut)}
.motion-sheet .scecx-win{display:block;height:1em;overflow:clip}
.motion-sheet .scecx-tape{display:block;min-width:3ch;line-height:1;text-align:right;font-variant-numeric:tabular-nums}
.motion-sheet .scecx-bar{position:relative;width:21cqw;height:2.4cqw;border:var(--bw) solid var(--line2);border-radius:var(--r-sm);overflow:clip}
.motion-sheet .scecx-bar i{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}
.motion-sheet .scecx-b-ec::after{content:"";position:absolute;top:0;bottom:0;left:33.333%;border-left:1px dashed var(--mut)}
.motion-sheet .scecx-note{min-height:2.6em;width:21cqw;font:400 clamp(8px,1.7cqw,10.5px)/1.3 var(--mono);letter-spacing:.04em;color:var(--dim)}
.motion-sheet .scecx-note-en{color:var(--acc);opacity:0}
.motion-sheet[data-theme="cartoon"] .scecx-band:nth-child(odd){background:var(--acc2)}
.motion-sheet[data-theme="cartoon"] .scecx-band:nth-child(even){background:var(--acc3)}
.motion-sheet[data-theme="cartoon"] .scecx-bar i{background:var(--acc)}
@keyframes scecxTravel{to{transform:translateY(-100%)}}
@keyframes scecxFillEn{0%{transform:scaleX(0)}33.333%{transform:scaleX(1);opacity:1}37%,100%{transform:scaleX(1);opacity:.45}}
@keyframes scecxFillEc{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes scecxTapeEn{0%{transform:translateY(0);animation-timing-function:steps(101,jump-none)}33.333%,100%{transform:translateY(-100em)}}
@keyframes scecxTapeEc{from{transform:translateY(0);animation-timing-function:steps(101,jump-none)}to{transform:translateY(-100em)}}
@keyframes scecxSatIn{0%,33.333%{opacity:0}37%,100%{opacity:1}}
@supports (animation-timeline: view()){.motion-sheet .runway.mid .scecx-subj{animation:scecxTravel linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway.mid .scecx-t-en{animation:scecxTapeEn linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway.mid .scecx-t-ec{animation:scecxTapeEc linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway.mid .scecx-f-en{animation:scecxFillEn linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway.mid .scecx-f-ec{animation:scecxFillEc linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway.mid .scecx-note-en{animation:scecxSatIn linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}}
.motion-sheet .scdraw{position:absolute;inset:0}
.motion-sheet .scdraw-guide{fill:none;stroke:var(--line2);stroke-width:1;stroke-dasharray:4 6}
.motion-sheet .scdraw-ink{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;
    stroke-dasharray:1 2;stroke-dashoffset:0}
.motion-sheet .scdraw-anchor{fill:var(--dim)}
.motion-sheet .scdraw-pen{offset-path:path("M 54 298.1 C 126.3 294 185.1 235.8 191.9 180 C 198.7 124.2 156.6 80.7 116.8 84 C 77 87.3 48.2 134.7 61.7 180 C 75.2 225.3 128.3 260.7 179.7 258 C 231 255.3 273.4 216.8 281.4 180 C 289.5 143.2 265.2 114.4 242.5 116.6 C 219.8 118.8 204.3 150.1 216.7 180 C 229.2 209.9 267.9 233.3 305.3 231.5 C 342.8 229.8 374.3 204.3 383.2 180 C 392.1 155.7 379.6 136.7 368.2 138.1 C 356.7 139.6 350 160.2 361.8 180 C 373.6 199.8 402.7 215.2 431 214 C 526 214 535.1 144.2 600 118");
    offset-rotate:0deg;offset-distance:100%}
.motion-sheet .scdraw-nib, .motion-sheet .scdraw-body{fill:var(--acc)}
.motion-sheet .scdraw-odo{display:inline-block;width:3ch;height:1em;overflow:hidden;vertical-align:bottom;text-align:right}
.motion-sheet .scdraw-reel{display:block}
.motion-sheet .scdraw-reel i{display:block;height:1em;font-style:normal}
@supports (animation-timeline: view()){.motion-sheet .runway .scdraw-ink{stroke-dashoffset:1.0015;animation:scdraw-draw linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway .scdraw-pen{offset-distance:0%;animation:scdraw-ride linear both;animation-timeline:--rw;animation-range:contain 0% contain 100%}
.motion-sheet .runway .scdraw-reel{animation:scdraw-count steps(11,jump-none) both;animation-timeline:--rw;animation-range:contain 0% contain 100%}}
@keyframes scdraw-draw{from{stroke-dashoffset:1.0015}to{stroke-dashoffset:0}}
@keyframes scdraw-ride{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes scdraw-count{from{transform:translateY(0)}to{transform:translateY(-10em)}}
/* the host header is fixed; the sheet was written as if it owned the viewport */
.motion-sheet{--host-hdr:70px;padding-top:var(--host-hdr)}
.motion-sheet .bar{top:var(--host-hdr)}
.motion-sheet section{scroll-margin-top:calc(56px + var(--host-hdr))}
.motion-sheet .card{scroll-margin-top:calc(70px + var(--host-hdr))}