*,*:after,*:before{box-sizing:border-box}:root{font-size:16px;--color-text: #fff;--color-bg: rgb(71,50,171);--color-link: #fff;--color-link-hover: #fff;--page-padding: 1.5rem 2rem}body{margin:0;color:var(--color-text);background-color:var(--color-bg);font-family:area-normal,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.demo-1{background-image:linear-gradient(180deg,#0b0bef,#3508e7,#4a08e2,#5c08e2,#650adb,#6f0ed8,#7318c3,#7220ac,#6c2697,#af1dbf,#501cca)}.demo-2{--color-text: #ddc4a4;--color-bg: #0e0e0e;--color-link: #ede3e3;--color-link-hover: #d68521}.js .loading:before,.js .loading:after{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:none;color:var(--color-link);outline:none;cursor:pointer}a:hover{color:var(--color-link-hover);outline:none}a:focus{outline:none;background:#d3d3d3}a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red;background:transparent}.unbutton{background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer}.unbutton:focus{outline:none}main{counter-reset:section}.splitting .word{white-space:nowrap}.frame{color:var(--color-title);padding:var(--page-padding);display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"title" "prev" "demos" "sponsor";justify-content:start;justify-items:end;margin-bottom:3rem;grid-gap:.5rem;align-items:start;font-weight:600;font-size:14px}.frame a:not(.frame__title-back),.line{white-space:nowrap;overflow:hidden;position:relative}.frame a:not(.frame__title-back):before,.line:before{content:"";height:1px;width:100%;background:currentColor;position:absolute;top:90%;transition:transform .3s;transform-origin:0% 50%}.frame a:not(.frame__title-back):hover:before,.line:hover:before{transform:scaleX(0);transform-origin:100% 50%}.frame__title{grid-area:title;display:flex;align-items:center}.frame__title-main{font-size:1rem;margin:0;font-weight:400}.frame__title-back{position:relative;display:flex;align-items:flex-end}.frame__title-back svg{fill:currentColor}.frame__prev{grid-area:prev;align-self:start}.frame__demos{display:flex;gap:1rem}.frame__demos span{opacity:.7}.intro{height:100vh;display:grid;place-items:center;text-align:center}.intro__title{display:grid;place-items:center;margin:0;line-height:.9;font-weight:300}.intro__title-pre{font-family:norman-stencil,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(2rem,10vw,9rem)}.intro__title-sub{font-size:clamp(1rem,6vw,2.75rem)}.intro__info{position:relative;max-width:20ch;opacity:.6;line-height:1.2;margin-bottom:4rem;padding-bottom:1rem;font-weight:600;font-size:14px}.intro__info:after{content:"";position:absolute;left:50%;width:1px;height:2rem;background:#fff;top:100%}.content{display:flex;flex-direction:column;width:100vw;position:relative;padding:var(--page-padding)}.content:last-child{padding-bottom:40vh}.content--full{padding:0}.content p{max-width:660px;margin:1.5rem auto;font-size:1.25rem;line-height:1.5;font-weight:600}.content--highlight p{font-size:clamp(1rem,3vw,2rem)}.content__title{font-size:12vw;line-height:.8;counter-increment:section;text-align:center;display:grid;gap:2rem}.content__title--left{text-align:left}.content__title--right{text-align:right}.content__title:before{content:"."counter(section);font-weight:400;font-family:area-normal,sans-serif;display:block;font-size:1rem;margin-bottom:10vh;text-align:center}.content__title--sides{display:grid;grid-template-rows:auto auto;grid-template-columns:100%;text-align:left;gap:2rem}.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-weight:400;font-style:italic}.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-weight:initial;font-family:marlide-display-variable,sans-serif;font-variation-settings:"wght" 400}.font-14{font-weight:initial;font-family:june-expt-variable,sans-serif;font-variation-settings:"STYL" 0}.font-15{font-weight:initial;font-family:june-expt-variable,sans-serif;font-variation-settings:"STYL" 100}.font-16{font-weight:initial;font-family:inge-variable,sans-serif;font-variation-settings:"slnt" 0}.font-17{font-weight:initial;font-family:antipoda-variable,sans-serif;font-variation-settings:"wght" 450,"wdth" 80}.font-18{font-weight:initial;font-family:vinila-variable,sans-serif;font-variation-settings:"slnt" 0,"wght" 100,"wdth" 100}.font-19{font-weight:initial;font-family:nagel-variable,sans-serif;font-variation-settings:"slnt" 0,"wght" 610}.font-20{font-weight:initial;font-family:borax-variable,sans-serif;font-variation-settings:"wght" 400}.font-21{font-family:gigantic,sans-serif;font-weight:900;font-style:normal}.font-22{font-family:capsule,sans-serif;font-weight:400;font-style:normal}.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{font-size:5vw;margin-top:2rem;display:block}.splitting .font-sub .word{display:grid;grid-auto-flow:column}.char-wrap{display:inline-block;position:relative;overflow:hidden}@media screen and (min-width:53em){.frame{justify-items:start;grid-gap:2rem;grid-template-columns:auto auto 1fr auto;grid-template-rows:auto;grid-template-areas:"title prev demos sponsor"}.frame__demos{justify-self:end}}.splitting .word,.splitting .char{display:inline-block}.splitting .char{position:relative}.splitting .char:before,.splitting .char:after{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;-webkit-user-select:none;user-select:none}.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{position:relative;overflow:hidden;background-size:cover;visibility:hidden}.splitting .cell-grid{background:inherit;position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template:repeat(var(--row-total),1fr) / repeat(var(--col-total),1fr)}.splitting .cell{background:inherit;position:relative;overflow:hidden}.splitting .cell-inner{background:inherit;position:absolute;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))}.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) )}}