body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{align-items:center;background-color:#939393;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}*,: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{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#4732ab;background-color:var(--color-bg);color:#fff;color:var(--color-text);font-family:area-normal,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;margin:0;overflow-x:hidden}.demo-1{background-image:linear-gradient(180deg,#0b0bef,#3508e7 10%,#4a08e2 20%,#5c08e2 30%,#650adb 40%,#6f0ed8 50%,#7318c3 60%,#7220ac 70%,#6c2697 80%,#af1dbf 90%,#501cca)}.demo-2{--color-text:#ddc4a4;--color-bg:#0e0e0e;--color-link:#ede3e3;--color-link-hover:#d68521}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{background:#4732ab;background:var(--color-bg);height:100%;left:0;top:0;width:100%}.js .loading:after{-webkit-animation:loaderAnim .7s linear infinite alternate forwards;animation:loaderAnim .7s linear infinite alternate forwards;background:#fff;background:var(--color-link);border-radius:50%;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.4;top:50%;width:60px}@-webkit-keyframes loaderAnim{to{opacity:1;-webkit-transform:scale3d(.5,.5,1);transform:scale3d(.5,.5,1)}}@keyframes loaderAnim{to{opacity:1;-webkit-transform:scale3d(.5,.5,1);transform:scale3d(.5,.5,1)}}a{color:#fff;color:var(--color-link);cursor:pointer;text-decoration:none}a,a:hover{outline:none}a:hover{color:#fff;color:var(--color-link-hover)}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:transparent}a:focus-visible{background:transparent;outline:2px solid red}.unbutton{background:none;border:0;cursor:pointer;font:inherit;margin:0;padding:0}.unbutton:focus{outline:none}.main{counter-reset:section}.splitting .word{white-space:nowrap}.frame{grid-gap:.5rem;align-items:start;color:var(--color-title);display:grid;font-size:14px;font-weight:600;grid-template-areas:"title" "prev" "demos" "sponsor";grid-template-columns:1fr;grid-template-rows:auto auto auto auto;justify-content:start;justify-items:end;margin-bottom:3rem;padding:1.5rem 2rem;padding:var(--page-padding)}.frame a:not(.frame__title-back),.line{overflow:hidden;position:relative;white-space:nowrap}.frame a:not(.frame__title-back):before,.line:before{background:currentColor;content:"";height:1px;position:absolute;top:90%;-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.frame a:not(.frame__title-back):hover:before,.line:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.frame__title{align-items:center;display:flex;grid-area:title}.frame__title-main{font-size:1rem;font-weight:400;margin:0}.frame__title-back{align-items:flex-end;display:flex;position:relative}.frame__title-back svg{fill:currentColor}.frame__prev{align-self:start;grid-area:prev}.frame__demos{display:flex;gap:1rem}.frame__demos span{opacity:.7}.intro{height:100vh;text-align:center}.intro,.intro__title{display:grid;place-items:center}.intro__title{font-weight:300;line-height:.9;margin:0}.intro__title-pre{font-family:norman-stencil,sans-serif;font-size:clamp(2rem,10vw,9rem);font-weight:800;text-transform:uppercase}.intro__title-sub{font-size:clamp(1rem,6vw,2.75rem)}.intro__info{font-size:14px;font-weight:600;line-height:1.2;margin-bottom:4rem;max-width:20ch;opacity:.6;padding-bottom:1rem;position:relative}.intro__info:after{background:#fff;content:"";height:2rem;left:50%;position:absolute;top:100%;width:1px}.content{display:flex;flex-direction:column;padding:1.5rem 2rem;padding:var(--page-padding);position:relative;width:100vw}.content--full{padding:0}.content p{font-weight:600;line-height:1.5;margin:1.5rem auto;max-width:2000px;width:calc(100vw - 1.5rem 2rem);width:calc(100vw - var(--page-padding))}.content--highlight p{font-size:clamp(1rem,3vw,2rem)}.content__title{grid-gap:2rem;counter-increment:section;display:grid;font-size:12vw;gap:2rem;line-height:.8;text-align:center}.content__title--left{text-align:left}.content__title--right{text-align:right}.content__title--sides{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:100%;grid-template-rows:auto auto;text-align:left}.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{font-family:zedou,sans-serif;font-weight:300;text-transform:uppercase}.font-6{font-family:afronaut,sans-serif;font-weight:400}.font-7{font-family:hoss-round-wide,sans-serif;font-weight:400}.font-8{font-family:monotalic,sans-serif;font-weight:400;text-transform:lowercase}.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-family:marlide-display-variable,sans-serif;font-variation-settings:"wght" 400;font-weight:400}.font-14{font-family:june-expt-variable,sans-serif;font-variation-settings:"STYL" 0;font-weight:400}.font-15{font-family:june-expt-variable,sans-serif;font-variation-settings:"STYL" 100;font-weight:400}.font-16{font-family:inge-variable,sans-serif;font-variation-settings:"slnt" 0;font-weight:400}.font-17{font-family:antipoda-variable,sans-serif;font-variation-settings:"wght" 450,"wdth" 80;font-weight:400}.font-18{font-family:vinila-variable,sans-serif;font-variation-settings:"slnt" 0,"wght" 100,"wdth" 100;font-weight:400}.font-19{font-family:nagel-variable,sans-serif;font-variation-settings:"slnt" 0,"wght" 610;font-weight:400}.font-20{font-family:borax-variable,sans-serif;font-variation-settings:"wght" 400;font-weight:400}.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-family:arsenica-variable,sans-serif;font-variation-settings:"opsz" 1000,"wght" 300}.font-height{line-height:1.4}.font-height-medium{line-height:.9}.font-medium{font-size:6vw;margin-top:3rem}.font-larger{font-size:27vw}.font-upper{text-transform:uppercase}.font-sub{display:block;font-size:5vw;margin-top:2rem}.splitting .font-sub .word{display:grid;grid-auto-flow:column}.char-wrap{display:inline-block;overflow:hidden;position:relative}@media screen and (min-width:53em){.frame{grid-gap:2rem;grid-template-areas:"title prev demos sponsor";grid-template-columns:auto auto 1fr auto;grid-template-rows:auto;justify-items:start}.frame__demos{justify-self:end}}h2{margin:0}.page{font-size:2vw;min-height:100vh;position:relative}.scroll-down{bottom:30px;font-size:16px;font-weight:400;left:50%;overflow:visible;position:absolute;text-transform:uppercase;-webkit-transform:translate(-50%);transform:translate(-50%)}.scroll-down .arrow{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDgzLjIgMTkyLjJjLTIwLjUtMjAuNS01My41LTIwLjgtNzMuNy0uNkwyNTcgMzQ0LjEgMTA0LjUgMTkxLjZjLTIwLjItMjAuMi01My4yLTE5LjktNzMuNy42cy0yMC44IDUzLjUtLjYgNzMuN2wxOTAgMTkwYzEwLjEgMTAuMSAyMy40IDE1LjEgMzYuOCAxNSAxMy4zLjEgMjYuNy00LjkgMzYuOC0xNWwxOTAtMTkwYzIwLjEtMjAuMiAxOS45LTUzLjItLjYtNzMuN3oiLz48L3N2Zz4=);background-size:contain;height:20px;margin:0 auto;position:relative;top:-4px;width:20px}.splitting .char,.splitting .word{display:inline-block}.splitting .char{position:relative}.splitting .char:after,.splitting .char:before{content:attr(data-char);left:0;position:absolute;top:0;transition:inherit;-webkit-user-select:none;user-select:none;visibility:hidden}.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:(var(--distance)/var(--char-center))}.splitting.cells img{display:block;width:100%}@supports (display:grid){.splitting.cells{background-size:cover;overflow:hidden;position:relative;visibility:hidden}.splitting .cell-grid{background:inherit;display:grid;grid-template:repeat(var(--row-total),1fr) /repeat(var(--col-total),1fr);height:100%;left:0;position:absolute;top:0;width:100%}.splitting .cell{background:inherit;overflow:hidden;position:relative}.splitting .cell-inner{background:inherit;height:calc(100%*var(--row-total));left:calc(-100%*var(--col-index));position:absolute;top:calc(-100%*var(--row-index));visibility:visible;width:calc(100%*var(--col-total))}.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))}}
/*# sourceMappingURL=main.5f83a35a.css.map*/