.hs{--hs-ink:#f4f1ea;--hs-mut:rgba(244,241,234,.64);--hs-line:rgba(244,241,234,.88);--hs-faint:rgba(244,241,234,.22);--hs-a:#ffb98f;--hs-b:#b9a0ff;--hs-c:#7fe3c4;--hs-bad:#ff8a80;--hs-bg:#0e0e11;position:relative;display:grid;align-content:center;min-height:clamp(540px,calc(100svh - 110px),860px);padding-block:clamp(28px,5vw,64px);isolation:isolate}
html[data-theme="light"] .hs{--hs-ink:#17151c;--hs-mut:rgba(23,21,28,.64);--hs-line:rgba(23,21,28,.86);--hs-faint:rgba(23,21,28,.2);--hs-a:#e8743b;--hs-b:#6d3df2;--hs-c:#0f9d78;--hs-bad:#d2453f;--hs-bg:#f4f1ea}
.hs-art{position:absolute;z-index:-1;right:0;top:50%;width:min(62%,840px);transform:translateY(-50%);pointer-events:none}
.hs-art::before{content:"";position:absolute;inset:-12%;z-index:-1;background:radial-gradient(50% 50% at 55% 50%,color-mix(in srgb,var(--hs-b) 16%,transparent),transparent 70%);pointer-events:none}
.hs-art svg{display:block;width:100%;height:100%;overflow:visible}
.hs-txt{position:relative;z-index:2;max-width:min(30rem,100%)}
.hs-txt .hs-k,.hs .pt-eyebrow{font:800 11px/1 var(--lq-sans,'Inter Tight',sans-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--hs-b)}
.hs-txt h1{margin:18px 0 0;font:400 clamp(2.6rem,5.6vw,5.4rem)/.96 'Instrument Serif','DM Serif Display',Georgia,serif;letter-spacing:-.035em;text-wrap:balance;color:var(--hs-ink)}
.hs-txt h1 em{font-style:italic;color:var(--hs-a)}
.hs-txt .hs-lede{margin:22px 0 0;max-width:32rem;font-size:clamp(15px,1.4vw,18px);line-height:1.65;color:var(--hs-mut)}
.hs-txt .hs-lede b{color:var(--hs-ink)}
.hs-cue{position:absolute;left:0;bottom:6px;display:flex;align-items:center;gap:10px;font:700 10px var(--lq-sans,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--hs-mut)}
.hs-cue::after{content:"";width:1px;height:34px;background:linear-gradient(180deg,var(--hs-b),transparent);transform-origin:50% 0;animation:hsCue 2s ease-in-out infinite}
@keyframes hsCue{0%{transform:scaleY(0)}60%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

.hs .dr,.hs .fd,.hs .sc,.hs .rs{animation-duration:calc(var(--d,1)*1s*var(--ts,1));animation-delay:calc(var(--a,0)*1s*var(--ts,1));animation-fill-mode:both;animation-timing-function:cubic-bezier(.5,0,.2,1)}
.hs .dr{fill:none;stroke:var(--hs-line);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation-name:hsDraw}
.hs .dr.a{stroke:var(--hs-a)}.hs .dr.b{stroke:var(--hs-b)}.hs .dr.c{stroke:var(--hs-c)}.hs .dr.f{stroke:var(--hs-faint)}.hs .dr.t{stroke-width:4.4}.hs .dr.s{stroke-width:1.4}
.hs .fd{opacity:0;animation-name:hsFade}
.hs .sc{opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation-name:hsScale}
.hs .rs{opacity:0;animation-name:hsRise}
.hs .fl{fill:var(--hs-a)}.hs .fl.b{fill:var(--hs-b)}.hs .fl.c{fill:var(--hs-c)}.hs .fl.i{fill:var(--hs-ink)}
.hs .tx{font:600 14px 'JetBrains Mono',ui-monospace,Menlo,monospace;fill:var(--hs-ink)}
.hs .tx.m{fill:var(--hs-mut)}
.hs-wait .dr,.hs-wait .fd,.hs-wait .sc,.hs-wait .rs{animation-play-state:paused}
.hs-skip .dr,.hs-skip .fd,.hs-skip .sc,.hs-skip .rs{animation-duration:0s!important;animation-delay:0s!important}
@keyframes hsDraw{to{stroke-dashoffset:0}}
@keyframes hsFade{to{opacity:var(--o,1)}}
@keyframes hsScale{from{opacity:0;transform:scale(.2)}to{opacity:var(--o,1);transform:none}}
@keyframes hsRise{from{opacity:0;transform:translateY(22px)}to{opacity:var(--o,1);transform:none}}
.hs .amb{transform-box:fill-box}
@keyframes hsSway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes hsSwing{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes hsFlow{to{stroke-dashoffset:-30}}
@keyframes hsBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes hsBlink{50%{opacity:0}}
@keyframes hsGlow{0%,100%{opacity:.5}50%{opacity:1}}

@media (max-width:859px){
.hs{min-height:0;padding-block:8px 36px}
.hs-art{position:relative;right:auto;top:auto;width:100%;max-width:560px;margin:0 auto 6px;transform:none;order:-1}
.hs-txt h1{font-size:clamp(2.4rem,11vw,3.6rem)}
.hs-cue{display:none}
}
@media (prefers-reduced-motion:reduce){.hs .dr,.hs .fd,.hs .sc,.hs .rs,.hs .amb{animation-duration:0s!important;animation-delay:0s!important;animation-iteration-count:1!important}.hs-cue::after{animation:none}}

.hs-pt{justify-items:start;align-content:center;padding-block:clamp(28px,5vw,64px)!important}
.hs-pt>*:not(.hs-art):not(.pt-blobs){position:relative;z-index:2;max-width:min(30rem,100%)}
.hs-pt .pt-h1{font-size:clamp(2.6rem,5.6vw,5.2rem)!important;line-height:.95;max-width:11ch;margin-block:.3em .35em}
.hs-pt .pt-lede{font-size:clamp(15px,1.4vw,18px);max-width:34ch}
@keyframes hsSun{0%{transform:translate(0,160px);opacity:0}8%{opacity:1}30%{transform:translate(260px,-10px);opacity:1}52%{transform:translate(520px,160px);opacity:1}56%,100%{transform:translate(520px,160px);opacity:0}}
@keyframes hsMoon{0%,50%{transform:translate(0,160px);opacity:0}58%{opacity:1}80%{transform:translate(260px,-10px);opacity:1}100%{transform:translate(520px,160px);opacity:0}}
@keyframes hsNight{0%,48%{opacity:0}58%,92%{opacity:1}100%{opacity:0}}
@keyframes hsHammer{0%,55%{transform:rotate(-38deg)}70%{transform:rotate(70deg)}78%{transform:rotate(58deg)}100%{transform:rotate(-38deg)}}
.hs .win{opacity:0}
@media (max-width:859px){.hs-pt .pt-h1{font-size:clamp(2.4rem,11vw,3.6rem)!important}.hs-pt>*:not(.hs-art):not(.pt-blobs){max-width:100%}.hs-pt .hs-art{position:relative;order:-1;right:auto;top:auto;transform:none;width:100%;margin:0 auto 6px}}