.splash-views{z-index:3;top:calc(var(--splash-band) / 2);align-items:center;gap:8px;display:flex;position:absolute;right:16px;transform:translateY(-50%)}@media (width<=1000px){.splash-views{inset:auto auto 16px 50%;transform:translate(-50%)}}.kiefer-splash[data-view=loop]{--loop-bar:calc(var(--splash-band) / 2 + var(--spacing) * 6);--loop-foot:0px;grid-template-rows:var(--loop-bar) minmax(min-content, 1fr) var(--loop-foot)}@media (width<=1000px){.kiefer-splash[data-view=loop]{--loop-foot:calc(var(--spacing) * 16)}}@media (width<=640px){.kiefer-splash[data-view=loop]{--splash-band:72px}}.kiefer-splash[data-view=loop]{--loop-logo-h:calc(var(--spacing) * 11);--loop-logo-clear:calc(var(--spacing) * 3)}.kiefer-splash[data-view=loop] .splash-brand{z-index:2;top:calc(var(--splash-band) / 2);width:max-content;margin-inline:auto;position:absolute;left:0;right:0;translate:0 -50%}@media (prefers-reduced-motion:no-preference){.kiefer-splash[data-view=loop] .splash-brand{transition:opacity .7s var(--splash-ease), visibility 0s}}@supports (top:anchor(top)){.loop-head{anchor-name:--loop-head}.kiefer-splash[data-view=loop]:has(.loop-head) .splash-brand{position-anchor:--loop-head;top:min(max(var(--splash-band) / 2, anchor(top) * .45), anchor(top) - var(--loop-logo-clear) - var(--loop-logo-h) / 2)}}.splash-sky{z-index:0;pointer-events:none;background:radial-gradient(52% 36% at 50% 14%,#3e76d666,#0000 72%),linear-gradient(#071433,#040b1c 42%,#000 100%);position:absolute;inset:0}.kiefer-splash[data-view=energy] .splash-sky{display:none}.splash-sky__lights{width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.splash-sky[data-phase=pre] .splash-sky__lights{opacity:0}.splash-sky[data-phase=playing] .splash-sky__lights{animation:1.8s ease-out both loop-fade}}@keyframes loop-fade{0%{opacity:0}}.splash-loop{--loop-energy:#81d8c0;--loop-energy-node:#8fe1c1;--loop-energy-hot:#68ffc2;--loop-tech:#96c8ed;--loop-tech-node:#9bcdfa;--loop-tech-hot:#8fd0ff;--loop-title-fs:var(--text-4xl,2.25rem);--loop-sub-h:calc(var(--spacing) * 5.25);--loop-g2:clamp(calc(var(--spacing) * 2), 1.2svh, calc(var(--spacing) * 3));--loop-g3:clamp(calc(var(--spacing) * 5), 4.2svh, calc(var(--spacing) * 12));--loop-edge:calc(var(--spacing) * 4);--loop-lean:clamp(calc(var(--spacing) * 2), 2svh, calc(var(--spacing) * 6));--loop-head-h:calc(var(--loop-title-fs) * 1.08 + var(--loop-g2) + var(--loop-sub-h));--fig-top:var(--lab-top);--fig-bot:var(--lab-bot);--fig-ext:calc(1 - var(--fig-top) - var(--fig-bot));--sw:min(calc(100% + var(--spacing) * 8), calc(( 100svh - var(--loop-bar) - var(--loop-foot) - 2 * var(--loop-edge) - var(--loop-lean) - var(--loop-head-h) - var(--loop-g3) ) * 3.0857 / var(--fig-ext)));z-index:1;align-items:center;gap:var(--loop-g3);width:100%;padding-block:var(--loop-edge);margin-bottom:var(--loop-lean);flex-direction:column;grid-row:2;display:flex;position:relative}@media (width<=860px){.splash-loop{--fig-top:var(--curve-top);--fig-bot:var(--curve-bot)}}@media (width>=1100px){.splash-loop{--loop-title-fs:var(--text-5xl,3rem)}}@media (width<=640px){.splash-loop{--loop-title-fs:var(--text-3xl,1.875rem);--loop-head-h:calc(var(--loop-title-fs) * 2.16 + var(--loop-g2) + var(--loop-sub-h))}}.loop-head{z-index:2;justify-items:center;gap:var(--loop-g2);text-align:center;text-wrap:balance;display:grid;position:relative}.loop-title{font-size:var(--loop-title-fs);margin:0;line-height:1.08}.loop-sub{letter-spacing:var(--tracking-widest,.1em);padding-inline-start:var(--tracking-widest,.1em)}.loop-stage{z-index:1;width:var(--sw);margin-inline:calc(var(--spacing) * -4);margin-top:calc(var(--sw) * var(--fig-top) * -280 / 864);margin-bottom:calc(var(--sw) * var(--fig-bot) * -280 / 864);aspect-ratio:864/280;position:relative;container-type:inline-size}.loop-figure{margin:0;position:absolute;inset:0}.loop-art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.loop-line,.loop-glow{fill:none;stroke-linejoin:round}.loop-line{stroke-width:1.05px;stroke-opacity:.74}.loop-glow{stroke-width:3.8px;opacity:.3}.loop-leader{fill:none;stroke:#8ba4b966;stroke-width:.55px;stroke-linejoin:round}.loop-node-ring{fill:none;stroke-width:1px}.loop-node[data-side=energy]{--node:var(--loop-energy-node)}.loop-node[data-side=tech]{--node:var(--loop-tech-node)}.loop-node-ring{stroke:var(--node)}.loop-node-dot{fill:var(--node)}.loop-node-glow{fill:var(--node);opacity:.12}.loop-node[data-hot] .loop-node-ring{stroke-width:1.8px}.loop-node-lit{fill:none;stroke:#fff;stroke-width:1.2px}.loop-comet{visibility:hidden}.loop-tail{fill:none;stroke-linecap:butt;stroke-linejoin:round}.loop-tail--halo{stroke-width:3.4px;stroke-opacity:.12}.loop-streams{pointer-events:none}.loop-stream-line{fill:none;stroke-width:calc(var(--px,.6) * .65px);opacity:.5}.loop-tip{opacity:.26}.loop-stream-head{fill:none;stroke-width:calc(var(--px,.6) * 1.4px);stroke-linecap:round;stroke-dasharray:.035 2;stroke-dashoffset:.035px;opacity:0}[data-side=energy]>.loop-stream-head{stroke:var(--loop-energy-hot)}[data-side=tech]>.loop-stream-head{stroke:var(--loop-tech-hot)}.loop-particles,.loop-drifters{pointer-events:none}.loop-drift-core{fill:color-mix(in srgb, currentColor 30%, #fff)}.loop-drift-tail{fill:none;stroke:currentColor;stroke-linecap:round;stroke-opacity:.35}.loop-drift-glow{mix-blend-mode:screen}.loop-particle-core{fill:#eafffb}[data-particle=tech] .loop-particle-core{fill:#eef7ff}@media (width<=640px){.loop-streams [data-extra]{visibility:hidden}}@media (prefers-reduced-motion:reduce){.loop-particles,.loop-drifters,.loop-comet{display:none}}.loop-nav{display:contents}.loop-links{pointer-events:none;position:absolute;inset:0}.loop-links a{pointer-events:auto;-webkit-tap-highlight-color:transparent;text-decoration:none}[data-side=energy]{--side:var(--loop-energy-hot)}[data-side=tech]{--side:var(--loop-tech-hot)}.loop-label{--mix:calc(max(var(--lit,0), var(--hot,0)));left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);white-space:nowrap;color:color-mix(in srgb, var(--side) calc(var(--mix) * 100%), #fff);text-shadow:0 0 calc(var(--mix) * 12px) var(--side);padding:.3em .55em;position:absolute;transform:translate(-50%,-50%)}.loop-label[data-hot]{--hot:1}.loop-leader[data-hot]{stroke:var(--side)}@media (prefers-reduced-motion:no-preference){.loop-label{opacity:0;transition:opacity .4s,color .2s,text-shadow .2s}.loop-label:is([data-on],[data-hot]){opacity:1;transition:opacity .5s .1s,color .2s,text-shadow .2s}.loop-label[data-hot]{transition-delay:0s,0s,0s}.loop-leader{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .4s,stroke .2s}.loop-leader:is([data-on],[data-hot]){stroke-dashoffset:0;transition:stroke-dashoffset .6s ease-out,stroke .2s}.loop-leader[data-hot]{transition-duration:.25s,.2s}}.loop-node-hit{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);aspect-ratio:1;pointer-events:auto;cursor:pointer;border-radius:50%;width:28px;position:absolute;transform:translate(-50%,-50%)}.loop-links a.loop-node-hit:focus-visible{outline:2px solid var(--side,#fff);outline-offset:0;border-radius:50%}.loop-label,.loop-leaders{pointer-events:none}@media (width<=860px){.loop-dots,.loop-node-hit{display:none}}.loop-label__text{color:inherit;font-size:clamp(var(--text-2xs), .93cqw, var(--text-xl,1.25rem));font-weight:550;line-height:1.2;display:block}.loop-lobe{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);padding:.5em .9em;position:absolute;transform:translate(-50%,-50%)}.loop-lobe[data-side=energy]{color:#9cddcb}.loop-lobe[data-side=tech]{color:#a8bfd6}.loop-lobe:is(:hover,:focus-visible){color:var(--side)}.loop-lobe__text{color:inherit;font-size:clamp(var(--text-2xs), 1.02cqw, var(--text-xl,1.25rem));letter-spacing:.3em;margin-right:-.3em;display:block}.loop-hub-link{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:max(44px, calc(var(--d) * 1%));aspect-ratio:1;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.loop-links a:focus-visible{outline:2px solid var(--side,#fff);outline-offset:3px;border-radius:3px}.loop-links a.loop-hub-link:focus-visible{border-radius:50%;outline-color:#fff}@supports selector(:has(*)){.loop-links a.loop-hub-link:focus-visible{outline:none}.loop-stage:has(.loop-hub-link:focus-visible) .loop-hub-glass{outline-offset:4px;outline:2px solid #fff}}.loop-legend{display:none}@media (width<=860px){.loop-nav,.loop-label,.loop-lobe,.loop-leaders{display:none}.loop-legend{gap:16px;width:100%;max-width:560px;display:grid}.loop-legend__group{justify-items:center;gap:8px;display:grid}.loop-legend__group>ul{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.loop-legend__title{color:var(--side)}.loop-legend__title a{color:inherit;text-decoration:none}.loop-chip>svg{color:var(--side)}}.splash-loop{--draw-delay:1s;--draw-dur:1.9s;--strand-start:.95s;--strand-spread:.45s;--strand-dur:1.05s;--labels-out:3.8s;--out-step:30ms}@media (prefers-reduced-motion:no-preference){.splash-loop[data-phase=pre] .loop-head>*{animation:0s linear 4.6s forwards loop-release-rise}.splash-loop[data-phase=pre] :is(.loop-legend,.loop-lobe,.loop-links a,.loop-node,.loop-hub,.loop-hub-glass,.loop-hub-pulse,.loop-tip){animation:0s linear 4.6s forwards loop-release}.splash-loop[data-phase=pre] .loop-body{animation:0s linear 4.6s forwards loop-release-mask}.splash-loop[data-phase=pre] .loop-stream-line{animation:0s linear 4.6s forwards loop-release-dash}.splash-sky[data-phase=pre] .splash-sky__lights{animation:0s linear 4.6s forwards loop-release}}@keyframes loop-release{to{opacity:1}}@keyframes loop-release-rise{to{opacity:1;transform:none}}@keyframes loop-release-mask{to{-webkit-mask:none;mask:none}}@keyframes loop-release-dash{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:no-preference){.splash-loop[data-phase=pre] .loop-head>*{opacity:0;transform:translateY(18px)}.splash-loop[data-phase=playing] .loop-title{animation:.9s cubic-bezier(.2,.7,.2,1) .15s both loop-rise}.splash-loop[data-phase=playing] .loop-sub{animation:.9s cubic-bezier(.2,.7,.2,1) .5s both loop-rise}.splash-loop[data-phase=pre] :is(.loop-legend,.loop-lobe,.loop-links a){opacity:0}.splash-loop[data-phase=playing] :is(.loop-legend,.loop-lobe){animation:.9s ease-out 1.8s both loop-fade}.splash-loop[data-phase=pre] .loop-body,.splash-loop[data-phase=playing] .loop-body{-webkit-mask:url(#loop-draw);mask:url(#loop-draw)}.loop-draw{fill:none;stroke:#fff;stroke-width:18px;stroke-dasharray:1;stroke-dashoffset:1px}.splash-loop[data-phase=playing] .loop-draw{animation:loop-draw var(--draw-dur) linear var(--draw-delay) both}.splash-loop[data-phase=pre] :is(.loop-node,.loop-hub,.loop-hub-glass,.loop-hub-pulse,.loop-tip){opacity:0}.splash-loop[data-phase=playing] .loop-node{transform-box:fill-box;transform-origin:50%;animation:loop-pop .55s cubic-bezier(.2, 1.5, .4, 1) calc(var(--draw-delay) + var(--f) * var(--draw-dur) - 80ms) both}.splash-loop[data-phase=playing] .loop-leader{animation:loop-strand-grow .6s ease-out calc(var(--draw-delay) + var(--f) * var(--draw-dur)) both, loop-leader-out .35s ease-in calc(var(--labels-out) + var(--g) * var(--out-step)) forwards}.splash-loop[data-phase=playing] .loop-label{animation:loop-label-in .5s ease-out calc(var(--draw-delay) + var(--f) * var(--draw-dur) + .12s) both, loop-label-out .35s ease-in calc(var(--labels-out) + var(--g) * var(--out-step)) forwards}.splash-loop[data-phase=playing] .loop-hub{transform-box:fill-box}.splash-loop[data-phase=playing] :is(.loop-hub,.loop-hub-glass){transform-origin:50%;animation:.9s cubic-bezier(.2,1.3,.4,1) .55s backwards loop-ignite}.splash-loop[data-phase=playing] .loop-hub-pulse{transform-box:fill-box;transform-origin:50%;animation:1.3s ease-out .7s both loop-ring}.splash-loop[data-phase=pre] .loop-stream-line{stroke-dasharray:1;stroke-dashoffset:1px}.splash-loop[data-phase=playing] .loop-stream-line{stroke-dasharray:1;animation:loop-strand-grow var(--strand-dur) cubic-bezier(.2, .65, .25, 1) calc(var(--strand-start) + var(--s) * var(--strand-spread)) both}.splash-loop[data-phase=playing] .loop-stream-head{animation:loop-strand-head var(--strand-dur) cubic-bezier(.2, .65, .25, 1) calc(var(--strand-start) + var(--s) * var(--strand-spread)) both, loop-strand-head-fade var(--strand-dur) linear calc(var(--strand-start) + var(--s) * var(--strand-spread)) both}.splash-loop[data-phase=playing] .loop-tip{transform-box:fill-box;transform-origin:50%;animation:loop-tip-pulse 1.3s ease-out calc(var(--strand-start) + var(--strand-dur) - 50ms) both}.splash-loop[data-phase=playing] .loop-comet{visibility:hidden}}@keyframes loop-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes loop-label-in{0%{opacity:0}to{opacity:1}}@keyframes loop-label-out{to{opacity:0}}@keyframes loop-leader-out{to{stroke-dashoffset:1px}}@keyframes loop-strand-grow{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes loop-strand-head{0%{stroke-dashoffset:.035px}to{stroke-dashoffset:-.965px}}@keyframes loop-strand-head-fade{0%{opacity:0}10%,80%{opacity:.95}to{opacity:0}}@keyframes loop-tip-pulse{0%{opacity:0;scale:.6}35%{opacity:.9;scale:1.2}to{opacity:.26;scale:1}}@keyframes loop-draw{to{stroke-dashoffset:0}}@keyframes loop-pop{0%{opacity:0;transform:scale(.25)}}@keyframes loop-ignite{0%{opacity:0;transform:scale(.4)}}@keyframes loop-ring{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.loop-hub-pulse{fill:none;stroke:#fff;stroke-width:2px;opacity:0}.loop-hub-wave,.loop-hub-halo{transform-box:fill-box;transform-origin:50%}.loop-hub-glass{--glass-thin-blur:saturate(1.8) blur(8px);--glass-border:transparent;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--d) * 1%);aspect-ratio:1;pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;translate:-50% -50%}.loop-hub-glass:after{content:"";background:linear-gradient(90deg, var(--loop-energy-hot), var(--loop-tech-hot));-webkit-mask-composite:xor;filter:drop-shadow(0 0 3px var(--loop-tech-hot));opacity:.55;pointer-events:none;border-radius:50%;padding:1.25px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.loop-stage:has(.loop-hub[data-hot]) .loop-hub-glass:after{opacity:1}@media (prefers-reduced-motion:no-preference){.loop-hub-glass[data-pulse]:after{animation:hub-border var(--beat) ease-out}}@keyframes hub-border{30%{opacity:calc(.55 + .45 * var(--amp))}}.loop-hub-mark{width:calc(var(--m) * 1%);aspect-ratio:1;-webkit-user-select:none;user-select:none;display:block}@media (forced-colors:active) and (prefers-color-scheme:light){.loop-hub-mark{filter:invert()}}.loop-hub-wave{fill:none;stroke:#fff;stroke-width:1.2px;opacity:0}:is(.loop-hub,.loop-hub-glass)[data-pulse=intro]{--amp:1;--beat:.85s}:is(.loop-hub,.loop-hub-glass)[data-pulse=pass]{--amp:.4;--beat:.9s}.loop-hub-glass[data-pulse] .loop-hub-mark{animation:hub-mark var(--beat) ease-out}.loop-hub[data-pulse] .loop-hub-halo{animation:hub-halo var(--beat) ease-out}.loop-hub[data-pulse] .loop-hub-wave{animation:hub-wave calc(var(--beat) + .15s) ease-out}@keyframes hub-mark{35%{scale:calc(1 + .08 * var(--amp));filter:brightness(calc(1 + .6 * var(--amp))) drop-shadow(0 0 calc(7px * var(--amp)) #ffffffd9)}}@keyframes hub-halo{30%{opacity:calc(.5 + .5 * var(--amp));scale:calc(1 + .5 * var(--amp))}}@keyframes hub-wave{0%{opacity:calc(.25 + .55 * var(--amp));scale:1}to{opacity:0;scale:calc(1.6 + 1.6 * var(--amp))}}