.lp{--lp-canvas:10 11 13;--lp-raised:17 19 23;--lp-inset:25 28 33;--lp-ink:236 237 239;--lp-ink-2:169 174 182;--lp-ink-3:138 144 153;--lp-hair:38 42 49;--lp-hair-strong:90 97 108;--lp-signal:79 227 193;--lp-on-signal:10 11 13;--lp-glow:79 227 193;--lp-glow-a:0.1;--lp-glow-b:0.05;--lp-grain:0.07;--lp-plate:255 255 255;--lp-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--lp-ease:cubic-bezier(0.2,0.7,0.2,1);color-scheme:dark;position:relative;isolation:isolate;min-height:100vh;background:rgb(var(--lp-canvas));color:rgb(var(--lp-ink));font-family:var(--font-mona),ui-sans-serif,system-ui,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.light .lp{--lp-canvas:242 243 240;--lp-raised:255 255 255;--lp-inset:230 232 227;--lp-ink:12 13 15;--lp-ink-2:69 74 82;--lp-ink-3:90 96 105;--lp-hair:214 217 210;--lp-hair-strong:127 133 142;--lp-signal:0 107 94;--lp-on-signal:255 255 255;--lp-glow:0 150 128;--lp-glow-a:0.1;--lp-glow-b:0.06;--lp-grain:0.05;color-scheme:light}html:has(.lp){background:#0a0b0d;scrollbar-color:#2e333b transparent}html.light:has(.lp){background:#f2f3f0;scrollbar-color:#c9ccc5 transparent}html:has(.lp) body{background:transparent}.lp ::selection{background:rgb(var(--lp-signal)/.3);color:rgb(var(--lp-ink))}.lp :focus-visible{outline:2px solid rgb(var(--lp-signal));outline-offset:3px;border-radius:6px}.lp section[id]{scroll-margin-top:4.5rem}.lp-tag{font-family:var(--lp-mono);font-size:clamp(.78125rem,.7708rem + .0463vw,.8125rem);line-height:1.35;letter-spacing:.06em;text-transform:uppercase}.lp-skip{position:fixed;left:1rem;top:-6rem;z-index:100;padding:.7rem 1.1rem;border-radius:8px;background:rgb(var(--lp-signal));color:rgb(var(--lp-on-signal));font-weight:650}.lp-skip:focus{top:1rem}.lp-wrap{margin-inline:auto;max-width:1320px;padding-inline:1.25rem}@media (min-width:768px){.lp-wrap{padding-inline:2rem}}.lp-field{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.lp-field:after,.lp-field:before{content:"";position:absolute;width:72vmax;height:72vmax;border-radius:50%;will-change:transform}.lp-field:before{top:-34vmax;right:-22vmax;background:radial-gradient(closest-side,rgb(var(--lp-glow)/var(--lp-glow-a)),transparent);animation:lp-drift-a 38s var(--lp-ease) infinite alternate}.lp-field:after{bottom:-40vmax;left:-28vmax;background:radial-gradient(closest-side,rgb(var(--lp-glow)/var(--lp-glow-b)),transparent);animation:lp-drift-b 47s var(--lp-ease) infinite alternate}.lp-grain{position:absolute;inset:0;opacity:var(--lp-grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes lp-drift-a{to{transform:translate3d(-9vmax,7vmax,0) scale(1.08)}}@keyframes lp-drift-b{to{transform:translate3d(10vmax,-6vmax,0) scale(.94)}}.lp-hero-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,rgb(var(--lp-ink)/.05) 1px,transparent 1px),linear-gradient(to bottom,rgb(var(--lp-ink)/.05) 1px,transparent 1px);background-size:64px 64px;background-position:-1px -1px;-webkit-mask-image:radial-gradient(70% 80% at 78% 38%,#000 0,transparent 72%);mask-image:radial-gradient(70% 80% at 78% 38%,#000 0,transparent 72%)}.lp-mast{background:rgb(var(--lp-canvas)/.72);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgb(var(--lp-hair))}.lp-mast nav a[aria-current]{color:rgb(var(--lp-ink));text-decoration:underline;text-decoration-color:rgb(var(--lp-signal));text-decoration-thickness:2px;text-underline-offset:.55em}.lp-progress{display:none;position:absolute;left:0;right:0;bottom:-1px;height:1px;background:rgb(var(--lp-signal));transform-origin:left}.lp .when-light{display:none}.light .lp .when-light{display:inline}.light .lp .when-dark{display:none}.lp-name{font-weight:790;text-wrap:balance}.lp-portrait{box-shadow:0 0 0 1px rgb(var(--lp-hair-strong)),0 0 0 5px rgb(var(--lp-canvas)),0 0 0 6px rgb(var(--lp-signal)/.55)}.lp-btn{display:inline-flex;align-items:center;gap:.6rem;min-height:3rem;padding:0 1.3rem;border-radius:999px;background:rgb(var(--lp-signal));color:rgb(var(--lp-on-signal));font-weight:650;letter-spacing:-.005em;transition:transform .2s var(--lp-ease),box-shadow .2s var(--lp-ease)}.lp-btn:hover{transform:translateY(-1px);box-shadow:0 12px 32px -12px rgb(var(--lp-signal)/.7)}.lp-link{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;color:rgb(var(--lp-ink));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.32em;text-decoration-color:rgb(var(--lp-hair-strong));transition:text-decoration-color .2s}.lp-link:hover{text-decoration-color:rgb(var(--lp-signal))}.lp-link--quiet{color:rgb(var(--lp-ink-2));font-weight:500}.lp-arrow{display:inline-block;transition:transform .2s var(--lp-ease)}.lp-card:hover .lp-arrow,.lp-link:hover .lp-arrow,.lp-row:hover .lp-arrow{transform:translate(2px,-2px)}.lp-link:hover .lp-arrow--down{transform:translateY(2px)}.lp-record>li{position:relative}.lp-record>li:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:repeating-linear-gradient(to right,rgb(var(--lp-hair-strong)/.9) 0 1px,transparent 1px 12px);-webkit-mask-image:linear-gradient(90deg,#000,transparent 70%);mask-image:linear-gradient(90deg,#000,transparent 70%)}.lp-instrument{position:relative;border:1px solid rgb(var(--lp-hair));border-radius:20px;background:radial-gradient(120% 80% at 30% 0,rgb(var(--lp-glow)/.07),transparent 60%),linear-gradient(180deg,rgb(var(--lp-raised)),rgb(var(--lp-raised)/.6));box-shadow:0 40px 80px -40px rgb(0 0 0/.55)}.light .lp .lp-instrument{box-shadow:0 40px 80px -48px rgb(20 30 30/.28)}.kf-box{position:relative;aspect-ratio:5/4}.kf-box>canvas,.kf-box>svg{position:absolute;inset:0;width:100%;height:100%}[data-live] .kf-box>svg{visibility:hidden}.kf-axis,.kf-col,.kf-drop,.kf-floor,.kf-glow,.kf-knee,.kf-row{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.kf-row{stroke:rgb(var(--lp-ink-2));stroke-width:1}.kf-row--front{stroke:rgb(var(--lp-ink));stroke-width:2}.kf-col{stroke:rgb(var(--lp-ink-3));stroke-width:1;stroke-opacity:.32}.kf-axis{stroke:rgb(var(--lp-ink-2));stroke-width:1.25}.kf-floor{stroke:rgb(var(--lp-hair-strong));stroke-width:1;stroke-dasharray:3 6}.kf-drop{stroke:rgb(var(--lp-signal));stroke-width:1;stroke-dasharray:2 5}.kf-knee{stroke:rgb(var(--lp-signal));stroke-width:2.5}.kf-glow{stroke:rgb(var(--lp-signal));stroke-width:12;stroke-opacity:.16}.kf-dot{fill:rgb(var(--lp-signal))}.kf-ring{fill:none;stroke:rgb(var(--lp-signal));stroke-opacity:.45;vector-effect:non-scaling-stroke}.kf-label{position:absolute;translate:-50% -100%;white-space:nowrap;pointer-events:none;color:rgb(var(--lp-ink-3))}.kf-label--knee{translate:14px 10px;color:rgb(var(--lp-signal))}.kf-label--spend{translate:-100% 10px}.kf-label--value{translate:8px -40%}.lp-index{font-weight:220;font-size:clamp(4.5rem,2.8rem + 6.5vw,9.5rem);line-height:.78;letter-spacing:-.05em;color:rgb(var(--lp-hair-strong));font-variant-numeric:tabular-nums;user-select:none}.lp-card{position:relative;border:1px solid rgb(var(--lp-hair));border-radius:16px;background:rgb(var(--lp-raised))}.lp-stretch:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit}.lp-stretch:focus-visible{outline:none}.lp-stretch:focus-visible:after{outline:2px solid rgb(var(--lp-signal));outline-offset:3px}@property --spot{syntax:"<number>";inherits:true;initial-value:0}[data-spot]{--spot:0;isolation:isolate;transition:--spot .35s var(--lp-ease)}[data-spot]:hover{--spot:1}[data-spot]:before{inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,20%),rgb(var(--lp-signal)/calc(var(--spot) * .1)),transparent 65%)}@property --arc{syntax:"<angle>";inherits:false;initial-value:0deg}@property --arc-a{syntax:"<number>";inherits:false;initial-value:0}.lp-live:after,[data-spot]:before{content:"";position:absolute;border-radius:inherit;pointer-events:none}.lp-live:after{inset:-1px;z-index:3;padding:1px;background:conic-gradient(from var(--arc),transparent 0 58%,rgb(var(--lp-signal)/var(--arc-a)) 78%,transparent 94%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:lp-arc 4.5s linear infinite paused;transition:--arc-a .3s}.lp-live:focus-within:after,.lp-live:hover:after{--arc-a:1;animation-play-state:running}@keyframes lp-arc{to{--arc:360deg}}[data-tilt]{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--lp-ease)}[data-tilt]:hover{transition-duration:.15s}.lp-plate{background:rgb(var(--lp-plate));border:1px solid rgb(var(--lp-hair));border-radius:12px;overflow:hidden}.lp-shot{border:1px solid rgb(var(--lp-hair));border-radius:10px;overflow:hidden;background:rgb(var(--lp-inset))}.lp-row{position:relative;border-radius:12px}.lp-timeline{position:relative;height:44px;border-bottom:1px solid rgb(var(--lp-hair-strong))}.lp-timeline .tick{position:absolute;bottom:-1px;width:1px;height:10px;background:rgb(var(--lp-hair-strong))}.lp-timeline .pip{position:absolute;bottom:-5px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:rgb(var(--lp-canvas));border:2px solid rgb(var(--lp-signal))}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.lp-rise{animation:lp-rise linear both;animation-timeline:view();animation-range:entry 0 entry 80%}.lp-tilt-in{animation:lp-tilt-in linear both;animation-timeline:view();animation-range:entry 0 cover 40%}.lp-draw{transform-origin:left;animation:lp-draw linear both;animation-timeline:view();animation-range:entry 10% cover 35%}}@supports (animation-timeline:scroll()){.lp-progress{display:block;animation:lp-grow linear both;animation-timeline:scroll(root)}}}@keyframes lp-rise{0%{transform:translateY(32px)}}@keyframes lp-tilt-in{0%{transform:perspective(1200px) rotateX(16deg) translateY(40px) scale(.97)}}@keyframes lp-draw{0%{transform:scaleX(0)}}@keyframes lp-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}@media (prefers-reduced-motion:reduce){.lp *,.lp :after,.lp :before,.lp-field:after,.lp-field:before{animation:none!important;transition-duration:0s!important}.lp [data-tilt]{transform:none!important}}