*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--bg);color:var(--text);font:400 var(--fs-body)/1.6 var(--font-sans);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img,video,picture{max-width:100%;display:block}::selection{background:var(--cyan);color:var(--anvil)}a{color:var(--link);text-underline-offset:.22em;text-decoration:underline 1px}a:hover{color:var(--link-hover);text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}h1,h2,h3,h4{font-family:var(--font-sans);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:650;line-height:1.15}p,figure{margin:0}code,kbd,pre{font-family:var(--font-mono)}button{font:inherit}.wrap{width:100%;max-width:calc(var(--maxw) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}.skip{z-index:100;background:var(--bg);color:var(--text);border:2px solid var(--focus);padding:8px 12px;position:absolute;top:-100px;left:16px}.skip:focus{top:8px}.site-header{z-index:30;background:var(--bg);border-bottom:1px solid var(--rule);position:sticky;top:0}.site-header .wrap{height:calc(var(--header-h) - 1px);align-items:center;gap:28px;max-width:none;padding-inline:16px;display:flex}@media (width>=800px){.site-header .wrap{padding-inline:24px}}.menu{display:none;position:relative}.menu>summary{list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu-panel{z-index:40;width:min(300px, calc(100vw - 2 * var(--gutter)));border:1px solid var(--rule-ui);border-radius:var(--radius);background:var(--bg);box-shadow:var(--frame-glow);padding:8px;position:absolute;top:calc(100% + 12px);right:0}.menu-panel a{color:var(--text);font-weight:500;font-size:var(--fs-small);border-radius:var(--radius-sm);justify-content:space-between;padding:10px 12px;text-decoration:none;display:flex}.menu-panel a:hover{background:var(--bg-sunk)}:root[data-theme=light] .menu-panel a:hover .beta{color:color-mix(in srgb, var(--orange-hot-ink) 80%, var(--anvil))}.menu-panel a .dir{font:400 var(--fs-label) var(--font-mono);color:var(--text-3)}.menu-panel hr{border:0;border-top:1px solid var(--rule);margin:6px 0}@media (width<=960px){.menu{display:block}}.search-dialog{overscroll-behavior:contain;width:min(720px, calc(100vw - 2 * var(--gutter)));border:1px solid var(--rule-ui);border-radius:var(--radius);background:var(--bg);max-height:min(80vh,720px);color:var(--text);box-shadow:var(--frame-glow);margin:10vh auto auto;padding:0}.search-dialog::backdrop{background:#0e0e13a8}.search-dialog .dlg-head{border-bottom:1px solid var(--rule);font:500 var(--fs-label) var(--font-mono);color:var(--text-3);justify-content:space-between;align-items:center;padding:10px 12px 10px 16px;display:flex}.search-dialog .dlg-body{overscroll-behavior:contain;max-height:calc(min(80vh,720px) - 60px);padding:16px;overflow:auto}.search-dialog .close{font:500 var(--fs-label) var(--font-mono);color:var(--text-2);border:1px solid var(--rule-ui);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:4px 8px}.search-dialog .pagefind-ui .pagefind-ui__result mark,.search-dialog .pagefind-ui mark{all:unset;background:color-mix(in srgb, var(--cyan) 26%, transparent);color:var(--text);border-radius:2px}.search-dialog .pagefind-ui :focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}.search-dialog .search-failed{font-size:var(--fs-small);color:var(--text-2);gap:12px;display:grid}.search-dialog .search-failed p{margin:0}.search-dialog .search-failed .retry{font:500 var(--fs-label) var(--font-mono);color:var(--text);background:var(--bg-sunk);border:1px solid var(--rule-ui);border-radius:var(--radius-sm);cursor:pointer;justify-self:start;padding:6px 10px}#home-search{--pagefind-ui-scale:.85;--pagefind-ui-primary:var(--link);--pagefind-ui-text:var(--text);--pagefind-ui-background:var(--bg-sunk);--pagefind-ui-border:var(--rule-ui);--pagefind-ui-tag:var(--bg-sunk);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:6px;--pagefind-ui-font:var(--font-sans)}#home-search .pagefind-ui__search-input::placeholder{opacity:1;color:var(--text-2)}.home section{position:relative}.hero{isolation:isolate;padding-top:56px;position:relative;overflow:hidden}.hero-stage{margin-top:56px;position:relative}.hero .light{z-index:-1;pointer-events:none;--core-y:260px;height:560px;position:absolute;top:-260px;left:-12%;right:-12%}.hero .light:before{content:"";background:radial-gradient(circle at 70% var(--core-y), var(--lit) 0 3px, var(--lit-glow) 5px, transparent 42px), radial-gradient(ellipse 16% 1.5px at 70% var(--core-y), var(--lit-glow), transparent), radial-gradient(ellipse 30% 240px at 58% var(--core-y), var(--glow-cyan), transparent 70%), radial-gradient(ellipse 26% 240px at 83% var(--core-y), var(--glow-orange), transparent 70%), radial-gradient(ellipse 60% 420px at 76% calc(var(--core-y) + 40px), var(--glow-ember), transparent 72%);height:100%;position:absolute;top:0;left:0;right:0}.hero .light:after{content:"";background:repeating-linear-gradient(0deg, transparent 0 23px, var(--grid-line) 23px 24px), repeating-linear-gradient(90deg, transparent 0 calc(9.6px * 4 - 1px), var(--grid-line) calc(9.6px * 4 - 1px) calc(9.6px * 4));-webkit-mask-image:radial-gradient(ellipse 48% 300px at 70% var(--core-y), #000, transparent 75%);mask-image:radial-gradient(ellipse 48% 300px at 70% var(--core-y), #000, transparent 75%);position:absolute;inset:0}.hero-kit{display:none}:root:not([data-theme=light]) .hero{background:var(--bg)}:root:not([data-theme=light]) .hero .light{display:none}:root:not([data-theme=light]) .hero-kit{--kit-w:min(940px, 80vw);--kit-x:calc(50% + min(50vw, 640px) * .575);--kit-y:150px;z-index:-1;pointer-events:none;width:var(--kit-w);aspect-ratio:16/9;left:calc(var(--kit-x) - var(--kit-w) * .69);top:calc(var(--kit-y) - var(--kit-w) * .5625 * .26);mix-blend-mode:lighten;background:image-set("/hero-banner-plain-1920x1080.webp" 1x type("image/webp"),"/hero-banner-plain-1920x1080.png" 1x type("image/png")) 50%/cover no-repeat;display:block;position:absolute;-webkit-mask-image:radial-gradient(31% 72% at 69% 28%,#000 50%,#0000 100%);mask-image:radial-gradient(31% 72% at 69% 28%,#000 50%,#0000 100%)}@media (width<=640px){:root:not([data-theme=light]) .hero-kit{--kit-w:400px;--kit-x:78%;--kit-y:92px}}.hero-kit video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--t-fade) ease;display:block}.hero-kit.playing video{opacity:1}.hero-pause{color:var(--text);display:none}.hero.loop-on .hero-pause{min-width:0;display:inline-block}.hero-top{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:32px 64px;display:grid}.hero h1{gap:18px;font-weight:650;display:grid}.wm{font:700 var(--fs-mark)/.82 var(--font-mono);letter-spacing:-.055em;color:var(--text);text-shadow:-2px 0 #7abbd0b3,2px 0 #ff7a3da6;margin-left:-.04em}.tagline{font:650 var(--fs-tag)/1.05 var(--font-sans);letter-spacing:-.035em}.hero .eyebrow{margin-bottom:22px}.hero-act{min-width:0;padding-bottom:4px}.hero .lead{font-size:var(--fs-lead);color:var(--text-2);max-width:44ch;margin-top:22px;line-height:1.5}.hero .alt{font:400 var(--fs-label)/1.6 var(--font-mono);color:var(--text-2);margin-top:10px}.hero .alt code{color:var(--text)}.hero .ctas{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:24px;display:flex}.link-quiet{color:var(--text);font-weight:500;font-size:var(--fs-small);text-decoration-color:var(--rule-ui)}.link-quiet:hover{color:var(--text);text-decoration-color:currentColor}.stage-foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;display:flex}.hero .frame .media{aspect-ratio:1280/336}.works{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:color-mix(in srgb, var(--bg) 80%, transparent);margin-top:48px}.works .wrap{font:400 var(--fs-label)/1.6 var(--font-mono);color:var(--text-2);flex-wrap:wrap;justify-content:space-between;gap:6px 32px;padding-top:14px;padding-bottom:14px;display:flex}.works b{color:var(--text);font-weight:500}.works .k{color:var(--text-3);margin-right:1ch}.session,.session .wrap{position:relative}.rail{padding-left:var(--rail);position:relative}.rail:before{content:"";border-left:1px solid var(--rule);position:absolute;top:0;bottom:0;left:7px}.beat{padding-top:112px;position:relative}.beat>.eyebrow{position:relative}.beat>.eyebrow:before{content:"";top:.72em;left:calc(7px - var(--rail));width:calc(var(--rail) - 7px - 12px);border-top:1px solid var(--rule);position:absolute}.beat>.eyebrow:after{content:"";top:calc(.72em - 3px);left:calc(7px - var(--rail) - 3px);background:var(--bg);border:1px solid var(--text-3);width:7px;height:7px;position:absolute}.beat.hot>.eyebrow:after{background:var(--prompt);border-color:var(--prompt)}.beat-head{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;gap:20px 56px;margin:18px 0 36px;display:grid}.beat-head h2,.beat-split h2{font-size:var(--fs-h2);letter-spacing:-.03em;line-height:1.08}.beat-head .text{color:var(--text-2);max-width:46ch;padding-top:6px;font-size:1.0625rem;line-height:1.6}.beat-head .text p+p{margin-top:12px}.beat .frame .media{aspect-ratio:1280/640}.beat .more{font-size:var(--fs-small);margin-top:18px;font-weight:500}.kv{white-space:nowrap;font:400 var(--fs-small)/1.5 var(--font-sans);color:var(--text-2);align-items:center;gap:8px;display:inline-flex}.keyrow{flex-wrap:wrap;gap:10px 20px;margin-top:20px;display:flex}.beat-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:32px 56px;margin-top:18px;display:grid}.beat-split .text{color:var(--text-2);max-width:44ch;margin-top:20px;font-size:1.0625rem;line-height:1.6}.beat-heat{padding-top:96px}.heatband{border:1px solid var(--rule);border-radius:var(--radius);background:radial-gradient(60% 120% at 18% 0%, var(--glow-orange), transparent 70%), radial-gradient(40% 90% at 0% 100%, var(--glow-cyan), transparent 70%), var(--heat-bg);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:24px;margin:8px 0 0;padding:28px 28px 24px;display:grid;position:relative;overflow:hidden}.tabs{contain:inline-size;gap:8px;min-width:0;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000)}.tabrow{gap:8px;display:flex}.tabrow:nth-child(2){margin-left:28px}.tabrow:nth-child(3){margin-left:12px}.arrow-to{font:400 14px/1 var(--font-mono);color:var(--text-3);letter-spacing:-.1em}.chip{max-width:100%;font:400 11.5px/1.25 var(--font-mono);color:var(--text);white-space:nowrap;background:var(--heat-chip-bg);border:1px solid var(--heat-chip-edge);border-radius:6px 6px 2px 2px;flex:none;align-items:center;gap:7px;padding:5px 10px 5px 8px;display:inline-flex}.chip.gh{border-color:var(--heat-chip-edge-b)}.chip .dot{background:var(--orange-hot);border-radius:2px;flex:none;width:8px;height:8px}.chip.gh .dot{background:var(--cyan);border-radius:50%}.chip .n{color:var(--bone);background:var(--td-fail);border-radius:8px;margin-left:2px;padding:0 5px;font-size:10px;font-weight:700}.chip:nth-child(4n+3){opacity:.8}.count{text-align:right;font-family:var(--font-mono);gap:2px;display:grid}.count b{font:700 clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem)/1 var(--font-mono);letter-spacing:-.03em;color:var(--prompt)}.count span{font-size:var(--fs-label);color:var(--text-2)}.clamp{font-family:var(--font-mono);justify-items:center;gap:12px;padding:0 12px;display:grid;position:relative}.clamp .point{width:60px;height:22px;position:relative}.clamp .point i{background:var(--lit);width:8px;height:8px;box-shadow:0 0 12px 3px var(--lit-glow), 0 0 32px 8px var(--glow-orange);border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}.clamp .jaw{border-radius:1px;width:3px;height:20px;position:absolute;top:1px}.clamp .jaw.l{background:var(--cyan);left:16px;box-shadow:0 0 10px #7abbd099}.clamp .jaw.r{background:var(--orange-hot);right:16px;box-shadow:0 0 10px #ff7a3d99}.clamp b{font:700 clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem)/1 var(--font-mono);letter-spacing:-.03em;color:var(--text)}.clamp span{font-size:var(--fs-label);color:var(--text-2)}.motion .heatband:not(.closed) .jaw.l{transform:translate(-14px)}.motion .heatband:not(.closed) .jaw.r{transform:translate(14px)}.motion .heatband .jaw{transition:transform var(--t-clamp) var(--ease-clamp)}.motion .heatband.closed .point i{animation:tongs-strike .9s var(--ease-out) 1}@keyframes tongs-strike{0%{box-shadow:0 0 22px 8px var(--lit-glow), 0 0 60px 20px var(--glow-orange)}to{box-shadow:0 0 12px 3px var(--lit-glow), 0 0 32px 8px var(--glow-orange)}}.steps{border-top:1px solid var(--rule);margin:28px 0 0;padding:0;list-style:none;display:grid}.steps li{border-bottom:1px solid var(--rule);font-size:var(--fs-small);color:var(--text-2);grid-template-columns:124px minmax(0,1fr);align-items:baseline;gap:16px;padding:11px 0;display:grid}.steps li .keys{font-size:15px}.steps li b{color:var(--text);font-weight:600}.keymap{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.keymap li{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--bg);align-content:start;gap:10px;padding:18px 16px 16px;display:grid}.keymap .kk{flex-wrap:wrap;align-items:center;gap:5px;min-height:30px;font-size:17px;display:flex}.keymap .what{font-size:var(--fs-small);color:var(--text);line-height:1.4}.keymap .where{font:400 11px/1.4 var(--font-mono);color:var(--text-3)}.beat-foot{font-size:var(--fs-small);color:var(--text-2);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:20px;display:flex}.surfaces{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.surface{align-content:start;min-width:0;display:grid}.surface pre.term{aspect-ratio:16/9}.surface .eyebrow{margin-top:20px}.surface h3{font-size:var(--fs-h3);margin-top:8px}.surface p.body{color:var(--text-2);max-width:52ch;margin-top:8px;font-size:15.5px;line-height:1.6}.surface .more{font-size:var(--fs-small);margin-top:12px;font-weight:500}pre.term{background:var(--mk-bg);color:var(--mk-fg);border:1px solid var(--steel);border-radius:var(--radius);box-shadow:var(--frame-glow);font:400 13.5px/1.75 var(--font-mono);margin:0;padding:18px 20px;overflow-x:auto}pre.term .ps{color:var(--orange-hot);user-select:none}pre.term .c{color:var(--mk-comment-aaa)}pre.term .k{color:var(--mk-blue)}pre.term .s{color:var(--mk-yellow)}.prompt-search{border:1px solid var(--rule-ui);border-radius:var(--radius);background:var(--bg-sunk);width:100%;min-height:54px;color:var(--text-2);font:400 15px var(--font-mono);cursor:text;text-align:left;align-items:center;gap:12px;margin-bottom:32px;padding:0 12px 0 18px;display:flex}.prompt-search:hover{border-color:var(--text-2)}.prompt-search .ps{color:var(--prompt)}.prompt-search .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.routes{border-top:1px solid var(--rule);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.route{border-right:1px solid var(--rule);min-width:0;padding:22px 20px 6px}.route:first-child{padding-left:0}.route:last-child{border-right:0}.route .dir{font:500 var(--fs-label)/1.5 var(--font-mono);color:var(--prompt)}.route h3{margin-top:6px;font-size:18px}.route h3 a{color:var(--text);text-decoration:none}.route h3 a:hover{text-decoration:underline}.route p{font-size:var(--fs-small);color:var(--text-2);margin-top:6px;line-height:1.5}.route ul{font-size:var(--fs-small);gap:7px;margin:14px 0 0;padding:0;list-style:none;display:grid}.route li a{color:var(--text);text-decoration-color:var(--rule-ui)}.route li a:hover{color:var(--link-hover);text-decoration-color:currentColor}.new{font:500 10px var(--font-mono);color:var(--prompt);margin-left:6px}.resolve{background:var(--calm-bg);border-top:1px solid var(--rule);isolation:isolate;margin-top:128px;overflow:hidden}.resolve:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 72px, var(--lit) 0 2.5px, var(--lit-glow) 4px, transparent 30px), radial-gradient(ellipse 22% 140px at 44% 72px, var(--glow-cyan), transparent 70%), radial-gradient(ellipse 20% 140px at 56% 72px, var(--glow-orange), transparent 70%), repeating-linear-gradient(0deg, transparent 0 23px, var(--grid-line) 23px 24px), repeating-linear-gradient(90deg, transparent 0 calc(9.6px * 4 - 1px), var(--grid-line) calc(9.6px * 4 - 1px) calc(9.6px * 4));position:absolute;inset:0}.resolve .wrap{padding-top:136px;padding-bottom:104px}.resolve-head{text-align:center;max-width:760px;margin:0 auto}.resolve-head .eyebrow{justify-content:center}.resolve-head h2{letter-spacing:-.035em;margin-top:18px;font-size:clamp(2rem,1.3rem + 2.8vw,3.25rem);line-height:1.06}.resolve-head p{color:var(--text-2);font-size:var(--fs-lead);max-width:46ch;margin:18px auto 0}.resolve-body.solo{grid-template-columns:minmax(0,560px);justify-content:center}.resolve-body.solo .ctas{justify-content:center}.resolve-body{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:40px 56px;margin-top:56px;display:grid}.installs{gap:10px;display:grid}.installs .row{gap:6px;display:grid}.installs .lbl-row{font:400 11px/1.4 var(--font-mono);color:var(--text-3)}.installs .install code{font-size:15px}.resolve .ctas{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.trailer video{aspect-ratio:16/9;background:var(--soot);border:1px solid var(--steel-ui);border-radius:var(--radius);width:100%;height:auto;box-shadow:var(--frame-glow)}.trailer-cap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;margin-top:12px;display:flex}.trailer-cap .cap{margin:0}.trailer .yt{font-size:var(--fs-small);white-space:nowrap;font-weight:500}.trailer .yt .dim{color:var(--text-2);font-weight:400}.transcript{border-top:1px solid var(--rule);font-size:var(--fs-small);color:var(--text-2);margin-top:14px;padding-top:10px}.transcript summary{cursor:pointer;width:fit-content;font:500 var(--fs-label)/1.6 var(--font-mono);color:var(--text)}.transcript summary:hover{color:var(--link-hover)}.transcript p{max-width:62ch;margin-top:8px;line-height:1.55}.transcript .scene{font-style:italic}.trailer .credit{font:400 var(--fs-label)/1.6 var(--font-mono);color:var(--text-2);margin-top:12px}.lost{padding:96px 0 128px}.lost .eyebrow{margin-bottom:18px}.lost h1{font-size:var(--fs-h2);letter-spacing:-.03em;max-width:18ch;line-height:1.08}.lost p.text{max-width:52ch;color:var(--text-2);font-size:var(--fs-lead);margin-top:18px;line-height:1.5}.lost .out{border:1px solid var(--rule-ui);border-radius:var(--radius);background:var(--bg-sunk);font:400 14px/1.7 var(--font-mono);color:var(--text-2);margin-top:28px;padding:16px 18px;overflow-x:auto}.lost .out .ps{color:var(--prompt);user-select:none}.lost .out .err{color:var(--fail)}.lost .ctas{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}@media (width<=1100px){.keymap{grid-template-columns:repeat(4,minmax(0,1fr))}.routes{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px}.route:nth-child(3){border-right:0}.route:nth-child(4){padding-left:0}}@media (width<=900px){.hero-top,.beat-head,.beat-split,.resolve-body,.surfaces{grid-template-columns:minmax(0,1fr)}.heatband{grid-template-columns:auto auto auto minmax(0,1fr)}.heatband .tabs{grid-column:1/-1}.count{text-align:left}}@media (width<=640px){:root{--rail:26px}.lost .out{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.hero{padding-top:32px}.wm{font-size:4.25rem}.hero h1{gap:12px}.hero .eyebrow{margin-bottom:18px}.hero-stage{margin-top:36px}.hero .ctas .btn{flex:auto}.hero .install code,.installs .install code{font-size:14px}.tabrow:nth-child(2){margin-left:14px}.tabrow:nth-child(3){margin-left:6px}.rail:before{left:5px}.beat>.eyebrow:before{left:calc(5px - var(--rail));width:calc(var(--rail) - 5px - 8px)}.beat>.eyebrow:after{left:calc(5px - var(--rail) - 3px)}.beat{padding-top:80px}.beat-heat{padding-top:64px}.beat-head{margin-bottom:24px}.beat .frame,.beat-split .frame,.heatband,.keymap,.surface pre.term{margin-left:calc(-1 * var(--rail))}.heatband{padding:20px 16px}.keymap{grid-template-columns:repeat(2,minmax(0,1fr))}.keymap li{padding:14px 12px}.routes{border-top:0;grid-template-columns:minmax(0,1fr)}.route,.route:first-child,.route:nth-child(4){border-right:0;border-top:1px solid var(--rule);padding:18px 0 14px}.steps li{grid-template-columns:104px minmax(0,1fr)}.works .wrap{justify-content:flex-start}pre.term{padding:14px;font-size:12.5px}.surface pre.term{aspect-ratio:auto}.resolve{margin-top:96px}.resolve .wrap{padding-top:112px;padding-bottom:72px}}.frame .media .still,.frame .media .still img{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}@media (width<=900px){.hero .frame .media{aspect-ratio:560/400}.beat .frame .media{aspect-ratio:640/560}.beat .frame.ci .media{aspect-ratio:740/511}.js .frame .media video{display:none}.frame .media:before{content:"";z-index:1;background:linear-gradient(90deg, transparent, var(--product-bg));pointer-events:none;width:32px;position:absolute;top:0;bottom:0;right:0}.frame{border-color:var(--steel-ui)}.js .frame .bar .pause{display:none}}@media print{.site-header,.site-footer,.copy,.pause,[data-search],.theme-btn{display:none!important}body{color:#000;background:#fff}}