.qh-num{font-variant-numeric:tabular-nums}.qh-word,.qh-char{white-space:pre;display:inline-block}@keyframes qh-word-in{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.qh-word{animation:qh-word-in .42s var(--ease-glide) var(--wd) both}@keyframes qh-char-shatter{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{transform:translate(var(--sx), var(--sy)) rotate(var(--sr)) scale(.25);opacity:0}}[data-hero-step="4"] .qh-char{animation:qh-char-shatter var(--shatter-dur) cubic-bezier(.25, .7, .4, 1) calc(var(--shatter-at) + var(--sd)) forwards}[data-hero-step="5"] .qh-label{visibility:hidden}.qh-scene{--u:1cqw;--logo-dy:calc(-49px / var(--field-scale,1));position:relative;container-type:inline-size}.qh-stage{contain:layout paint style;position:absolute;inset:0;overflow:hidden}.qh-field{pointer-events:none;transform:scale(var(--field-scale,1));transform-origin:50% 0;position:absolute;inset:0}@media (width<=639px){.qh-scene{--field-scale:1.18}}.qh-tile{width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));transform:translateX(calc(var(--x) * var(--u)));position:absolute;top:0;left:0}.qh-tile-body{width:100%;height:100%;transform:translateY(calc(var(--y) * var(--u)))}.qh-tile-fill{border-radius:calc(1.9 * var(--u));background:var(--c);width:100%;height:100%;transition:background-color .24s linear}.qh-tile{--c:var(--c0);--x:var(--x0);--y:var(--y0);--w:6.6;--h:6.6}[data-step="2"] .qh-tile,[data-step="3"] .qh-tile{--x:var(--x1);--y:var(--y1)}[data-step="4"] .qh-tile,[data-step="5"] .qh-tile{--x:var(--x4);--y:var(--y4);--w:var(--w4);--h:var(--h4)}[data-step="2"] .qh-tile[data-culled],[data-step="3"] .qh-tile[data-culled],[data-step="4"] .qh-tile[data-culled],[data-step="5"] .qh-tile[data-culled],[data-step="0"] .qh-ring,[data-step="1"] .qh-ring,[data-step="3"] .qh-ring,[data-step="4"] .qh-ring,[data-step="5"] .qh-ring{display:none}.qh-belt{position:absolute;inset:0}.qh-belt-row{display:none}[data-step="4"] .qh-belt-row{display:block}.qh-belt-avatar,.qh-belt-bar{width:calc(var(--bw) * var(--u));height:calc(var(--bh) * var(--u));transform:translate(calc(var(--bx) * var(--u)), calc(var(--by) * var(--u)));position:absolute;top:0;left:0}.qh-belt-avatar{border-radius:calc(1.9 * var(--u));background:var(--qh-c-solid)}.qh-belt-bar{border-radius:calc(.6 * var(--u)) / calc(1.2 * var(--u));background:var(--qh-c-bar)}@keyframes qh-belt-in{0%{transform:translate(calc(var(--bx) * var(--u)), calc((var(--by) + 6) * var(--u))) scale(.86);opacity:0}to{transform:translate(calc(var(--bx) * var(--u)), calc(var(--by) * var(--u))) scale(1);opacity:1}}@keyframes qh-belt-write{0%{transform:translate(calc(var(--bx) * var(--u)), calc(var(--by) * var(--u))) scaleX(0)}to{transform:translate(calc(var(--bx) * var(--u)), calc(var(--by) * var(--u))) scaleX(1)}}[data-step="4"] .qh-belt-avatar[data-gen]{animation:qh-belt-in var(--enter-dur) var(--ease-overshoot) var(--bd) both}[data-step="4"] .qh-belt-bar{transform-origin:0}[data-step="4"] .qh-belt-bar[data-gen]{animation:qh-belt-write var(--seg-dur) var(--ease-glide) var(--bd) both}.qh-particle{width:calc(var(--ps) * var(--u));height:calc(var(--ps) * var(--u));background:var(--pc);border-radius:50%;display:none;position:absolute;top:0;left:0}[data-step="4"] .qh-particle,[data-step="5"] .qh-particle{display:block}@keyframes qh-s5-spark{0%{transform:translate(calc(var(--pfx) * var(--u)), calc(var(--pfy) * var(--u))) scale(.2);opacity:0}30%{opacity:1}to{transform:translate(calc(var(--pmx) * var(--u)), calc(var(--pmy) * var(--u))) scale(1);opacity:1}}@keyframes qh-s6-catch{0%{transform:translate(calc(var(--pmx) * var(--u)), calc(var(--pmy) * var(--u))) scale(1);opacity:1;animation-timing-function:cubic-bezier(.4,0,.6,1)}15%{transform:translate(calc(var(--pmx) * var(--u)), calc(var(--pmy) * var(--u))) scale(1.12);opacity:1;animation-timing-function:cubic-bezier(.7,0,.25,1)}78%{transform:translate(calc(var(--ptx) * var(--u)), calc(var(--pty) * var(--u) + var(--logo-dy))) scale(1);opacity:1;animation-timing-function:linear}to{transform:translate(calc(var(--ptx) * var(--u)), calc(var(--pty) * var(--u) + var(--logo-dy))) scale(.75);opacity:0}}@keyframes qh-s5-spark-blur{0%{filter:blur(var(--pb))}55%{filter:blur(calc(var(--pb) * .35))}to{filter:blur()}}@keyframes qh-s6-drag-blur{0%{filter:blur()}15%{filter:blur()}44%{filter:blur(var(--pb))}78%{filter:blur()}to{filter:blur()}}[data-step="4"] .qh-particle{animation:qh-s5-spark var(--burst-dur) cubic-bezier(.1, .9, .3, 1) var(--pat) both, qh-s5-spark-blur var(--burst-dur) linear var(--pat) both}[data-step="5"] .qh-particle{animation:qh-s6-catch var(--catch-dur) linear 0s both, qh-s6-drag-blur var(--catch-dur) linear 0s both}@keyframes qh-s5-frag{0%{transform:translate(calc(var(--bx) * var(--u)), calc(var(--by) * var(--u))) rotate(0) scale(1);opacity:1}to{transform:translate(calc((var(--bx) + var(--sx)) * var(--u)), calc((var(--by) + var(--sy)) * var(--u))) rotate(var(--sr)) scale(.3);opacity:0}}[data-step="4"] .qh-belt-frag{animation:qh-s5-frag var(--shatter-dur) cubic-bezier(.25, .7, .4, 1) calc(var(--shatter-at) + var(--sd)) forwards}@keyframes qh-s5-shatter{0%{transform:translate(calc(var(--bx) * var(--u)), calc(var(--by) * var(--u))) scale(1);opacity:1}to{transform:translate(calc(var(--bx) * var(--u)), calc(var(--by) * var(--u))) scaleX(.3) scaleY(1.6);opacity:0}}[data-step="4"] .qh-belt-row[data-shatters] .qh-belt-avatar,[data-step="4"] .qh-belt-row[data-shatters] .qh-belt-bar{animation:qh-s5-shatter var(--shatter-dur) cubic-bezier(.4, 0, .9, .5) var(--shatter-at) forwards}.qh-ring{width:calc(3 * var(--u));height:calc(3 * var(--u));transform:translateX(calc(var(--rx) * var(--u)));opacity:0;position:absolute;top:0;left:0}.qh-ring-body{width:100%;height:100%;transform:translateY(calc(var(--ry) * var(--u)))}.qh-ring-body:after{content:"";border:calc(.55 * var(--u)) solid var(--qh-c-ring);border-radius:50%;width:100%;height:100%;display:block}.qh-logo{left:calc(27 * var(--u));top:calc(23 * var(--u) + var(--logo-dy));width:calc(46 * var(--u));opacity:0;height:auto;position:absolute}.qh-logo-letter{transition:fill .5s var(--ease-glide)}@keyframes qh-s1-pop{0%{transform:translateY(calc((var(--y0) - 1.2) * var(--u))) scale(.4);opacity:0}to{transform:translateY(calc(var(--y0) * var(--u))) scale(1);opacity:1}}@keyframes qh-s1-breath{0%{transform:scale(var(--field-scale,1))}45%{transform:scale(calc(var(--field-scale,1) * 1.015))}to{transform:scale(var(--field-scale,1))}}[data-step="0"] .qh-tile-body{animation:qh-s1-pop var(--pop-dur) var(--ease-pop) var(--pop-at) both}[data-step="0"][data-first=true] .qh-tile-body{animation:none}[data-step="0"] .qh-field{animation:qh-s1-breath var(--breath-dur) var(--ease-glide) var(--breath-at) both}[data-step="0"][data-first=true] .qh-field{animation:none}@keyframes qh-s2-tp-x{0%,49%{transform:translateX(calc(var(--x0) * var(--u)))}50%,to{transform:translateX(calc(var(--x1) * var(--u)))}}@keyframes qh-s2-flag{0%{transform:translateY(calc(var(--y0) * var(--u))) scale(1)}45%{transform:translateY(calc(var(--y0) * var(--u))) scale(1.09)}to{transform:translateY(calc(var(--y0) * var(--u))) scale(1)}}@keyframes qh-s2-cull{0%{transform:translateY(calc(var(--y0) * var(--u))) scale(1);opacity:1}to{transform:translateY(calc((var(--y0) + 1.4) * var(--u))) scale(.25);opacity:0}}@keyframes qh-s2-tp-y{0%{transform:translateY(calc(var(--y0) * var(--u))) scale(1);opacity:1;animation-timing-function:cubic-bezier(.55,0,.8,.2)}42%{transform:translateY(calc((var(--y0) + 1.4) * var(--u))) scale(.25);opacity:0}58%{transform:translateY(calc((var(--y1) + 1.4) * var(--u))) scale(.25);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.45,1)}to{transform:translateY(calc(var(--y1) * var(--u))) scale(1);opacity:1}}[data-step="1"] .qh-tile:not([data-culled]){animation:qh-s2-tp-x var(--compact-dur) linear var(--compact-at) both}[data-step="1"] .qh-tile:not([data-culled]) .qh-tile-body{animation:qh-s2-tp-y var(--compact-dur) linear var(--compact-at) both}[data-step="1"] .qh-tile[data-culled] .qh-tile-body{animation:qh-s2-flag var(--flag-dur) var(--ease-overshoot) var(--flag-at) both, qh-s2-cull var(--cull-dur) cubic-bezier(.55, 0, .8, .2) var(--cull-at) forwards}[data-step="1"] .qh-tile[data-culled] .qh-tile-fill{--c:var(--qh-c-cull);transition-delay:var(--flag-at)}@keyframes qh-s3-impact{0%{transform:translateY(calc(var(--y1) * var(--u))) scale(1)}38%{transform:translateY(calc(var(--y1) * var(--u))) scale(1.12)}to{transform:translateY(calc(var(--y1) * var(--u))) scale(1)}}@keyframes qh-s3-halo{0%{box-shadow:0 0 0 0 var(--c);opacity:.55}to{box-shadow:0 0 0 calc(2.4 * var(--u)) transparent;opacity:0}}[data-step="2"] .qh-tile-body{animation:qh-s3-impact var(--impact-dur) var(--ease-overshoot) var(--impact-at) both}[data-step="2"] .qh-tile:not([data-impact]) .qh-tile-body{transform:translateY(calc(var(--y1) * var(--u)));animation:none}[data-step="2"] .qh-tile-fill,[data-step="3"] .qh-tile-fill{--c:var(--c1,var(--c0))}[data-step="2"] .qh-tile[data-impact] .qh-tile-fill{transition-delay:var(--impact-at)}[data-step="2"] .qh-tile[data-impact] .qh-tile-fill:after{content:"";border-radius:inherit;width:100%;height:100%;animation:qh-s3-halo var(--impact-dur) var(--ease-glide) var(--impact-at) both;display:block}@keyframes qh-s3-drift-x{0%{transform:translateX(calc(var(--rx0) * var(--u)))}to{transform:translateX(calc(var(--rx1) * var(--u)))}}@keyframes qh-s3-drift-y{0%{transform:translateY(calc(var(--ry0) * var(--u)))}to{transform:translateY(calc(var(--ry1) * var(--u)))}}@keyframes qh-s3-appear{0%{opacity:0}to{opacity:1}}@keyframes qh-s3-fly-x{0%{transform:translateX(calc(var(--rx1) * var(--u)))}to{transform:translateX(calc(var(--rx2) * var(--u)))}}@keyframes qh-s3-fly-y{0%{transform:translateY(calc(var(--ry1) * var(--u))) scale(1)}to{transform:translateY(calc(var(--ry2) * var(--u))) scale(0)}}@keyframes qh-s3-ring-out{0%{opacity:1}to{opacity:0}}[data-step="2"] .qh-ring{animation:qh-s3-drift-x var(--drift-dur) var(--ease-glide) var(--drift-at) both, qh-s3-appear var(--appear-dur) linear var(--drift-at) both}[data-step="2"] .qh-ring-body{animation:qh-s3-drift-y var(--drift-dur) var(--ease-glide) var(--drift-at) both}[data-step="2"] .qh-ring[data-fly]{animation:qh-s3-drift-x var(--drift-dur) var(--ease-glide) var(--drift-at) both, qh-s3-appear var(--appear-dur) linear var(--drift-at) both, qh-s3-fly-x var(--fly-dur) cubic-bezier(.5, 0, .75, .2) var(--fly-at) forwards}[data-step="2"] .qh-ring[data-fly] .qh-ring-body{animation:qh-s3-drift-y var(--drift-dur) var(--ease-glide) var(--drift-at) both, qh-s3-fly-y var(--fly-dur) cubic-bezier(.5, 0, .75, .2) var(--fly-at) forwards}[data-step="2"] .qh-ring[data-fade]{animation:qh-s3-drift-x var(--drift-dur) linear var(--drift-at) both, qh-s3-appear var(--appear-dur) linear var(--drift-at) both, qh-s3-ring-out var(--fade-dur) var(--ease-glide) var(--fade-at) both}[data-step="2"] .qh-ring[data-fade] .qh-ring-body{animation:qh-s3-drift-y var(--drift-dur) linear var(--drift-at) both}@keyframes qh-s4-tp-x{0%,49%{transform:translateX(calc(var(--x1) * var(--u)))}50%,to{transform:translateX(calc(var(--x3) * var(--u)))}}@keyframes qh-s4-tp-y{0%{transform:translateY(calc(var(--y1) * var(--u))) scale(1);opacity:1;animation-timing-function:cubic-bezier(.55,0,.8,.2)}42%{transform:translateY(calc((var(--y1) + 1.4) * var(--u))) scale(.25);opacity:0}58%{transform:translateY(calc((var(--y3) + 1.4) * var(--u))) scale(.25);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.45,1)}to{transform:translateY(calc(var(--y3) * var(--u))) scale(1);opacity:1}}@keyframes qh-s4-ripple{0%{filter:brightness()}40%{filter:brightness(1.22)}to{filter:brightness()}}@keyframes qh-s4-exit{0%{opacity:1;transform:translateY(0)}55%{opacity:1}to{transform:translateY(calc(var(--exit-dy) * var(--u) * -1));opacity:0}}[data-step="3"] .qh-tile:not([data-culled]){animation:qh-s4-tp-x var(--fly4-dur) linear var(--lift-at) both}[data-step="3"] .qh-tile:not([data-culled]) .qh-tile-body{animation:qh-s4-tp-y var(--fly4-dur) linear var(--lift-at) both}[data-step="3"] .qh-tile:not([data-culled]) .qh-tile-fill{animation:qh-s4-ripple var(--ripple-dur) linear var(--ripple-at) both, qh-s4-exit var(--exit-dur) cubic-bezier(.55, 0, .8, .2) var(--exit-at) both}@keyframes qh-s5-enter{0%{transform:translateY(calc((var(--y4) + 9) * var(--u))) scale(.86);opacity:0}to{transform:translateY(calc(var(--y4) * var(--u))) scale(1);opacity:1}}@keyframes qh-s5-write{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-step="4"] .qh-tile:not([data-culled]):not([data-seg]) .qh-tile-body{animation:qh-s5-enter var(--enter-dur) var(--ease-overshoot) var(--enter-at) both}[data-step="4"] .qh-tile-fill,[data-step="5"] .qh-tile-fill{--c:var(--ca,var(--c1,var(--c0)))}@keyframes qh-s5-belt{0%{transform:translateY(0)}10%{transform:translateY(calc(var(--belt-dy) * -.0464 * var(--u)))}20%{transform:translateY(calc(var(--belt-dy) * -.106 * var(--u)))}30%{transform:translateY(calc(var(--belt-dy) * -.1788 * var(--u)))}40%{transform:translateY(calc(var(--belt-dy) * -.2649 * var(--u)))}50%{transform:translateY(calc(var(--belt-dy) * -.3642 * var(--u)))}60%{transform:translateY(calc(var(--belt-dy) * -.4768 * var(--u)))}70%{transform:translateY(calc(var(--belt-dy) * -.6026 * var(--u)))}80%{transform:translateY(calc(var(--belt-dy) * -.7351 * var(--u)))}90%{transform:translateY(calc(var(--belt-dy) * -.8676 * var(--u)))}to{transform:translateY(calc(var(--belt-dy) * -1 * var(--u)))}}[data-step="4"] .qh-belt{animation:qh-s5-belt var(--belt-dur) linear var(--belt-at) both}[data-step="4"] .qh-tile[data-seg] .qh-tile-fill{transform-origin:0;animation:qh-s5-write var(--seg-dur) var(--ease-glide) var(--write-at) both}[data-step="4"] .qh-tile[data-seg] .qh-tile-fill,[data-step="5"] .qh-tile[data-seg] .qh-tile-fill{border-radius:calc(.6 * var(--u)) / calc(1.2 * var(--u))}@keyframes qh-s6-logo-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes qh-s6-logo-settle{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes qh-s6-logo-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.82)}}[data-step="5"] .qh-tile{display:none}[data-step="5"] .qh-logo{animation:qh-s6-logo-in var(--letter-dur) var(--ease-pop) var(--letter-at) both, qh-s6-logo-settle var(--resolve-dur) var(--ease-overshoot) var(--resolve-at) both}[data-step="5"] .qh-logo-letter{fill:var(--lc-final)}[data-step="0"] .qh-logo{animation:qh-s6-logo-out var(--logo-out-dur) var(--ease-glide) 0s both}[data-step="0"][data-first=true] .qh-logo{opacity:0;animation:none}.qh-scene[data-playing=false] *,.qh-scene[data-playing=false]:before,.qh-scene[data-playing=false]:after{animation-play-state:paused!important}
