*,: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);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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%)}.demo-2{--color-text:#b68d40;--color-bg:#0e0e0e;--color-link:#b68d40;--color-link-hover:#f4ebd0}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{background:var(--color-bg);width:100%;height:100%;top:0;left:0}.js .loading:after{opacity:.4;background:var(--color-link);border-radius:50%;width:60px;height:60px;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:"";transform-origin:0%;background:currentColor;width:100%;height:1px;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{text-align:center;place-items:center;height:100vh;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:norman-stencil,sans-serif;font-size:clamp(2rem,10vw,9rem);font-weight:800}.intro__title-sub{font-size:clamp(1rem,6vw,2.75rem)}.intro__info{opacity:.6;max-width:20ch;margin-bottom:4rem;padding-bottom:1rem;font-size:14px;font-weight:600;line-height:1.2;position:relative}.intro__info:after{content:"";background:#fff;width:1px;height:2rem;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}}