.lp{--lp-navy:var(--primary);--lp-yellow:var(--highlight);--lp-ease:cubic-bezier(.22, 1, .36, 1);background:oklch(100% 0 0);overflow-x:clip}.dark .lp{background:var(--background)}.lp-grid{background-image:linear-gradient(to right, color-mix(in oklab, var(--lp-navy) 7%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--lp-navy) 7%, transparent) 1px, transparent 1px);pointer-events:none;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 75%)}.lp-orb{filter:blur(70px);opacity:.55;pointer-events:none;border-radius:9999px;animation:14s ease-in-out infinite alternate lp-float;position:absolute}.lp-orb--navy{background:color-mix(in oklab, var(--lp-navy) 55%, transparent)}.lp-orb--yellow{background:color-mix(in oklab, var(--lp-yellow) 70%, transparent);animation-duration:18s;animation-delay:-6s}@keyframes lp-float{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.08)}to{transform:translate(-30px,20px)scale(.95)}}.lp-split{display:inline}.lp-word-mask{vertical-align:top;margin-block:-.06em -.14em;padding-block:.06em .14em;display:inline-block;overflow:hidden}.lp-word{transform-origin:0 100%;animation:lp-word-in 1.1s var(--lp-ease) both;animation-delay:calc(.12s + var(--i) * 70ms);display:inline-block}@keyframes lp-word-in{0%{filter:blur(6px);opacity:0;transform:translateY(115%)rotate(7deg)}to{filter:none;opacity:1;transform:none}}.lp-accent{white-space:nowrap;color:var(--lp-navy);position:relative}.lp-accent svg{inset-inline:-2%;width:104%;height:.42em;position:absolute;bottom:-.18em;overflow:visible}.lp-accent path{fill:none;stroke:var(--lp-yellow);stroke-width:9px;stroke-linecap:round;stroke-dasharray:520;stroke-dashoffset:520px;animation:lp-draw 1.2s 1.1s var(--lp-ease) forwards}@keyframes lp-draw{to{stroke-dashoffset:0}}.lp-shatter-text{display:inline}.lp-shatter-word{white-space:nowrap;display:inline-block}.lp-char{transition:transform .7s var(--lp-ease), color .4s;animation:lp-assemble 1.3s var(--lp-ease) backwards;animation-delay:calc(var(--i) * 25ms);display:inline-block}@supports (animation-timeline:view()){.lp-shatter-text--scroll .lp-char{animation-delay:0s;animation-timeline:view();animation-range:entry 10% cover 35%}}@keyframes lp-assemble{0%{transform:translate(var(--dx), var(--dy)) rotate(var(--r)) scale(.6);opacity:0;filter:blur(4px)}to{opacity:1;filter:none;transform:none}}.lp-shatter-text:hover .lp-char{transform:translate(calc(var(--dx) * .18), calc(var(--dy) * .18)) rotate(calc(var(--r) * .4))}.lp-shatter-text:hover .lp-char:nth-child(3n){color:var(--lp-yellow)}.lp-shards{perspective:1400px;position:relative}.lp-shards-inner{transform-style:preserve-3d;transform:rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:transform .6s var(--lp-ease);position:relative}.lp-shard{animation:lp-shard-in 1.6s var(--lp-ease) backwards;animation-delay:calc(.35s + var(--i) * 90ms);transition:transform .6s var(--lp-ease);position:absolute;inset:0}.lp-shard-base{animation:.4s ease-out 2s backwards lp-base-in;position:relative}@keyframes lp-base-in{0%{opacity:0}}@keyframes lp-shard-in{0%{transform:translate3d(var(--sx), var(--sy), 0) rotate(var(--sr)) scale(.92);opacity:0}60%{opacity:1}to{opacity:1;transform:none}}.lp-shards:hover .lp-shard{transform:translate3d(calc(var(--sx) * .035), calc(var(--sy) * .035), 0)}.lp-float-note{animation:lp-note-in .9s var(--lp-ease) both, lp-bob 6s ease-in-out infinite alternate;animation-delay:calc(1.3s + var(--i) * .25s), calc(2.2s + var(--i) * .4s)}@keyframes lp-note-in{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:none}}@keyframes lp-bob{0%{translate:0}to{translate:0 -10px}}.lp-shine{isolation:isolate;position:relative;overflow:hidden}.lp-shine:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:40%;animation:4.5s ease-in-out 2s infinite lp-shine;position:absolute;inset:-20% auto -20% -60%;transform:skew(-20deg)}@keyframes lp-shine{0%,60%{left:-60%}to{left:130%}}.lp-marquee{direction:ltr;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.lp-marquee-track{width:max-content;animation:38s linear infinite lp-marquee;display:flex}.lp-marquee:hover .lp-marquee-track{animation-play-state:paused}@keyframes lp-marquee{to{transform:translate(-50%)}}@supports (animation-timeline:view()){.lp-reveal{animation:linear both lp-rise;animation-timeline:view();animation-range:entry 5% cover 28%}.lp-line-draw{animation:linear both lp-scale-x;animation-timeline:view();animation-range:entry 20% cover 45%}}@keyframes lp-rise{0%{opacity:0;filter:blur(6px);transform:translateY(48px)scale(.97)}to{opacity:1;filter:none;transform:none}}@keyframes lp-scale-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lp-line-draw{transform-origin:100%}[dir=ltr] .lp-line-draw{transform-origin:0}.lp-spot{transition:transform .5s var(--lp-ease), box-shadow .5s var(--lp-ease), border-color .5s;position:relative;overflow:hidden}.lp-spot:before{content:"";background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), color-mix(in oklab, var(--lp-yellow) 22%, transparent), transparent 45%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.lp-spot:hover{border-color:color-mix(in oklab, var(--lp-navy) 35%, var(--border));box-shadow:0 24px 60px -24px color-mix(in oklab, var(--lp-navy) 35%, transparent);transform:translateY(-4px)}.lp-spot:hover:before{opacity:1}.lp-streaks{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lp-streaks span{background:linear-gradient(90deg, transparent, var(--lp-yellow), transparent);opacity:.7;width:40%;height:1px;animation:7s linear infinite lp-streak;animation-delay:calc(var(--i) * -1.7s);top:calc(12% + var(--i) * 19%);position:absolute}@keyframes lp-streak{0%{transform:translate(-120%)}to{transform:translate(320%)}}@media (prefers-reduced-motion:reduce){.lp *,.lp :before,.lp :after{transition:none!important;animation:none!important}.lp-accent path{stroke-dashoffset:0}.lp-shards-inner{transform:none!important}}.lp-fade-up{animation:lp-note-in .9s var(--lp-ease) backwards;animation-delay:calc(.9s + var(--i,0) * .12s)}@media (prefers-reduced-motion:reduce){.lp-fade-up{animation:none!important}}.lp-shard-base{transition:opacity .3s}.lp-shards:hover .lp-shard-base{opacity:0}
