.qb-walk{--walk-indent:1.5rem}.qb-walk__num{flex:none;width:var(--walk-indent);font-family:var(--font-serif);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;color:var(--gilt)}.qb-walk__headline{font-family:var(--font-serif);font-size:var(--text-title);line-height:1.3;color:var(--fg)}.qb-walk__text{display:grid;gap:.625rem;font-size:var(--text-body-sm);line-height:1.55;color:var(--fg-muted)}.qb-walk__skill,.qb-walk__tools dt{font-size:var(--text-caption);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gilt)}.qb-walk__tools{display:grid;gap:.375rem;padding-top:.625rem;border-top:1px solid var(--rule)}.qb-walk__tools dd{display:flex;gap:.5rem}.qb-walk__tools svg{flex:none;width:.875rem;height:.875rem;margin-top:.2rem;color:var(--gilt)}.qb-walk__tools strong{font-weight:500;color:var(--fg)}.qb-walk__chain{font-size:var(--text-caption);color:var(--fg-subtle)}.qb-walk-clip__frame{opacity:.45;transform:scale(.97);transition:opacity .5s var(--ease-settle),transform .5s var(--ease-settle)}.qb-walk-clip[data-active=true] .qb-walk-clip__frame{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.qb-walk-clip__frame{transform:none;transition:opacity .2s linear}}@media (max-width:63.999rem){.qb-walk__index{display:none}.qb-walk-clip{display:grid;gap:1rem}.qb-walk-clip__caption{display:flex;align-items:baseline}}@media (min-width:64rem){.qb-walk{display:grid;grid-template-columns:4fr 5fr;gap:var(--spacing-block)}.qb-walk__pin{position:sticky;top:7rem}.qb-walk-step{border-top:1px solid var(--rule)}.qb-walk-step:last-child{border-bottom:1px solid var(--rule)}.qb-walk-step__head{display:flex;align-items:baseline;width:100%;padding-block:1rem;text-align:left;cursor:pointer}.qb-walk-step__head .qb-walk__headline{color:var(--fg-muted);transition:color .3s var(--ease-settle)}.qb-walk-step[data-active=true] .qb-walk__headline,.qb-walk-step__head:hover .qb-walk__headline{color:var(--fg)}.qb-walk-step__head:focus-visible{outline:2px solid var(--gilt-line);outline-offset:2px}.qb-walk-step__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease-settle)}.qb-walk-step__panel>*{overflow:hidden;min-height:0;padding-left:var(--walk-indent)}.qb-walk-step[data-active=true] .qb-walk-step__panel{grid-template-rows:1fr}.qb-walk-step[data-active=true] .qb-walk__text{padding-bottom:1.25rem}.qb-walk__clips{display:grid;gap:12svh}.qb-walk-clip__caption,.qb-walk-clip__text{display:none}}@media (min-width:64rem) and (prefers-reduced-motion:reduce){.qb-walk-step__panel{transition:none}}.qb-outcome{--gap:0.75rem;--dot:0.5rem;display:grid;gap:var(--gap);padding:1.25rem 1.5rem}.qb-outcome__from,.qb-outcome__to{position:relative;padding-left:1.5rem}.qb-outcome__from:before,.qb-outcome__to:before{content:"";position:absolute;left:0;top:calc(.5lh - var(--dot) / 2);width:var(--dot);height:var(--dot);border-radius:50%}.qb-outcome__from:before{border:1px solid var(--fg-subtle)}.qb-outcome__to:before{background:var(--gilt)}.qb-outcome__from:after,.qb-outcome__to:after{content:"";position:absolute;left:calc(var(--dot) / 2 - .5px);width:1px;background:var(--gilt-line)}.qb-outcome__from:after{top:calc(.5lh + var(--dot) / 2 + 3px);bottom:calc(-1 * var(--gap))}.qb-outcome__to:after{top:0;height:calc(.5lh - var(--dot) / 2 - 3px)}.qb-outcome__arrow{display:none}.qb-outcome--head{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding-block:.875rem}.qb-outcome--head .qb-outcome__from:after,.qb-outcome--head .qb-outcome__to:after{display:none}@media (min-width:48rem){.qb-outcomes{display:grid;grid-template-columns:max-content auto 1fr}.qb-outcome,.qb-outcome--head{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:center;gap:2rem}.qb-outcome__from,.qb-outcome__to{padding-left:0}.qb-outcome__from:after,.qb-outcome__from:before,.qb-outcome__to:after,.qb-outcome__to:before{display:none}.qb-outcome__arrow{display:block}}.qb-pieces{--qb-pieces-length:3.8;position:relative;height:calc(var(--qb-pieces-length) * var(--qb-pieces-screen, 100vh))}.qb-pieces__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;padding-inline:var(--spacing-gutter)}.qb-pieces__art{position:absolute;inset:0}.qb-pieces__captions{position:absolute;top:clamp(6.5rem,15svh,9rem);right:var(--spacing-gutter);left:var(--spacing-gutter);display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;pointer-events:none}.qb-pieces__stack{display:grid}.qb-pieces__stack>*{grid-area:1/1;opacity:0}.qb-pieces__heading em{font-style:normal;color:var(--gilt)}.qb-pieces__piece{--dock:0;--text:1;position:absolute;top:0;left:0;z-index:2;display:flex;align-items:center;gap:.6em;height:2.75em;padding-inline:1.05em;border:1px solid var(--rule);border-radius:1em;background:var(--canvas);box-shadow:var(--lp-shadow-lift);font-family:var(--font-serif);font-size:clamp(.8125rem,.7rem + .45vw,1.0625rem);white-space:nowrap;color:var(--fg-muted);will-change:transform}.qb-pieces__piece svg{flex:none;width:1.05em;height:1.05em;stroke-width:1.75;color:var(--fg-subtle)}.qb-pieces__label{overflow:hidden;opacity:var(--text)}.qb-pieces__stage:not([data-ready]) .qb-pieces__piece{visibility:hidden}.qb-pieces__stage[data-ready] .qb-pieces__piece{gap:calc(.6em * (1 - var(--dock)));height:calc(var(--h0) + (var(--disc) - var(--h0)) * var(--dock));padding-inline:calc(var(--pad0) + ((var(--disc) - var(--icon)) / 2 - var(--pad0)) * var(--dock));border-color:color-mix(in srgb,var(--gilt) calc(var(--dock) * 35%),var(--rule));border-radius:calc(1em + (var(--disc) / 2 - 1em) * var(--dock));background:color-mix(in srgb,var(--gilt) calc(var(--dock) * 12%),var(--canvas))}.qb-pieces__stage[data-ready] .qb-pieces__label{max-width:calc(var(--lw) * (1 - var(--dock)))}.qb-pieces__stage[data-ready] .qb-pieces__piece svg{color:color-mix(in srgb,var(--gilt) calc(var(--dock) * 100%),var(--fg-subtle))}.qb-pieces__path{position:absolute;z-index:1;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--rule);border-radius:var(--radius-card-lg);background:var(--surface);text-align:center;opacity:0;pointer-events:none}.qb-pieces__path-head{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.25rem 1rem .75rem}.qb-pieces__path-head small{font-size:var(--text-caption);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gilt)}.qb-pieces__path-head b{font-family:var(--font-serif);font-size:var(--text-statement);font-weight:400;line-height:1.2;color:var(--fg);text-wrap:balance}.qb-pieces__path-head span{font-size:var(--text-body-sm);line-height:1.4;color:var(--fg-subtle);text-wrap:balance}.qb-pieces__path-foot{margin:0 1rem;padding:.9rem 0 1.1rem;border-top:1px solid var(--rule);font-family:var(--font-serif);font-size:var(--text-title);line-height:1.25;color:var(--fg-muted);text-wrap:balance}.qb-pieces__path-foot em{font-style:normal;color:var(--gilt)}.qb-pieces__morph{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.qb-pieces__stage[data-morph] :is(.qb-pieces__path,.qb-pieces__lesson){border-color:transparent;background:none;box-shadow:none}.qb-pieces__lesson{position:absolute;left:50%;z-index:1;border:1px solid var(--gilt-line);border-radius:var(--radius-card-lg);background:color-mix(in srgb,var(--gilt) 5%,var(--surface));box-shadow:var(--lp-device-shadow);opacity:0}.qb-pieces__lesson-head{display:flex;align-items:baseline;gap:.6rem;padding:1.1rem 1.4rem .9rem;border-bottom:1px solid var(--rule)}.qb-pieces__lesson-head b{font-family:var(--font-serif);font-size:1.6rem;font-weight:400;line-height:1;color:var(--gilt)}.qb-pieces__lesson-head span{font-family:var(--font-serif);font-size:var(--text-title);color:var(--fg)}.qb-pieces__lesson-head small{margin-left:auto;font-size:var(--text-caption);letter-spacing:.04em;color:var(--fg-subtle)}.qb-pieces__row{position:absolute;left:1.4rem;display:flex;align-items:center;gap:.75rem;transform:translateY(-50%);opacity:0}.qb-pieces__row i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--gilt);opacity:.8}.qb-pieces__row[data-tools] i{border:1px solid var(--fg-subtle);background:transparent}.qb-pieces__row b{display:block;font-size:var(--text-body-sm);font-weight:500;line-height:1.3;color:var(--fg)}.qb-pieces__row[data-tools] b{color:var(--fg-muted)}.qb-pieces__row small{display:block;font-size:var(--text-caption);line-height:1.35;color:var(--fg-subtle);text-wrap:pretty}.qb-pieces__rule{position:absolute;right:1.4rem;left:1.4rem;border-top:1px dashed var(--rule);opacity:0}@media (max-width:640px){.qb-pieces{--qb-pieces-length:3.4}.qb-pieces__piece{font-size:var(--text-caption)}.qb-pieces__path-head{gap:.2rem;padding:.8rem .35rem .5rem}.qb-pieces__path-head small{font-size:var(--text-caption);letter-spacing:.12em}.qb-pieces__path-head b{font-size:.9375rem}.qb-pieces__path-head span{font-size:var(--text-caption)}.qb-pieces__path-foot{margin:0 .4rem;padding:.6rem 0 .75rem;font-size:.8125rem}.qb-pieces__lesson-head{padding:.9rem 1.1rem .75rem}.qb-pieces__lesson-head b{font-size:1.3rem}.qb-pieces__row,.qb-pieces__rule{left:1.1rem}.qb-pieces__rule{right:1.1rem}.qb-pieces__row small{display:none}}@media (prefers-reduced-motion:reduce){.qb-pieces{height:auto}.qb-pieces__stage{position:relative;min-height:40rem}}.qb-dial{--qb-turn:900ms}@keyframes qb-dial-sweep{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.qb-dial-sweep{animation:qb-dial-sweep var(--qb-sweep-period) linear infinite;transition:opacity .6s var(--ease-fade)}.qb-dial[data-running=false] .qb-dial-card:after,.qb-dial[data-running=false] .qb-dial-live,.qb-dial[data-running=false] .qb-dial-sweep{animation-play-state:paused}.qb-dial[data-auto=false] .qb-dial-sweep{opacity:0}@keyframes qb-dial-handoff{0%,16%,to{border-color:color-mix(in srgb,var(--gilt) var(--qb-handoff-rest),transparent)}4%{border-color:color-mix(in srgb,var(--gilt) var(--qb-handoff-peak),transparent)}}.qb-dial-live{border:1px solid color-mix(in srgb,var(--gilt) var(--qb-handoff-rest),transparent);animation:qb-dial-handoff var(--qb-sweep-period) linear infinite;animation-delay:var(--qb-handoff-delay)}.qb-dial-node{background:var(--surface);border:1px solid var(--rule);transition:transform var(--qb-turn) var(--ease-out-expo),background-color .4s var(--ease-settle),border-color .4s var(--ease-settle)}.qb-dial-node[data-active=true]{transform:scale(1.12);background:color-mix(in srgb,var(--gilt) 10%,var(--surface));border-color:var(--gilt-line)}.qb-dial-label{padding:0 .375rem;border-radius:.25rem;background:var(--canvas);color:var(--fg-subtle);transition:color .4s var(--ease-settle)}.qb-dial-label[data-active=true]{color:var(--fg)}.qb-dial-orbit{transition:transform var(--qb-turn) cubic-bezier(.65,0,.35,1)}.qb-dial-detail{margin-inline:auto;max-width:20rem}.qb-dial-card{position:relative;display:grid}.qb-dial-card:before{height:1.75rem;transform:translateX(-50%);background:linear-gradient(to bottom,transparent,var(--gilt-line))}.qb-dial-card:after,.qb-dial-card:before{content:"";position:absolute;left:50%;bottom:100%;width:1px}.qb-dial-card:after{height:.5rem;background:linear-gradient(to bottom,transparent,var(--gilt));opacity:0;animation:qb-dial-wire-down var(--qb-sweep-period) linear infinite;animation-delay:var(--qb-handoff-delay)}@keyframes qb-dial-wire-down{0%{opacity:0;transform:translate(-50%,-1.25rem)}3%{opacity:1}9%,to{opacity:0;transform:translate(-50%)}}@keyframes qb-dial-wire-right{0%{opacity:0;transform:translate(-2.5rem,-50%)}3%{opacity:1}9%,to{opacity:0;transform:translateY(-50%)}}.qb-dial-panel{grid-area:1/1;align-self:center;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s var(--ease-fade),transform .18s var(--ease-fade),visibility 0s linear .18s}.qb-dial-panel[data-active=true]{opacity:1;visibility:visible;transform:none;transition:opacity .36s var(--ease-out-expo) calc(var(--qb-turn) / 2),transform .36s var(--ease-out-expo) calc(var(--qb-turn) / 2),visibility 0s}@media (min-width:1024px){.qb-dial{display:grid;grid-template-columns:minmax(0,434px) minmax(0,320px);justify-content:center;align-items:center;gap:4.5rem}.qb-dial-ring{width:560px;max-width:none;margin-inline:-63px}.qb-dial-detail{position:relative;max-width:none;margin-inline:0}.qb-dial-controls{position:absolute;top:100%;left:0;margin-top:1.25rem}.qb-dial-card:before{width:3rem;transform:translateY(-50%);background:linear-gradient(to right,transparent,var(--gilt-line))}.qb-dial-card:after,.qb-dial-card:before{left:auto;right:100%;top:50%;bottom:auto;height:1px}.qb-dial-card:after{width:.5rem;background:linear-gradient(to right,transparent,var(--gilt));animation-name:qb-dial-wire-right}}@media (prefers-reduced-motion:reduce){.qb-dial-live,.qb-dial-sweep{animation:none}.qb-dial-card:after{display:none}.qb-dial-node,.qb-dial-orbit,.qb-dial-panel,.qb-dial-panel[data-active=true]{transition:none}}