*,*::after,*::before{box-sizing:border-box}:root{font-size:16px;--color-text:rgb(227 226 220 / 86%);--color-bg:#000;--color-link:rgb(227 226 220 / 86%);--color-link-hover:rgb(227 226 220 / 100%);--page-padding:1.5rem;--warm:#FDBE76;--color-background:rgb(200, 200, 200);--color-foreground:rgb(60, 60, 60);--color-accent:rgb(70, 70, 70);--margin:32px;--gutter:16px;--marker-active:var(--color-background);--marker-inactive:var(--color-accent);--marker-size:8px;--track-height:1px}body{overflow-x:hidden;margin:0;color:var(--color-text);background-color:var(--color-bg);font-family:'Montserrat',sans-serif;font-variation-settings:"wght" 400,"wdth" 100;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(../img/noise.png);background-size:200px}.fullscreen-waves{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:-1}.wave-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.split-line{overflow:hidden}.services{margin-top:0;font-size:clamp(2rem, 4rem, 5vw);line-height:76px;text-align:center;overflow:hidden;color:var(--color-link);margin-bottom:0}.Content__wrapper{perspective:800px}.Content__slide{color:var(--dark);padding:3rem 1rem 6rem 1rem}.Content__slide-inner{position:relative;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between}.Content__slide.dark{background-color:var(--color-bg);background-image:url(../img/noise.png)}.Content__title{color:#FDBE76!important;margin:0}.Content__copy{font-size:clamp(1rem, 2vw, 1.5rem)}.Content__number{font-size:clamp(1rem, 3vw, 3rem);opacity:.5}@media (min-width:900px){.Content__slide{height:calc(100vh - 80px);transform-style:preserve-3d}}.spacer{height:100vh}.heading-lg{font-size:8vw}.heading-sm{font-size:clamp(2rem, 4rem, 5vw)}#smooth-content{overflow:visible;width:100%;height:100%}h2{font-family:'Montserrat',sans-serif;letter-spacing:-.25vw;font-size:5.5rem;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h2:hover{cursor:pointer}span.content__number{color:#FDBE76!important}.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 0.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;opacity:.5}a:hover{text-decoration:none;color:var(--color-link-hover);outline:none;opacity:1}a:focus{outline:none}a:focus-visible{outline:2px solid red}.unbutton{background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer}.unbutton:focus{outline:none}.type-small{font-size:13px;font-variation-settings:"wdth" 100,"wght" 300;text-transform:uppercase}.frame{padding:var(--page-padding);position:relative;display:grid;z-index:800;width:100%;height:100%;grid-row-gap:1rem;grid-column-gap:2rem;pointer-events:none;justify-items:start}.frame--header{grid-template-columns:100%;grid-template-areas:'title' 'archive' 'back' 'github' 'sub' 'sponsor'}.frame--footer{margin-top:40vh;grid-template-columns:auto auto;justify-content:space-between}.frame #cdawrap{justify-self:start}.frame a{pointer-events:auto}.frame__title{grid-area:title;font-size:inherit;font-weight:inherit;margin:0}.frame__back{grid-area:back;justify-self:start}.frame__archive{grid-area:archive;justify-self:start}.frame__sub{grid-area:sub}.frame__github{grid-area:github}.tags{display:flex;gap:.75rem;margin-bottom:2rem}.tags a{border:1px solid;padding:.25rem .25rem .15rem .25rem;line-height:1;border-radius:3px}.frame__demos{grid-area:demos;display:flex;gap:1rem}.intro{padding:var(--page-padding);display:grid;place-items:center;line-height:1;min-height:calc(100vh - 6rem);margin-bottom:50vh;justify-content:center;align-items:center}.intro__heading{display:grid;gap:1rem}.intro__heading h2{font-size:clamp(3.3rem, 7vw, 4rem);font-variation-settings:'wdth' 120,'wght' 200;width:60vw;max-width:1000px;min-width:300px;margin:0}.intro__heading p{margin:0;max-width:350px;justify-self:end;text-align:left;margin-top:10vh}.content{padding:var(--page-padding);display:flex;flex-direction:column;gap:20vh;width:100vw;position:relative;min-height:100vh;place-items:center;margin-bottom:70vh}.content-small{padding:var(--page-padding);display:flex;flex-direction:column;gap:20vh;width:100vw;position:relative;place-items:center}.blur-text{width:70vw;max-width:1000px;min-width:300px;line-height:1.2;font-size:clamp(1.5rem,5vw,2rem)}.blur-text--1{font-variation-settings:"wght" 420,"wdth" 100;letter-spacing:-.05em}.blur-text--2{font-variation-settings:"wdth" 80,"wght" 300}.blur-text--3{font-variation-settings:"wght" 600,"wdth" 100;letter-spacing:-.05em}.blur-text--4{font-variation-settings:"wght" 400,"wdth" 95;letter-spacing:-.05em}.card-wrap{margin-top:5vh;display:grid;grid-gap:2rem;grid-auto-flow:row;grid-template-columns:250px}.card__image{display:block;border-radius:7px;background-size:cover;background-position:50% 50%;width:100%;height:auto;aspect-ratio:4 / 3;filter:brightness(.8)}.scroll-indicator{position:fixed;z-index:1000}.scroll-indicator--horizontal{width:100%;max-width:340px;bottom:80px;left:50%;transform:translateX(-50%);position:fixed}.scroll-indicator--vertical{width:40px;height:80vh;top:50%;left:20px;transform:translateY(-50%);display:none}.scroll-indicator__track{position:relative;background-color:var(--marker-inactive)}.scroll-indicator--horizontal .scroll-indicator__track{height:var(--track-height)}.scroll-indicator--vertical .scroll-indicator__track{width:var(--track-height);height:100%}.scroll-indicator__tooltip{position:absolute;background-color:var(--warm);color:#000;font-size:.875rem;border-radius:4px;padding:.5rem .75rem;text-align:center;font-family:var(--font-secondary);z-index:10}.scroll-indicator--horizontal .scroll-indicator__tooltip{bottom:-3.5rem;left:0;transform:translateX(-50%);transition:left 0.1s ease-out}.scroll-indicator--vertical .scroll-indicator__tooltip{left:100%;top:0;transform:translateY(-50%);transition:top 0.1s ease-out;margin-left:10px}.scroll-indicator__tooltip::before{content:"";position:absolute;width:.5rem;height:.5rem;background-color:inherit}.scroll-indicator--horizontal .scroll-indicator__tooltip::before{top:-.25rem;left:50%;transform:translateX(-50%) rotate(45deg)}.scroll-indicator--vertical .scroll-indicator__tooltip::before{top:50%;left:-.25rem;transform:translateY(-50%) rotate(45deg)}.scroll-indicator__thumb{position:absolute;width:var(--marker-size);height:var(--marker-size);background-color:var(--marker-inactive);border-radius:50%;cursor:pointer;z-index:10}.scroll-indicator--horizontal .scroll-indicator__thumb{top:50%;left:0;transform:translate(-50%,-50%);transition:left 0.1s ease-out}.scroll-indicator--vertical .scroll-indicator__thumb{left:50%;top:0;transform:translate(-50%,-50%);transition:top 0.1s ease-out}.scroll-indicator__progress{position:absolute;background-color:var(--marker-active)}.scroll-indicator--horizontal .scroll-indicator__progress{top:0;left:0;height:100%;width:0;transition:width 0.1s ease-out}.scroll-indicator--vertical .scroll-indicator__progress{top:0;left:0;width:100%;height:0;transition:height 0.1s ease-out}.scroll-indicator__scale{position:relative}.scroll-indicator--horizontal .scroll-indicator__scale{width:100%;height:40px;margin-top:10px}.scroll-indicator--vertical .scroll-indicator__scale{width:40px;height:calc(100% - 2px);position:absolute;top:0;left:var(--track-height)}.scroll-indicator__marker{position:absolute;background:var(--marker-inactive);transition:background-color 0.3s ease-out}.scroll-indicator--horizontal .scroll-indicator__marker{width:1px;bottom:0;transform:translateX(-50%);transition:height 0.3s ease-out,background-color 0.3s ease-out}.scroll-indicator--vertical .scroll-indicator__marker{height:1px;left:0;right:0;transform:none;transition:width 0.3s ease-out,background-color 0.3s ease-out;width:10px}.scroll-indicator--horizontal .scroll-indicator__marker--major{width:1px}.scroll-indicator--vertical .scroll-indicator__marker--major{height:1px;width:15px}.scroll-indicator__marker--filled{background-color:var(--marker-active)}.scroll-indicator__percentage{position:absolute;background-color:var(--color-foreground);color:var(--color-background);padding:2px 5px;border-radius:3px;font-size:12px;opacity:0;transition:opacity 0.3s ease-out,transform 0.3s ease-out,top 0.1s ease-out,left 0.1s ease-out;transform:scale(.8);font-family:var(--font-secondary)}.scroll-indicator--horizontal .scroll-indicator__percentage{top:-25px;transform:translateX(-50%) scale(.8)}.scroll-indicator--vertical .scroll-indicator__percentage{left:45px;transform:translateY(-50%) scale(.8)}.scroll-indicator__percentage--visible{opacity:1;transform:scale(1)}.scroll-indicator--horizontal .scroll-indicator__percentage--visible{transform:translateX(-50%) scale(1);display:none}.scroll-indicator--vertical .scroll-indicator__percentage--visible{transform:translateY(-50%) scale(1)}@media only screen and (max-width:600px){.intro__heading h2{font-family:'Montserrat',sans-serif;letter-spacing:-.25vw;font-size:3rem;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media screen and (min-width:53em){.frame--header{grid-template-columns:auto auto auto auto 1fr;grid-template-rows:auto;grid-template-areas:'title back archive github sponsor'}.frame--footer{grid-template-columns:auto auto auto}.frame #cdawrap,.frame__sub{justify-self:end}.card-wrap{grid-template-columns:repeat(3,250px)}}