.harness{z-index:1;right:var(--edge);width:min(50vw,720px);height:calc(100% - 84px - var(--harness-text,54vh));opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:84px}.harness-svg{width:100%;height:100%}.harness .v-n{display:none}.harness .hx-in{--k:clamp(0, calc(var(--a,1) * 5 - var(--i)), 1);opacity:var(--k);transform:translateY(calc((1 - var(--k)) * -36px))}.harness .hx-orbit,.harness .hx-after{opacity:clamp(0, calc((var(--a,1) - .72) * 4), 1)}.harness[data-paused] *{animation-play-state:paused!important}.harness[data-reduced] *{animation:none!important}.harness[data-reduced] .k-pk{offset-distance:55%;opacity:1}.beat.harness-beat{width:min(1200px, calc(100vw - 2 * var(--edge)))}.caps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;max-width:1180px;margin:26px 0 0;padding:0;list-style:none;display:grid}.caps li{border-top:1px solid #9fd27a8c;padding-top:10px}.caps b{font-family:var(--font-mono), ui-monospace, Menlo, monospace;letter-spacing:.06em;text-transform:uppercase;color:#9fd27a;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:500;display:flex}.caps b i{color:#0a0a0a;letter-spacing:0;background:#9fd27a;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:11px;font-style:normal;display:inline-grid}.caps li:nth-child(2) b i{background:#f2a6c8}.caps li:nth-child(6) b i{background:#fff;box-shadow:inset 0 0 0 1.5px #9fd27a}.caps span{color:#eeebe5;font-size:14px;line-height:1.5;display:block}@media (max-width:1100px){.caps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-aspect-ratio:4/5),(max-width:700px){.harness{width:auto;height:min(40svh,340px);top:76px;left:16px;right:16px}.harness .v-w{display:none}.harness .v-n{display:block}.beat.harness-beat{width:auto}.caps{grid-template-columns:1fr;gap:14px;margin-top:18px}.caps b{margin-bottom:4px;font-size:11.5px}.caps b i{width:16px;height:16px;font-size:10px}.caps span{font-size:14px;line-height:1.5}}.beat .caps{opacity:0}.harness-veil{display:none}@media (max-aspect-ratio:4/5),(max-width:700px){.harness-veil{z-index:3;opacity:0;pointer-events:none;background:linear-gradient(#0a0a0a 80%,#0a0a0a00);height:84px;display:block;position:absolute;top:0;left:0;right:0}}