@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.p-motion *,.p-motion :before,.p-motion :after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.p-motion h1,.p-motion h2{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.012em;margin:0;font-weight:400;line-height:1.06}.p-motion h1{font-size:clamp(40px,7.6vw,84px)}.p-motion h2{padding-bottom:.06em;font-size:clamp(29px,4.4vw,48px)}.p-motion section h2+.col,.p-motion section h2+.body{margin-top:clamp(26px,3.4vh,38px)}.p-motion .hero{padding:clamp(60px,11vh,120px) 0 clamp(50px,8vh,92px)}.p-motion .hero .lede{max-width:54ch;margin-top:clamp(22px,2.8vh,32px)}.p-motion .hero-word{font-family:var(--font-display);letter-spacing:-.012em;color:var(--ink);margin:clamp(24px,3.8vh,42px) 0 0;font-size:clamp(40px,7.6vw,84px);font-weight:400;line-height:1.06}.p-motion .hero-op{--ease:var(--fc-ease-out);isolation:isolate;align-items:flex-end;height:clamp(112px,17vh,190px);margin:clamp(26px,4vh,46px) 0 0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 76%,#0000 100%);mask-image:linear-gradient(90deg,#000 76%,#0000 100%)}.p-motion .hero-op i{width:var(--w);background:var(--c);height:calc(var(--h) * 100%);opacity:var(--o);mix-blend-mode:multiply;transition:width var(--fc-duration-slower) var(--ease), margin-left var(--fc-duration-slower) var(--ease);flex:none;display:block}.p-motion .hero-op:hover i{width:var(--space-6);margin-left:var(--space-3)}.p-motion .hero-op:hover u{width:var(--space-3);margin-left:0}.p-motion .hero-op:hover i:first-child{margin-left:0}.p-motion .hero-op b{width:calc(var(--w) * 2);flex:none;height:100%;margin-left:0;display:block}.p-motion .hero-op u{width:var(--w);background:repeating-linear-gradient(45deg, var(--stone-700) 0 1px, transparent 1px 6px);height:100%;transition:width var(--fc-duration-slower) var(--ease), margin-left var(--fc-duration-slower) var(--ease);flex:none;display:block}html[data-theme=dark] .p-motion .hero-op i{mix-blend-mode:screen}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .p-motion .hero-op i{mix-blend-mode:screen}}.p-motion .hero-op>*+*{margin-left:var(--m)}.p-motion .sp-word{font-family:var(--font-display);letter-spacing:-.03em;margin:clamp(26px,4vh,44px) 0 0;font-size:clamp(34px,6.4vw,76px);font-weight:400;line-height:1.04}.p-motion .sp-word em{color:var(--color-primary-solid);font-style:normal}@media (width<=700px){.p-motion .hero-rule{height:64px}}.p-motion .hint{color:var(--faint)}.p-motion .hero-cite{color:var(--faint);margin-top:22px;font-size:13px;font-style:normal;display:block}.p-motion .hero-cite i{font-style:italic}.p-motion .spacescale{border-top:1px solid var(--hair);margin-top:34px}.p-motion .sp-row{gap:var(--space-9);border-bottom:1px solid var(--hair);transition:background var(--fc-duration-base) var(--fc-ease-standard);grid-template-columns:300px 1fr;align-items:center;padding:18px 0;display:grid}.p-motion .sp-row:hover{background:var(--color-surface)}.p-motion .sp-tok{font-family:var(--font-mono);color:var(--accent);font-size:12px}.p-motion .sp-val{font-family:var(--font-mono);color:var(--faint);margin-top:3px;font-size:11px}.p-motion .sp-use{color:var(--mid);margin-top:7px;font-size:12.5px;line-height:1.5}.p-motion .sp-bar{align-items:center;gap:0;display:flex}.p-motion .sp-bar i{background:var(--color-primary-solid);border-radius:2px;height:26px;display:block}.p-motion .sp-bar u{background:repeating-linear-gradient(45deg, var(--color-neutral-border) 0 1px, transparent 1px 5px);border-radius:2px;height:26px;display:block}.p-motion .sp-bar{gap:6px}@media (width<=760px){.p-motion .sp-row{grid-template-columns:1fr;gap:12px}}.p-motion .radii{background:var(--hair);border:1px solid var(--hair);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;margin-top:34px;display:grid}.p-motion .rc{background:var(--ground);padding:22px 20px}.p-motion .rc-box{background:var(--color-primary-bg);border:1px solid var(--color-primary-border);width:100%;height:62px;margin-bottom:16px}.p-motion .rc b{font-family:var(--font-mono);color:var(--accent);font-size:12px;font-weight:400}.p-motion .rc span{font-family:var(--font-mono);color:var(--faint);margin-left:8px;font-size:11px}.p-motion .rc p{color:var(--mid);margin-top:8px;font-size:12.5px;line-height:1.5}.p-motion table{border-collapse:collapse;width:100%;margin-top:30px;font-size:14px}.p-motion th{text-align:left;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line);padding:0 14px 10px 0;font-size:10px;font-weight:500}.p-motion td{border-bottom:1px solid var(--hair);vertical-align:baseline;padding:11px 14px 11px 0}.p-motion td.mono{font-family:var(--font-mono);white-space:nowrap;width:1%;font-size:12px}.p-motion td.old{color:var(--faint)}.p-motion td.new{color:var(--accent)}.p-motion td.num{font-family:var(--font-mono);color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums;width:1%;font-size:12px}.p-motion td.why{color:var(--mid);font-size:13px}@media (width<=820px){.p-motion td.why,.p-motion th.whycol{display:none}}.p-motion .density{border:1px solid var(--line);border-radius:5px;margin-top:34px;overflow:hidden}.p-motion .den-bar{background:var(--raised);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 18px;display:flex}.p-motion .den-bar span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-right:auto;font-size:10.5px}.p-motion .den-btn{font-family:var(--font-mono);border:1px solid var(--line);color:var(--mid);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:12px}.p-motion .den-btn[aria-pressed=true]{background:var(--ground);color:var(--ink);border-color:var(--ink)}.p-motion .den-body{padding:clamp(20px,3vw,32px)}.p-motion .den-card{--k:1;border:1px solid var(--color-neutral-border);border-radius:calc(12px * var(--k));max-width:420px;padding:calc(16px * var(--k));background:var(--color-canvas);transition:padding var(--fc-duration-base) var(--fc-ease-standard), border-radius var(--fc-duration-base) var(--fc-ease-standard)}.p-motion .den-card h4{font-size:calc(16px * var(--k));margin:0;font-weight:600;line-height:1.45}.p-motion .den-card p{margin:calc(4px * var(--k)) 0 0;font-size:calc(13px * var(--k));color:var(--mid);line-height:1.5}.p-motion .den-rows{margin-top:calc(16px * var(--k));gap:calc(8px * var(--k));display:grid}.p-motion .den-rows div{justify-content:space-between;gap:calc(12px * var(--k));font-size:calc(13px * var(--k));padding:calc(6px * var(--k)) 0;border-top:1px solid var(--color-neutral-bg-hover);display:flex}.p-motion .den-rows span{color:var(--mid)}.p-motion .codeblock{border:1px solid var(--line);background:var(--raised);border-radius:4px;margin-top:30px;overflow-x:auto}.p-motion .codeblock pre{margin:0;padding:20px 22px}.p-motion .codeblock code{font-family:var(--font-mono);color:var(--ink);white-space:pre;background:0 0;padding:0;font-size:12.5px;line-height:1.7}.p-motion .pull p{font-family:var(--font-display);font-size:clamp(23px,3.2vw,34px);font-style:italic;line-height:1.2}.p-motion .panel,.p-motion .rd,.p-motion .ringdemo{-webkit-user-select:none;user-select:none}.p-motion .dm{border:1px solid var(--hair);margin-top:28px}.p-motion .dm-row{border-bottom:1px solid var(--hair);grid-template-columns:88px 1fr 56px;align-items:center;gap:14px;padding:11px 16px;display:grid}.p-motion .dm-row:last-child{border-bottom:0}.p-motion .dm-name{font-family:var(--font-mono);color:var(--faint);font-size:11px}.p-motion .dm-ms{color:var(--faint);text-align:right;font-size:11px}.p-motion .dm-track{background:var(--raised);border-radius:999px;min-width:0;height:10px;position:relative;overflow:hidden}.p-motion .dm-track i{background:var(--color-primary-solid);border-radius:999px;width:22%;position:absolute;inset:0 auto 0 0}.p-motion .dm:hover .dm-track i{animation:dm-run-p-motion var(--d) var(--fc-ease-standard) infinite alternate}@keyframes dm-run-p-motion{0%{left:0}to{left:78%}}.p-motion .crvgrid{background:var(--hair);border:1px solid var(--hair);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:28px;display:grid}.p-motion .crvcell{background:var(--ground);text-align:center;min-width:0;padding:16px 16px 12px}.p-motion .crv{width:100%;height:auto;display:block}.p-motion .crvcell b{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:8px;font-size:clamp(9px,2.2vw,10.5px);font-weight:400;display:block}.p-motion .curveval{font-size:11px!important}.p-motion .spdgrid{background:var(--hair);border:1px solid var(--hair);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:28px;display:grid}.p-motion .spd{background:var(--ground);min-width:0;padding:18px 16px 20px}.p-motion .spd.is-ship{box-shadow:inset 0 2px 0 var(--color-primary-solid)}.p-motion .spd b{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:10px;font-weight:400;display:block}.p-motion .spd em{font-style:normal;font-family:var(--font-display);color:var(--ink);margin:8px 0 6px;font-size:clamp(20px,4.4vw,28px);display:block}.p-motion .spd span{color:var(--mid);font-size:12.5px;line-height:1.45;display:block}@media (width<=620px){.p-motion .crvgrid,.p-motion .spdgrid{grid-template-columns:repeat(2,1fr)}.p-motion .dm-row{grid-template-columns:74px 1fr 48px}}.p-motion .mhero{margin:clamp(16px,2.6vh,26px) 0 clamp(20px,3vh,30px)}.p-motion .ride{aspect-ratio:1000/400;background:var(--raised);border-radius:8px;width:100%;position:relative;overflow:hidden}.p-motion .ride svg{width:100%;height:100%;display:block;position:absolute;inset:0}.p-motion .rider{offset-rotate:0deg;offset-distance:0%;animation:3.4s infinite ride-p-motion}@keyframes ride-p-motion{0%,6%{offset-distance:0%}62%,to{offset-distance:100%}}.p-motion .keys{flex-wrap:wrap;gap:4px 20px;margin-top:14px;display:flex}.p-motion .key{font-family:var(--font-mono);letter-spacing:.08em;color:var(--faint);align-items:center;gap:7px;font-size:10.5px;display:inline-flex}.p-motion .key b{border-radius:2px;width:18px;height:3px}@media (prefers-reduced-motion:reduce){.p-motion .rider{offset-distance:100%;animation:none}}.p-motion .r-out{offset-path:path("M0 400 C220 0 360 0 1000 0");animation-timing-function:var(--fc-ease-out)}.p-motion .r-standard{offset-path:path("M0 400 C400 400 200 0 1000 0");animation-timing-function:var(--fc-ease-standard)}.p-motion .r-linear{offset-path:path("M0 400 L1000 0");animation-timing-function:var(--fc-ease-linear)}.p-motion .r-in{offset-path:path("M0 400 C400 400 1000 0 1000 0");animation-timing-function:var(--fc-ease-in)}.p-motion .rmdemo{border:1px solid var(--hair);background:var(--raised);--fc-motion-scale:1;--fc-duration-quick:calc(.15s * var(--fc-motion-scale));--fc-duration-base:calc(.2s * var(--fc-motion-scale));--fc-duration-slower:calc(.5s * var(--fc-motion-scale));border-radius:6px;margin-top:30px;padding:20px 22px 22px}.p-motion .rm-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.p-motion .rm-head>span{color:var(--mid);font-size:13.5px}.p-motion .rm-lanes{flex-direction:column;gap:7px;display:flex}.p-motion .lane{align-items:center;gap:14px;display:grid}.p-motion .lane-name{font-family:var(--font-mono);letter-spacing:.1em;color:var(--faint);font-size:10px}.p-motion .lane-track{border-radius:4px;height:clamp(14px,2.6vw,22px);position:relative;overflow:hidden}.p-motion .fill{background:var(--hue);transform-origin:0;transition:transform var(--tok) var(--fc-ease-standard);border-radius:4px;position:absolute;inset:0;transform:scaleX(0)}.p-motion .rmdemo .lane{grid-template-columns:74px 1fr}.p-motion .rmdemo .lane-track{background:var(--ground)}.p-motion .rmdemo.go .fill{transform:scaleX(1)}.p-motion .rm-note{color:var(--mid);max-width:56ch;margin:18px 0 0;font-size:13px;line-height:1.55}.p-motion .spdset{background:var(--line);border:1px solid var(--line);border-radius:999px;flex:none;gap:1px;display:flex;overflow:hidden}.p-motion .spdbtn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--ground);color:var(--faint);cursor:pointer;transition:color var(--fc-duration-quick) var(--fc-ease-standard), background var(--fc-duration-quick) var(--fc-ease-standard);border:0;padding:7px 14px;font-size:10px}.p-motion .spdbtn:hover{color:var(--ink)}.p-motion .spdbtn.is-on{background:var(--color-primary-solid);color:#fff}@media (width<=560px){.p-motion .rmdemo .lane{grid-template-columns:60px 1fr;gap:9px}.p-motion .rm-head{flex-direction:column;align-items:flex-start}}