@property --pd-k{syntax:"<number>";inherits:true;initial-value:.5}.pd-split{touch-action:pan-y}.pd-cad-half{clip-path:inset(0 calc((1 - var(--pd-k)) * 100%) 0 0)}.pd-part-half{clip-path:inset(0 0 0 calc(var(--pd-k) * 100%))}.pd-cut{transform:translateX(calc(var(--pd-k) * 100cqw))}.pd-cut-cad{opacity:clamp(0, (var(--pd-k) - .12) * 8, 1)}.pd-cut-part{opacity:clamp(0, (.88 - var(--pd-k)) * 8, 1)}@keyframes pd-sketch-in{0%{opacity:0;transform:translate(-7%,9%)rotate(-5deg)}}@keyframes pd-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes pd-fade{0%{opacity:0}}@keyframes pd-tag-in{0%{opacity:0;transform:translateY(6px)}}@keyframes pd-cad-in{0%{opacity:0;filter:blur(10px);transform:scale(.97)}}@keyframes pd-k-intro{0%{--pd-k:1}}@keyframes pd-k-nudge{0%,to{--pd-k:.5}35%{--pd-k:.44}70%{--pd-k:.55}}@keyframes pd-ping{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:no-preference){.pd-sketch{animation:pd-sketch-in .8s var(--ease-out) .12s backwards}.pd-flow-draw{animation:pd-draw .75s var(--ease-in-out) .65s both}.pd-flow-head{animation:pd-fade .26s var(--ease-out) 1.3s backwards}.pd-cad-grid{animation:pd-fade .7s var(--ease-out) .42s backwards}.pd-tr .pd-cad-half .pd-shot-img{animation:pd-cad-in .9s var(--ease-out) .38s backwards}.pd-tr .pd-part-half .pd-shot-img{animation:none}.pd-split:not([data-live]){animation:pd-k-intro 1.15s var(--ease-in-out) 1.35s backwards, pd-k-nudge 1.5s var(--ease-in-out) 3.2s}.pd-cut-line{animation:pd-fade .4s var(--ease-out) 1.35s backwards}.pd-hero .pd-tr .pd-cut .pd-tag,.pd-knob{animation:pd-tag-in .5s var(--ease-out) 2.3s backwards}.pd-knob:after{content:"";border-radius:inherit;border:1px solid var(--color-accent);opacity:0;animation:pd-ping 1.4s var(--ease-out) 2.9s 2;position:absolute;inset:-1px}.pd-split[data-live] .pd-knob:after{animation:none}.pd-hero .pd-tr .pd-sketch .pd-tag{animation:pd-tag-in .5s var(--ease-out) .7s backwards}.pd-dim{animation:pd-fade .7s var(--ease-out) 2.4s backwards}}.pd-layer{visibility:hidden}.pd-layer[data-state]{visibility:visible}.pd-layer[data-state=off]{z-index:1}.pd-layer[data-state=on]{z-index:2}.pd-track{background:var(--color-line-strong);height:1px;position:absolute;inset:0 0 auto}.pd-prog{background:var(--color-accent);transform-origin:0;height:2px;position:absolute;inset:-.5px 0 auto;transform:scaleX(0)}.pd-step[aria-selected=true] .pd-prog,.pd-step[data-done] .pd-prog{transform:scaleX(1)}.pd-num{background:var(--color-ink);color:var(--color-accent-soft);transition:background-color .3s var(--ease-out), color .3s var(--ease-out)}.pd-step[aria-selected=true] .pd-num{background:var(--color-accent-fill);color:#fff}.pd-title{color:var(--color-fg-3);transition:color .3s var(--ease-out)}.pd-step[aria-selected=true] .pd-title,.pd-step:hover .pd-title{color:var(--color-fg)}.pd-sweep{z-index:3;pointer-events:none;border-left:1px solid var(--color-accent);display:none;position:absolute;inset:5% 0;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.pd-sweep:before{content:"";background:linear-gradient(90deg,#2747e624,#0000);width:14%;position:absolute;inset:0 auto 0 0}@keyframes pd-prog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pd-wipe{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes pd-sweep{0%{opacity:0;transform:translate(100%)}12%,88%{opacity:1}to{opacity:0;transform:translate(0)}}@media (prefers-reduced-motion:no-preference){.pd-step[aria-selected=true] .pd-prog{animation:4.2s linear both pd-prog}.pd-show[data-paused] .pd-step[aria-selected=true] .pd-prog{animation-play-state:paused}.pd-show[data-anim] .pd-layer[data-state=on]{animation:pd-wipe .52s var(--ease-out) both}.pd-show[data-anim] .pd-sweep{animation:pd-sweep .52s var(--ease-out) both;display:block}}