.hb{z-index:-1;pointer-events:none;width:100vw;position:absolute;top:0;bottom:0;left:50%;overflow:clip visible;transform:translate(-50%)}.hb-canvas{width:100%;height:100%;color:var(--ui-strong);display:block}.hb-static{white-space:nowrap;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hb-canvas[data-live]~.hb-static{display:none}.hb-static-row{position:absolute;left:0;right:0}.hb-static-row>span{position:absolute;top:0}.hb-static-k{left:var(--x0)}.hb-static-v{right:calc(100% - var(--x0) - var(--cw) * .5)}.hb-static-d{left:calc(var(--x0) + var(--cw) * .55)}.hb-static-row{--tone:rgb(var(--ui-g-rgb));--ink:color-mix(in srgb, var(--tone) calc((1 - var(--grey,0)) * 100%), var(--ui-strong))}.hb-static-row.is-dn{--tone:rgb(var(--ui-red-rgb))}.hb-static-row:before{content:"";height:84%;top:8%;left:calc(var(--x0) - 6px);width:calc(var(--cw) + 12px);background:var(--ink);opacity:calc(.12 - .05 * var(--grey,0));position:absolute}.hb-static-row :is(.hb-static-v,.hb-static-d){color:var(--ink)}.hb-wall{perspective:700px;width:min(320px,26vw);position:absolute;top:6%;bottom:6%;-webkit-mask-image:linear-gradient(#0000 0,#000 14% 86%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 14% 86%,#0000 100%)}.hb-wall.is-wide{width:min(440px,32vw);top:-14%;bottom:-14%;-webkit-mask-image:linear-gradient(#0000 0,#000 14% 50%,#0000 84%);mask-image:linear-gradient(#0000 0,#000 14% 50%,#0000 84%)}.hb-wall.is-l{left:max(24px,50% - 620px)}.hb-wall.is-r{right:max(24px,50% - 620px)}.hb-wall .hb-canvas{height:100%}.hb-wall.is-l .hb-canvas{transform-origin:0;transform:rotateY(38deg)}.hb-wall.is-r .hb-canvas{transform-origin:100%;transform:rotateY(-38deg)}@media (max-width:1023px){.hb-wall{display:none}}.hb-plane-m{perspective:420px;height:210px;display:none;position:absolute;left:-14%;right:-14%}.hb-plane-m.is-top{top:-24px;-webkit-mask-image:linear-gradient(#0000 0,#000 16% 30%,#0000 64%);mask-image:linear-gradient(#0000 0,#000 16% 30%,#0000 64%)}.hb-plane-m.is-bottom{bottom:0;-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 18% 45%,#0000 85%);mask-image:linear-gradient(0deg,#0000 0,#000 18% 45%,#0000 85%)}.hb-plane-m .hb-canvas{height:100%}.hb-plane-m.is-top .hb-canvas{transform-origin:50% 0;transform:rotateX(-42deg)}.hb-plane-m.is-bottom .hb-canvas{transform-origin:50% 100%;transform:rotateX(42deg)}@media (max-width:1023px){.hb-plane-m.is-top{height:225px;display:block}.ui-hero-stage:has(>.hb--v12)>.ui-hero--center{min-height:0;padding-block:130px 16px}}