@import url(https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap);@import url(https://unpkg.com/normalize.css) layer(normalize);:root{--clr-primary-400:#000;--clr-grey-400:#010101;--clr-neutral-100:#fff;--clr-bg-light:#d5d5d5;--clr-bg-dark:#303030;--clr-bg-button:#010066;--clr-bg-input:#fcfcfc;--text-accent:#717cb8;--ff-primary:"Montserrat",sans-serif;--ff-header:"Libre Baskerville",serif;--fs-300:0.875rem;--fs-400:1rem;--fs-500:22px;--fs-600:1.5rem;--fs-700:32px;--fs-800:2.8125rem;--fs-body:var(--fs-400);--fs-primary-heading:var(--fs-800);--fs-secondary-heading:var(--fs-700);--fs-nav:var(--fs-400);--fs-button:var(--fs-300);--fw-regular:400;--fw-medium:500;--fw-bold:700}@media (max-width:50em){:root{--fs-primary-heading:var(--fs-700);--fs-secondary-heading:var(--fs-600)}}@media (max-width:30em){:root{--fs-400:var(--fs-300);--fs-500:var(--fs-400);--fs-600:var(--fs-500)}}@media (max-width:24em){:root{--fs-300:10px;--fs-nav:10px;--fs-400:14px;--fs-500:16px;--fs-600:24px;--fs-primary-heading:22px;--fs-secondary-heading:20px}}*,:after,:before{box-sizing:border-box}ol[role=list],ul[role=list]{list-style:none}body,html,html:focus-within{scroll-behavior:smooth}body,html{height:100%;scroll-padding-top:5rem}body{line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture,svg{display:block;max-width:100%}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{color:#010101;color:var(--clr-grey-400);font-family:Montserrat,sans-serif;font-family:var(--ff-primary);font-size:1rem;font-size:var(--fs-body)}.button{background-color:#010066;background-color:var(--clr-bg-button);border:0;border-radius:1.25rem;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-size:var(--fs-button);font-weight:700;font-weight:var(--fw-bold);line-height:1;padding:1.25rem 2.8125rem;position:relative;text-decoration:none}.button[data-type=inverted]{background-color:#fff!important;background-color:var(--clr-neutral-100)!important;border:1px solid #010101;border:1px solid var(--clr-grey-400);border-radius:20px;color:#010101;color:var(--clr-grey-400)}.button:after{background:none;background:var(--border-color,none);border-radius:1.25rem;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.container{--max-width:1280px;--padding:1.5rem;margin:0 auto;width:min(var(--max-width),100% - (var(--padding) * 2))}.no-scrollbar::-webkit-scrollbar{display:none;width:0!important}.no-scrollbar{-ms-overflow-style:none;overflow:-moz-scrollbars-none;scrollbar-width:none}:where(.flow>:not(:first-child)){margin-top:1.5rem;margin-top:var(--flow-spacer,1.5rem)}@media (max-width:24em){:where(.flow>:not(:first-child)){margin-top:1rem;margin-top:var(--flow-spacer,1rem)}}.flex{display:flex;justify-content:space-between}.even-columns{grid-gap:1rem;display:grid;gap:1rem}@media (min-width:50em){.even-columns{grid-auto-columns:1fr;grid-auto-flow:column}}.ff-header{font-family:Libre Baskerville,serif;font-family:var(--ff-header)}.ff-primary{font-family:Montserrat,sans-serif;font-family:var(--ff-primary)}.text-primary-400{color:#000;color:var(--clr-primary-400)}.text-grey-400{color:#010101;color:var(--clr-grey-400)}.text-accent{color:#717cb8;color:var(--text-accent)}.text-neutral-100{color:#fff;color:var(--clr-neutral-100)}.bg-neutral-100{background-color:#fff;background-color:var(--clr-neutral-100)}.bg-light{background-color:#d5d5d5;background-color:var(--clr-bg-light)}.bg-dark{background-color:#303030;background-color:var(--clr-bg-dark)}.fw-regular{font-weight:400;font-weight:var(--fw-regular)}.fw-medium{font-weight:500;font-weight:var(--fw-medium)}.fw-bold{font-weight:700;font-weight:var(--fw-bold)}.fs-primary-heading{font-size:2.8125rem;font-size:var(--fs-primary-heading);line-height:1.8}.fs-secondary-heading{font-size:32px;font-size:var(--fs-secondary-heading);line-height:1.65}.fs-300{font-size:.875rem;font-size:var(--fs-300)}.fs-400{font-size:1rem;font-size:var(--fs-400)}.fs-500{font-size:22px;font-size:var(--fs-500)}.fs-600{font-size:1.5rem;font-size:var(--fs-600)}.fs-700{font-size:32px;font-size:var(--fs-700)}.fs-800{font-size:2.8125rem;font-size:var(--fs-800)}.fs-900{font-size:var(--fs-900)}.text-center{text-align:center}.section-mt{margin-top:7.5rem}.nav-link{color:#010101;color:var(--clr-grey-400);display:inline-block;font-size:1rem;font-size:var(--fs-nav);font-weight:400;font-weight:var(--fw-regular);position:relative;text-decoration:none;transition:.1s linear;white-space:nowrap}.nav-link:after{background-color:#010101;background-color:var(--clr-grey-400);bottom:-3.5px;content:"";height:3px;left:0;position:absolute;transform-origin:center;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);width:0}.nav-link:focus,.nav-link:hover{font-weight:700;font-weight:var(--fw-bold)}.nav-link:focus:after,.nav-link:hover:after{animation:stretch .25s cubic-bezier(.68,-.55,.27,1.55) .5s 1 forwards;width:120%}.hamburger-icon{background-color:initial;border-color:#0000;cursor:pointer;display:flex;flex-direction:column;outline:none;padding:3px;position:relative;transform:translateZ(0);transition:transform .1s ease-out;z-index:100}.hamburger-icon:active{transform:translateY(2px)}.hamburger-icon:focus .line:after{background-color:#000;background-color:var(--clr-primary-400)}.line{display:block;padding:1.25px;width:20px}.line:after{background-color:#010101;background-color:var(--clr-grey-400);border-radius:2px;content:"";display:block;height:2.5px;transform:translateZ(0) rotate(0);transition:background-color .2s ease-out;width:100%}.open .line:first-child{animation:jump-1 .5s ease forwards}.open .line:first-child:after{animation:line-1 .5s ease-in-out forwards}.open .line:nth-child(2){animation:jump-2 .5s ease forwards}.open .line:nth-child(2):after{animation:line-2 .5s ease-in-out forwards}.close .line:first-child{animation:jump-1 .5s ease reverse}.close .line:first-child:after{animation:line-1 .5s ease-in-out reverse}.close .line:nth-child(2){animation:jump-2 .5s ease reverse}.close .line:nth-child(2):after{animation:line-2 .5s ease-in-out reverse}.close .line:nth-child(3),.open .line:nth-child(3){animation:jump-3 .5s ease-out forwards;animation:glow .5s ease-out forwards}@keyframes carousel-slide{0%,16.6667%{transform:translateX(0)}37.5%,45.84%{transform:translateX(-100%)}75%,91.6667%{transform:translateX(-200%)}}@keyframes line-1{10%{transform:translateZ(0) rotate(0)}80%{transform:translateZ(0) rotate(395deg)}90%,to{transform:translateZ(0) rotate(405deg)}}@keyframes line-2{10%{transform:translateZ(0) rotate(0)}20%{transform:translateZ(0) rotate(10deg)}90%,to{transform:translateZ(0) rotate(-405deg)}}@keyframes jump-1{10%{transform:translateY(0)}50%{transform:translateY(-30px)}90%,to{transform:translateY(-2.5px)}}@keyframes jump-2{10%{transform:translateY(0)}50%{transform:translateY(-25px)}85%,to{transform:translateY(-7.5px)}}@keyframes jump-3{10%{transform:translateY(-2.5px) rotate(15deg)}30%{transform:translateY(-4px) rotate(-10deg)}50%{transform:translateY(2.5px) rotate(5deg)}80%{transform:translateY(0)}}@keyframes glow{50%{box-shadow:0 0 2px 2px rgba(lighten(#010101,10%),.4);box-shadow:rgba(lighten(var(--clr-grey-400),10%),.4) 0 0 2px 2px}}@media (max-width:50em){.display-sm-none{display:none}.section-mt{margin-top:2.75rem}}@media (min-width:50em){.display-lg-none{display:none}}@media (max-width:24em){.section-mt{margin-top:1.875rem}}@keyframes stretch{0%{width:100%}50%{width:110%}to{width:100%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes slide-in{to{transform:translateX(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes lighten{to{background-color:#d5d5d5;background-color:var(--clr-bg-light)}}@keyframes spotify-playing{10%{transform:scaleY(.3)}30%{transform:scaleY(1)}60%{transform:scaleY(.5)}80%{transform:scaleY(.75)}to{transform:scaleY(.5)}}.hero-image{height:403px;width:345px}:root{font-size:16px}@media (max-width:500px){:root{font-size:14px}}.demo-wrapper img{background:#f0f0f0;display:block;height:auto;width:100%}.demo-wrapper ul{list-style:none;padding-left:1rem}.demo-wrapper li{flex-shrink:0;padding-right:1rem;width:clamp(500px,60vw,800px)}.demo-wrapper :any-link{color:#4e9815}.demo-wrapper .df{display:flex}.demo-wrapper .aic{align-items:center}.demo-wrapper .jcc{justify-content:center}.demo-wrapper .loader{background:#000;bottom:0;color:#fff;left:0;position:fixed;right:0;top:0;z-index:1000}.loader h1{font-size:5rem}.loader h2{font-size:2rem}.demo-wrapper{overflow-x:hidden}.demo-wrapper header{height:100vh}.demo-wrapper footer{height:50vh}.demo-wrapper h1,.demo-wrapper header h1{font-size:5rem}.demo-wrapper h2,.demo-wrapper header h2{font-size:2rem}.wrapper{display:flex}.demo-gallery:not(.last){padding-bottom:1rem}.demo-text .text{font-size:clamp(8rem,15vw,16rem);font-weight:900;line-height:1}.demo-wrapper footer{background:#f5f5f5}.demo-wrapper footer p{font-size:1.25rem}.demo-wrapper footer a{font-weight:600;text-decoration:none}.demo-wrapper footer a:hover{text-decoration:underline}@layer normalize, base, stick, effect, srollbar;@layer scrollbar{@property --hue{initial-value:0;syntax:"<number>";inherits:false}@property --chroma{initial-value:0;syntax:"<number>";inherits:true}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){html{scrollbar-color:oklch(40% .1 var(--hue)) #0000}}}@layer effect{:root{--start:0;--end:360;--lightness:40%;--base-chroma:0.5;--count:10}.word-cycle ul{--step:calc((var(--end) - var(--start))/(var(--count) - 1))}.word-cycle li:not(:last-of-type){color:oklch(var(--lightness) var(--base-chroma) calc(var(--start) + var(--step)*var(--i)))}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){.word-cycle li{animation-range:cover calc(50% - 1lh) calc(50% + 1lh);animation-timeline:view();animation-fill-mode:both;animation-name:brighten;animation-timing-function:linear;opacity:.2;will-change:opacity,filter;&:first-of-type{--start-opacity:1}&:last-of-type{--brightness:1;--end-opacity:1}}}@keyframes brighten{0%{opacity:.2;opacity:var(--start-opacity,.2)}50%{filter:brightness(1.2);filter:brightness(var(--brightness,1.2));opacity:1}to{opacity:.2;opacity:var(--end-opacity,.2)}}}@layer stick{.word-cycle{--font-level:6;display:flex;line-height:1.25;padding-left:5rem;width:100%}.word-cycle ul{font-weight:600;list-style-type:none;margin:0;padding-inline:0}html{scroll-snap-type:y proximity;.word-cycle li{scroll-snap-align:center}}.word-cycle li:last-of-type{background:linear-gradient(canvasText 50%,color-mix(in oklch,canvas,canvasText 25%));-webkit-background-clip:text;background-clip:text;color:#0000}}@layer base{:root{--font-size-min:14;--font-size-max:20;--font-ratio-min:1.1;--font-ratio-max:1.33;--font-width-min:375;--font-width-max:1500}*{font:inherit;margin:0;padding:0}html{color-scheme:light}:where(.fluid){--fluid-min:calc(var(--font-size-min)*pow(var(--font-ratio-min), var(--font-level, 0)));--fluid-max:calc(var(--font-size-max)*pow(var(--font-ratio-max), var(--font-level, 0)));--fluid-preferred:calc((var(--fluid-max) - var(--fluid-min))/(var(--font-width-max) - var(--font-width-min)));--fluid-type:clamp((var(--fluid-min)/16) * 1rem,((var(--fluid-min)/16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min))/16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit,100vi)),(var(--fluid-max)/16) * 1rem);font-size:var(--fluid-type)}.word-cycle{font-family:Geist,SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui}.word-cycle h2{display:inline-block;font-size:inherit;font-weight:600;height:-webkit-fit-content;height:fit-content;margin:0;position:-webkit-sticky;position:sticky;top:calc(50% - .22lh)}.word-cycle-prefix{display:inline-block;line-height:1;margin-right:.25em;position:absolute;vertical-align:text-bottom}body:before{--size:45px;--line:color-mix(in hsl,canvasText,#0000 70%);background:linear-gradient(90deg,var(--line) 1px,#0000 1px var(--size)) 50% 50% /var(--size) var(--size),linear-gradient(var(--line) 1px,#0000 1px var(--size)) 50% 50% /var(--size) var(--size);content:"";height:100vh;-webkit-mask:linear-gradient(-20deg,#0000 50%,#fff);mask:linear-gradient(-20deg,#0000 50%,#fff);pointer-events:none;position:fixed;top:0;transform-style:flat;width:100vw;z-index:-1}}
/*# sourceMappingURL=main.a6c58d5e.css.map*/