*,:after,:before{box-sizing:border-box}:root{--color-text:#fff;--color-bg:#4732ab;--color-link:#fff;--color-link-hover:#fff;--page-padding:1.5rem 2rem;font-size:16px}body{color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-text:#ddc4a4;--color-bg:#0e0e0e;--color-link:#ede3e3;--color-link-hover:#d68521;background:radial-gradient(at bottom,#1b2735,#090a0f);margin:0;font-family:area-normal,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow-x:hidden}.demo-1{background-image:linear-gradient(#0b0bef 0%,#3508e7 10%,#4a08e2 20%,#5c08e2 30%,#650adb 40%,#6f0ed8 50%,#7318c3 60%,#7220ac 70%,#6c2697 80%,#af1dbf 90%,#501cca 100%)}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{width:100%;height:100%;background:var(--color-bg);top:0;left:0}.js .loading:after{width:60px;height:60px;opacity:.4;background:var(--color-link);border-radius:50%;margin:-30px 0 0 -30px;animation:.7s linear infinite alternate forwards loaderAnim;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{color:var(--color-link);cursor:pointer;outline:none;text-decoration:none}a:hover{color:var(--color-link-hover);outline:none}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus-visible{background:0 0;outline:2px solid red}.unbutton{font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.unbutton:focus{outline:none}main{counter-reset:section}.splitting .word{white-space:nowrap}.frame{color:var(--color-title);padding:var(--page-padding);grid-gap:.5rem;grid-template:"title""prev""demos""sponsor"/1fr;justify-content:start;place-items:start end;margin-bottom:3rem;font-size:14px;font-weight:600;display:grid}.frame a:not(.frame__title-back),.line{white-space:nowrap;position:relative;overflow:hidden}.frame a:not(.frame__title-back):before,.line:before{content:"";height:1px;width:100%;transform-origin:0%;background:currentColor;transition:transform .3s;position:absolute;top:90%}.frame a:not(.frame__title-back):hover:before,.line:hover:before{transform-origin:100%;transform:scaleX(0)}.frame__title{grid-area:title;align-items:center;display:flex}.frame__title-main{margin:0;font-size:1rem;font-weight:400}.frame__title-back{align-items:flex-end;display:flex;position:relative}.frame__title-back svg{fill:currentColor}.frame__prev{grid-area:prev;align-self:start}.frame__demos{gap:1rem;display:flex}.frame__demos span{opacity:.7}.intro{height:100vh;text-align:center;place-items:center;display:grid}.intro__title{place-items:center;margin:0;font-weight:300;line-height:.9;display:grid}.intro__title-pre{text-transform:uppercase;font-family:Helvetica;font-size:clamp(2rem,10vw,6rem)}.intro__title-sub{font-size:clamp(1rem,6vw,2.75rem)}.intro__info{max-width:20ch;opacity:.6;padding-bottom:1rem;font-size:14px;font-weight:600;line-height:1.2;position:relative}.intro__info:after{content:"";width:1px;height:2rem;background:#fff;position:absolute;top:100%;left:50%}.content{width:100vw;padding:var(--page-padding);flex-direction:column;display:flex;position:relative}.content:last-child{padding-bottom:40vh}.content--full{padding:0}.content p{max-width:660px;margin:1.5rem auto;font-size:1.25rem;font-weight:600;line-height:1.5}.content--highlight p{font-size:clamp(1rem,3vw,2rem)}.content__title{counter-increment:section;text-align:center;gap:2rem;font-size:12vw;line-height:.8;display:grid}.content__title--left{text-align:left}.content__title--right{text-align:right}.content__title:before{text-align:center;margin-bottom:10vh;font-family:area-normal,sans-serif;font-size:1rem;font-weight:400;display:block}.content__title--sides{text-align:left;grid-template-rows:auto auto;grid-template-columns:100%;gap:2rem;display:grid}.content__title--sides span:last-child{justify-self:end}.font-1{font-family:wayfinder-cf,serif;font-weight:100}.font-2{font-family:campaign-serif,sans-serif;font-weight:400}.font-3{font-family:area-normal,sans-serif;font-weight:600}.font-4{font-family:campaign-serif,sans-serif;font-style:italic;font-weight:400}.font-5{text-transform:uppercase;font-family:zedou,sans-serif;font-weight:300}.font-6{font-family:afronaut,sans-serif;font-weight:400}.font-7{font-family:hoss-round-wide,sans-serif;font-weight:400}.font-8{text-transform:lowercase;font-family:monotalic,sans-serif;font-weight:400}.font-9{font-family:aziga,sans-serif;font-weight:400}.font-10{font-family:norman-stencil,sans-serif;font-weight:800}.font-11{font-family:neighbor,sans-serif;font-weight:400}.font-12{font-family:halogen,sans-serif;font-weight:700}.font-13{font-weight:initial;font-variation-settings:"wght" 400;font-family:marlide-display-variable,sans-serif}.font-14{font-weight:initial;font-variation-settings:"STYL" 0;font-family:june-expt-variable,sans-serif}.font-15{font-weight:initial;font-variation-settings:"STYL" 100;font-family:june-expt-variable,sans-serif}.font-16{font-weight:initial;font-variation-settings:"slnt" 0;font-family:inge-variable,sans-serif}.font-17{font-weight:initial;font-variation-settings:"wght" 450,"wdth" 80;font-family:antipoda-variable,sans-serif}.font-18{font-weight:initial;font-variation-settings:"slnt" 0,"wght" 100,"wdth" 100;font-family:vinila-variable,sans-serif}.font-19{font-weight:initial;font-variation-settings:"slnt" 0,"wght" 610;font-family:nagel-variable,sans-serif}.font-20{font-weight:initial;font-variation-settings:"wght" 400;font-family:borax-variable,sans-serif}.font-21{font-family:gigantic,sans-serif;font-style:normal;font-weight:900}.font-22{font-family:capsule,sans-serif;font-style:normal;font-weight:400}.font-23{font-variation-settings:"opsz" 1000,"wght" 300;font-family:arsenica-variable,sans-serif}.font-height{line-height:1.4}.font-height-medium{line-height:.9}.font-medium{margin-top:3rem;font-size:6vw}.font-larger{font-size:27vw}.font-upper{text-transform:uppercase}.font-sub{margin-top:2rem;font-size:5vw;display:block}.splitting .font-sub .word{grid-auto-flow:column;display:grid}.char-wrap{display:inline-block;position:relative;overflow:hidden}@media screen and (min-width:53em){.frame{grid-gap:2rem;grid-template:"title prev demos sponsor"/auto auto 1fr auto;justify-items:start}.frame__demos{justify-self:end}}.lamp{height:100%;width:100vw;min-width:100vw;z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lava{filter:url(#goo);height:100%;width:100%;position:absolute;top:0;left:0}.blob{background-image:linear-gradient(#0b0bef 0%,#3508e7 10%,#4a08e2 20%,#5c08e2 30%,#650adb 40%,#6f0ed8 50%,#7318c3 60%,#7220ac 70%,#6c2697 80%,#af1dbf 90%,#501cca 100%);border-radius:50%;position:absolute}.blob.top{width:100%;height:4%;border-radius:50%;top:-3%;left:0}.blob.bottom{width:100%;height:4%;border-radius:50%;bottom:-3%;left:0}.blob:nth-child(1){width:200px;height:200px;animation:14s ease-in-out infinite alternate wobble,13s ease-in-out infinite blob-one;bottom:-15%;left:35%}.blob:nth-child(2){width:330px;height:330px;animation:15s ease-in-out infinite alternate wobble,22s ease-in-out infinite blob-two;bottom:-65%;right:24%}.blob:nth-child(3){width:150px;height:150px;animation:16s ease-in-out infinite alternate wobble,16s ease-in-out infinite blob-three;bottom:-105%;left:34%}.blob:nth-child(4){width:235px;height:235px;width:235px;height:235px;animation:18s ease-in-out infinite alternate wobble,12s ease-in-out infinite blob-four;bottom:-209%;left:30%}.blob:nth-child(5){width:55px;height:55px;animation:19s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-five;bottom:-445%;left:34%}.blob:nth-child(6){width:35px;height:35px;animation:10s ease-in-out infinite alternate wobble,12s ease-in-out infinite blob-six;bottom:-525%;right:34%}.blob:nth-child(8){width:435px;height:435px;animation:15s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-seven;bottom:-685%;right:40%}.blob:nth-child(9){width:435px;height:435px;animation:18s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-seven;bottom:-785%;right:40%}.blob:nth-child(10){width:35px;height:35px;animation:17s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-seven;bottom:-885%;right:40%}.blob:nth-child(11){width:35px;height:35px;animation:16s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-seven;bottom:-985%;right:40%}.blob:nth-child(12){width:75px;height:75px;animation:16s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-seven;bottom:-85%;right:20%}.blob:nth-child(13){width:55px;height:55px;animation:16s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-seven;bottom:-35%;right:80%}.blob:nth-child(14){width:35px;height:35px;animation:16s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-seven;bottom:-385%;right:10%}.blob:nth-child(15){width:95px;height:95px;animation:16s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-seven;bottom:-185%;right:50%}.blob:nth-child(16){width:25px;height:25px;animation:16s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-seven;bottom:-585%;right:70%}.blob:nth-child(17){width:155px;height:155px;animation:16s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-seven;bottom:-985%;right:10%}.blob:nth-child(19){width:25px;height:25px;animation:16s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-seven;bottom:-685%;right:15%}.blob:nth-child(20){width:25px;height:25px;animation:16s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-seven;bottom:-15%;right:70%}.blob:nth-child(21){width:155px;height:155px;animation:16s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-seven;bottom:-20%;right:10%}.blob:nth-child(22){width:25px;height:25px;animation:16s ease-in-out infinite alternate wobble,32s ease-in-out infinite blob-seven;bottom:-55%;right:15%}@keyframes blob-one{0%,to{transform:translateY(0)}50%{transform:translateY(-700%)}}@keyframes blob-two{0%,to{transform:translateY(0)}50%{transform:translateY(-420%)}}@keyframes blob-three{0%,to{transform:translateY(0)}50%{transform:translateY(-305%)}}@keyframes blob-four{0%,to{transform:translateY(0)}50%{transform:translateY(-605%)}}@keyframes blob-five{0%,to{transform:translateY(0)}50%{transform:translateY(-700%)}}@keyframes blob-six{0%,to{transform:translateY(0)}50%{transform:translateY(-700%)}}@keyframes blob-seven{0%,to{transform:translateY(0)}50%{transform:translateY(-300%)}}@keyframes wobble{50%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%}to{border-radius:38% 52% 75% 36%/50% 40% 50% 60%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes spin3D{0%{transform:rotate3d(.5,.5,.5,360deg)}to{transform:rotate3d(0deg)}}@keyframes configure-clockwise{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes configure-xclockwise{0%{transform:rotate(45deg)}25%{transform:rotate(-45deg)}50%{transform:rotate(-135deg)}75%{transform:rotate(-225deg)}to{transform:rotate(-315deg)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:.25;transform:scale(.75)}}.leo{border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.blue-orbit{width:165px;height:165px;border:1px solid #91daffa5;-webkit-animation:3s linear .2s infinite spin3D}.green-orbit{width:120px;height:120px;border:1px solid #91ffbfa5;-webkit-animation:2s linear infinite spin3D}.red-orbit{width:90px;height:90px;border:1px solid #ffca91a5;-webkit-animation:1s linear infinite spin3D}.white-orbit{width:60px;height:60px;border:2px solid #fff;-webkit-animation:10s linear infinite spin3D}.w1{transform:rotate3d(1,1,1,90deg)}.w2{transform:rotate3d(1,2,.5,90deg)}.w3{transform:rotate3d(.5,1,2,90deg)}.three-quarter-spinner{width:50px;height:50px;border:3px solid #fb5b53;border-top-color:#0000;border-radius:50%;animation:.5s linear infinite spin}.spinner-box{width:300px;height:300px;background-color:#0000;justify-content:center;align-items:center;margin:auto;animation:6s linear forwards fade;display:flex}.loader-container{min-height:100vh;background-color:var(--color-bg);z-index:25;width:100%;opacity:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;animation:7s linear forwards removeOut;display:flex;position:absolute}@keyframes fade{to{opacity:0}1%{opacity:1}}@keyframes removeOut{to{opacity:0}1%{opacity:1}}.splitting .word,.splitting .char{display:inline-block}.splitting .char{position:relative}.splitting .char:before,.splitting .char:after{content:attr(data-char);visibility:hidden;-webkit-user-select:none;user-select:none;transition:inherit;position:absolute;top:0;left:0}.splitting{--word-center:calc((var(--word-total) - 1)/2);--char-center:calc((var(--char-total) - 1)/2);--line-center:calc((var(--line-total) - 1)/2)}.splitting .word{--word-percent:calc(var(--word-index)/var(--word-total));--line-percent:calc(var(--line-index)/var(--line-total))}.splitting .char{--char-percent:calc(var(--char-index)/var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc((var(--char-offset)*var(--char-offset))/var(--char-center));--distance-sine:calc(var(--char-offset)/var(--char-center));--distance-percent:calc((var(--distance)/var(--char-center)))}.splitting.cells img{width:100%;display:block}@supports (display:grid ){.splitting.cells{visibility:hidden;background-size:cover;position:relative;overflow:hidden}.splitting .cell-grid{background:inherit;width:100%;height:100%;grid-template:repeat(var(--row-total),1fr)/repeat(var(--col-total),1fr);display:grid;position:absolute;top:0;left:0}.splitting .cell{background:inherit;position:relative;overflow:hidden}.splitting .cell-inner{background:inherit;visibility:visible;width:calc(100%*var(--col-total));height:calc(100%*var(--row-total));left:calc(-100%*var(--col-index));top:calc(-100%*var(--row-index));position:absolute}.splitting .cell{--center-x:calc((var(--col-total) - 1)/2);--center-y:calc((var(--row-total) - 1)/2);--offset-x:calc(var(--col-index) - var(--center-x));--offset-y:calc(var(--row-index) - var(--center-y));--distance-x:calc((var(--offset-x)*var(--offset-x))/var(--center-x));--distance-y:calc((var(--offset-y)*var(--offset-y))/var(--center-y))}}