.ht{--pk-line:var(--ink);--pk-body:#c0bdb9;--pk-lit:#dbd9d5;--pk-hollow:#534f4b;--pk-paper:#fdfcf9;--pk-floor:#231d181a;aspect-ratio:var(--aspect);position:relative;container-type:inline-size}@supports (color:lab(0% 0 0)){.ht{--pk-body:lab(76.8105% .516385 2.21871);--pk-lit:lab(86.6747% .283211 1.88192);--pk-hollow:lab(33.8832% .938803 2.89655);--pk-paper:lab(98.8565% .107378 1.52054);--pk-floor:lab(11.226% 2.52144 4.78629/.1)}}@media (prefers-color-scheme:dark){.ht{--pk-line:#0f0d0b;--pk-body:#a8abaf;--pk-lit:#caced2;--pk-hollow:#302d2b;--pk-paper:#eae8e3;--pk-floor:#00000073}@supports (color:lab(0% 0 0)){.ht{--pk-line:lab(3.69624% .54162 1.18399);--pk-body:lab(69.8342% -.766158 -2.50015);--pk-lit:lab(82.5944% -.768602 -2.50154);--pk-hollow:lab(18.7953% .869125 2.09817);--pk-paper:lab(91.9044% .165313 2.28355);--pk-floor:lab(0% 0 0/.45)}}.ht text.band-label{fill:#120f0c;fill:lab(4.43169% .830762 1.76013)}}.ht-defs{position:absolute}.ht-tin,.ht-squash{position:absolute;inset:0}.ht-layer{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ht .o{stroke:var(--pk-line);stroke-width:3.2px;stroke-linejoin:round;stroke-linecap:round}.ht .thin{fill:none;stroke-width:2.6px}.ht .body{fill:var(--pk-body)}.ht .lit{fill:var(--pk-lit)}.ht .hollow{fill:var(--pk-hollow)}.ht .paper{fill:var(--pk-paper)}.ht .brass{fill:var(--brass)}.ht .dot{fill:var(--pk-line)}.ht .shine{fill:var(--pk-lit);opacity:.8}.ht .floor{fill:var(--pk-floor)}.ht .speckle{fill:url(#ht-speckle);opacity:.22}.ht #ht-speckle circle{fill:var(--pk-line)}.ht .seam{fill:none;stroke:var(--pk-line);stroke-width:6px;opacity:.12}.ht .band{fill:var(--enamel)}.ht .band-label{font:600 11.5px/1 var(--font-code);letter-spacing:.09em;fill:var(--pk-paper)}.ht .lid-top{fill:var(--pk-lit)}.ht .handle-bar{fill:none;stroke:var(--pk-line);stroke-width:11px;stroke-linecap:round;stroke-linejoin:round}.ht .handle-shine{fill:none;stroke:var(--pk-lit);stroke-width:4.6px;stroke-linecap:round;stroke-linejoin:round}.ht-part{width:0;height:0;position:absolute}.ht-icon{width:23cqw;height:23cqw;position:absolute;top:-11.5cqw;left:-11.5cqw;overflow:visible;scale:.86}.ht-label{white-space:nowrap;font:600 clamp(12px, 3.6cqw, 15px) / 1 var(--font-ui);color:var(--ink-3);opacity:0;position:absolute;top:12cqw;left:0;translate:-50%}.ht-burst{opacity:0;pointer-events:none;width:150%;position:absolute;top:19%;left:50%;overflow:visible;translate:-50% -50%}.ht-burst line{stroke:var(--brass);stroke-width:6px;stroke-linecap:round}.ht-face .ht-mouth{stroke-dasharray:1;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){.ht-peek{animation:.24s cubic-bezier(.2,.7,.3,1) both ht-peek}@keyframes ht-peek{0%{translate:calc(var(--fx) - var(--px)) calc(var(--fy) - var(--py))}to{translate:0}}.ht-fly{animation:ht-fly .6s linear calc(var(--hit) - .42s) both}@keyframes ht-fly{0%{translate:var(--px) var(--py);scale:2;rotate:var(--tilt);animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{animation-timing-function:cubic-bezier(.2,.8,.4,1);translate:0;rotate:none;scale:1}84%{animation-timing-function:cubic-bezier(.5,0,.7,.5);translate:0 -2.2cqw;scale:.98}to{translate:0;scale:1}}.ht-label{animation:ht-label .52s linear calc(var(--hit) - .64s) both}@keyframes ht-label{0%,40%{opacity:1}to{opacity:0}}.ht-tier-base{transform-origin:50% 90%;animation:.7s cubic-bezier(.3,.7,.4,1) both ht-brace}@keyframes ht-brace{0%{scale:1}30%{scale:1.01 .97}to{scale:1}}.ht-tier-mid,.ht-tier-top{animation:ht-drop .38s linear calc(var(--land) - .285s) both}@keyframes ht-drop{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);translate:0 -110svh}75%{animation-timing-function:cubic-bezier(.2,.8,.4,1);translate:0}87%{animation-timing-function:cubic-bezier(.5,0,.7,.5);translate:0 -1.8cqw}to{translate:0}}.ht-lid{animation:ht-lid .15s cubic-bezier(.6, 0, 1, .6) calc(var(--click) - .15s) both}@keyframes ht-lid{0%{translate:0 -110svh}to{translate:0}}.ht-handle{transform-box:fill-box;transform-origin:50% 100%;animation:ht-handle .52s linear(0, .36 8%, .82 18%, 1.12 28%, 1.16 33%, 1.06 45%, .97 58%, 1.01 72%, 1) calc(var(--click) + 80ms) both}@keyframes ht-handle{0%{scale:1 .1}to{scale:1}}.ht-squash{transform-origin:50% 94%;animation:ht-squash .44s linear calc(var(--click) + 70ms) both}@keyframes ht-squash{0%{animation-timing-function:cubic-bezier(.2,.8,.4,1);scale:1}14%{animation-timing-function:cubic-bezier(.4,0,.6,1);scale:1.04 .94}40%{scale:.99 1.02}66%{scale:1.005 .995}to{scale:1}}.ht-tin{animation:ht-shake .18s linear calc(var(--click) + 70ms) both}@keyframes ht-shake{0%,to{translate:0}20%{translate:3px 1px}45%{translate:-3px -1px}70%{translate:2px}85%{translate:-1px}}.ht-burst{animation:ht-burst .26s cubic-bezier(.2, .8, .3, 1) calc(var(--click) + 40ms) forwards}@keyframes ht-burst{0%{opacity:1;scale:.8}60%{opacity:1}to{opacity:0;scale:1.18}}.ht-floor{transform-origin:50% 92%;animation:ht-floor .44s ease-out calc(var(--click) + 70ms) both}@keyframes ht-floor{14%{scale:1.08 1}}.ht-face{animation:ht-face .18s ease-out calc(var(--click) + .32s) both}@keyframes ht-face{0%{opacity:0}}.ht-face .ht-mouth{animation:ht-mouth .24s cubic-bezier(.3, .7, .4, 1) calc(var(--click) + .44s) both}@keyframes ht-mouth{0%{stroke-dashoffset:1px}}.ht-eyes{transform-box:fill-box;transform-origin:50%;animation:ht-blink .16s ease-in-out calc(var(--click) + 1.4s) 1}@keyframes ht-blink{50%{scale:1 .1}}}.ht-tierset,.ht-lidset,.ht-faceset{position:absolute;inset:0}.ht-tag-label,.ht-gauge,.ht-price,.ht .band-project{opacity:0}.ht-tag-label{white-space:nowrap;font:600 5.2cqw / 1 var(--font-ui);color:var(--ink);background:var(--paper);border:1px solid var(--rule-2);border-radius:999px;padding:.35em .7em;position:absolute;top:-19cqw;left:0;translate:-50%}.ht-part-l .ht-tag-label{top:-3cqw;left:-12cqw;translate:-100%}.ht-part-r .ht-tag-label{top:-3cqw;left:12cqw;translate:0}.ht-gauge{background:var(--paper-raised);border:1px solid var(--rule-2);font:600 5.4cqw / 1.1 var(--font-ui);color:var(--ink);border-radius:1.6cqw;gap:1.4cqw;padding:2cqw 2.8cqw 2.4cqw;display:grid;position:absolute;left:14%;right:14%}.ht-gauge-name{font-family:var(--font-code);margin-right:.4em;font-weight:500}.ht-gauge-bar{background:var(--rule-2);border-radius:1.5cqw;height:3cqw;display:block;overflow:hidden}.ht-gauge-bar span{background:var(--brass);transform-origin:0;height:100%;scale:var(--fill) 1;display:block}.ht-held .ht-gauge-bar span{background:var(--enamel-plum)}.ht-gauge-held{color:var(--enamel-plum);font-size:4.6cqw}.ht-price{transform-origin:0 0;flex-direction:column;align-items:flex-start;display:flex;position:absolute;left:63%}.ht-price-string{background:var(--ink-3);width:.5cqw;height:9cqw;margin-left:3cqw;display:block}.ht-price-tag{white-space:nowrap;background:var(--brass);color:var(--on-brass);font:500 6cqw / 1 var(--font-ui);border-radius:1.2cqw 1.2cqw 1.2cqw .4cqw;padding:1.4cqw 2.6cqw;display:block;box-shadow:0 .8cqw #3b2a172e;box-shadow:0 .8cqw lab(18.752% 5.85869 15.8328/.18)}.ht-price-tag strong{font-family:var(--font-display);font-size:1.5em;font-weight:500}.bb-captions,.bb-rail{display:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.bb-track{view-timeline:--bb block;height:400svh}.ht{--ex-mid:36cqw;--ex-top:72cqw;--ex-lid:112cqw;--lift:19cqw}.bb{height:calc(100svh - 60px);min-height:0;position:sticky;top:60px}@media (max-width:720px){.bb-track{height:320svh}}.bb-head,.bb-body,.bb-stage,.ht-lidset,.ht-set-mid,.ht-set-top,.ht-lift,.ht-tag-label,.ht-gauge,.ht-gauge-bar span,.ht-gauge-held,.ht-faceset,.ht-price,.bb-cap,.bb-rail span{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--bb}.bb-head,.bb-body{animation-name:bb-out;animation-timeline:--bb;animation-range:contain contain 8%}@keyframes bb-out{to{opacity:0;visibility:hidden;translate:0 -5svh}}.bb-stage{transform-origin:50% 100%;animation-name:bb-stage;animation-timeline:--bb;animation-range:contain}@keyframes bb-stage{0%{translate:0;scale:1}8%,84%{translate:10vw -7svh;scale:.68}86%{translate:10vw -7svh;scale:.7 .65}88%{translate:10vw -7svh;scale:.68}to{translate:10vw -14svh;scale:.86}}.ht-lidset{transform-origin:20% 20%;animation-name:ht-s-lid;animation-timeline:--bb;animation-range:contain}@keyframes ht-s-lid{0%,8%{translate:0;rotate:none}20%{translate:0 -38cqw;rotate:-9deg}38%,72%{translate:0 calc(var(--ex-lid) * -1);rotate:-6deg}84%,to{translate:0;rotate:none}}.ht-set-mid{animation-name:ht-s-mid;animation-timeline:--bb;animation-range:contain}.ht-set-top{animation-name:ht-s-top;animation-timeline:--bb;animation-range:contain}@keyframes ht-s-mid{0%,20%{translate:0}38%,70%{translate:0 calc(var(--ex-mid) * -1)}82%,to{translate:0}}@keyframes ht-s-top{0%,20%{translate:0}38%,70%{translate:0 calc(var(--ex-top) * -1)}82%,to{translate:0}}.ht-lift{animation-name:ht-s-lift;animation-timeline:--bb;animation-range:contain}@keyframes ht-s-lift{0%,22%{translate:0}36%,42%{translate:0 calc(var(--lift) * -1)}50%,to{translate:0}}.ht-tag-label{animation-name:ht-s-tag;animation-timeline:--bb;animation-range:contain}@keyframes ht-s-tag{0%,28%{opacity:0}34%,42%{opacity:1}46%,to{opacity:0}}.ht .band-project{animation:linear both ht-s-proj;animation-timeline:--bb;animation-range:contain}@keyframes ht-s-proj{0%,44%{opacity:0}50%,68%{opacity:1}74%,to{opacity:0}}.ht-gauge{animation-name:ht-s-gauge;animation-timeline:--bb;animation-range:contain}@keyframes ht-s-gauge{0%,46%{opacity:0;translate:0 2cqw}52%,68%{opacity:1;translate:0}72%,to{opacity:0;translate:0}}.ht-gauge-bar span{animation-name:ht-s-fill;animation-timeline:--bb;animation-range:contain 52% contain 64%}@keyframes ht-s-fill{0%{scale:0 1}to{scale:var(--fill) 1}}.ht-gauge-held{animation-name:ht-s-held;animation-timeline:--bb;animation-range:contain 62% contain 66%}@keyframes ht-s-held{0%{opacity:0}}.ht-faceset{animation-name:ht-s-face;animation-timeline:--bb;animation-range:contain}@keyframes ht-s-face{0%,6%{opacity:1}12%,84%{opacity:0}90%,to{opacity:1}}.ht-price{animation-name:ht-s-price;animation-timeline:--bb;animation-range:contain}@keyframes ht-s-price{0%,86%{opacity:0;rotate:-50deg}89%{opacity:1;rotate:14deg}92%{rotate:-7deg}95%{rotate:3deg}to{opacity:1;rotate:none}}.bb-captions{z-index:3;left:max(var(--gutter), calc((100vw - var(--wrap)) / 2));pointer-events:none;width:min(24rem,34vw);margin:0;padding:0;list-style:none;display:block;position:absolute;top:50%;translate:0 -50%}.bb-cap{opacity:0;animation-name:bb-cap;animation-timeline:--bb;position:absolute;inset:0 0 auto;translate:0 -50%}.bb-cap-1{animation-range:contain 8% contain 22%}.bb-cap-2{animation-range:contain 24% contain 44%}.bb-cap-3{animation-range:contain 46% contain 76%}.bb-cap-4{animation-name:bb-cap-last;animation-range:contain 86% contain 96%}@keyframes bb-cap{0%{opacity:0;translate:0 calc(16px - 50%)}20%,80%{opacity:1;translate:0 -50%}to{opacity:0;translate:0 calc(-50% - 16px)}}@keyframes bb-cap-last{0%{opacity:0;translate:0 calc(16px - 50%)}to{opacity:1;translate:0 -50%}}.bb-cap-step{font:500 .82rem/1 var(--font-code);color:var(--brass-ink);margin-bottom:12px}.bb-cap-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.7rem,1.2rem + 1.6vw,2.6rem);font-weight:450;line-height:1.05}.bb-cap-text{color:var(--ink-2);text-wrap:pretty;margin-top:12px;font-size:1.05rem}.bb-rail{z-index:3;right:var(--gutter);background:var(--rule-2);width:2px;display:block;position:absolute;top:18%;bottom:18%}.bb-rail span{background:var(--brass);transform-origin:50% 0;height:100%;animation-name:bb-rail;animation-timeline:--bb;animation-range:contain;display:block}@keyframes bb-rail{0%{scale:1 0}}@media (max-width:720px){@keyframes bb-stage{0%{translate:0;scale:1}8%,84%{translate:0 var(--m-y);scale:var(--m-s)}86%{translate:0 var(--m-y);scale:calc(var(--m-s) * 1.03) calc(var(--m-s) * .95)}88%{translate:0 var(--m-y);scale:var(--m-s)}to{translate:0 8svh;scale:.96}}.ht{--ex-mid:31cqw;--ex-top:62cqw;--ex-lid:94cqw;--lift:16cqw}.bb-stage{--m-y:14svh;--m-s:.86}.bb-captions{left:var(--gutter);right:var(--gutter);width:auto;top:auto;bottom:28px;translate:none}.bb-cap{top:auto;bottom:0;translate:0}@keyframes bb-cap{0%{opacity:0;translate:0 12px}20%,80%{opacity:1;translate:0}to{opacity:0;translate:0 -12px}}@keyframes bb-cap-last{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}.bb-cap-title{font-size:1.45rem}.bb-cap-step{margin-bottom:8px}.bb-cap-text{margin-top:8px;font-size:.94rem}.bb-rail{right:8px}}}}
