@import url("https://rsms.me/inter/inter.css");

/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com
 */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{border:0 solid}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.-bottom-8{bottom:-2rem}.left-0{left:0}.left-1\/2{left:50%}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mt-1{margin-top:.25rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-0{height:0}.h-5{height:1.25rem}.h-24{height:6rem}.h-32{height:8rem}.h-0\.5{height:.125rem}.h-screen{height:100vh}.group:hover .group-hover\:h-1{height:.25rem}.min-h-screen{min-height:100vh}.w-5{width:1.25rem}.w-24{width:6rem}.w-32{width:8rem}.w-full{width:100%}.max-w-sm{max-width:24rem}.max-w-6xl{max-width:72rem}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-14{gap:3.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}.whitespace-nowrap{white-space:nowrap}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.border{border-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.border-red-100{--tw-border-opacity:1;border-color:rgba(254,226,226,var(--tw-border-opacity))}.border-green-100{--tw-border-opacity:1;border-color:rgba(209,250,229,var(--tw-border-opacity))}.border-blue-100{--tw-border-opacity:1;border-color:rgba(219,234,254,var(--tw-border-opacity))}.border-purple-100{--tw-border-opacity:1;border-color:rgba(237,233,254,var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgba(17,24,39,var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgba(239,68,68,var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgba(254,243,199,var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgba(16,185,129,var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-red-50{--tw-gradient-from:#fef2f2;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,86%,97%,0))}.from-red-400{--tw-gradient-from:#f87171;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,91%,71%,0))}.from-green-50{--tw-gradient-from:#ecfdf5;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(236,253,245,0))}.from-green-400{--tw-gradient-from:#34d399;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(52,211,153,0))}.from-blue-50{--tw-gradient-from:#eff6ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(239,246,255,0))}.from-blue-400{--tw-gradient-from:#60a5fa;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(96,165,250,0))}.from-purple-50{--tw-gradient-from:#f5f3ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(245,243,255,0))}.from-purple-400{--tw-gradient-from:#a78bfa;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(167,139,250,0))}.hover\:from-blue-100:hover{--tw-gradient-from:#dbeafe;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(219,234,254,0))}.to-green-50{--tw-gradient-to:#ecfdf5}.to-indigo-50{--tw-gradient-to:#eef2ff}.to-indigo-400{--tw-gradient-to:#818cf8}.to-pink-50{--tw-gradient-to:#fdf2f8}.to-pink-400{--tw-gradient-to:#f472b6}.hover\:to-green-100:hover{--tw-gradient-to:#d1fae5}.object-cover{-o-object-fit:cover;object-fit:cover}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pr-4{padding-right:1rem}.pl-2{padding-left:.5rem}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgba(31,41,55,var(--tw-text-opacity))}.hover\:text-gray-900:hover,.text-gray-900{--tw-text-opacity:1;color:rgba(17,24,39,var(--tw-text-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgba(29,78,216,var(--tw-text-opacity))}.underline{text-decoration:underline}.opacity-0{opacity:0}.group:hover .group-hover\:opacity-100{opacity:1}*,:after,:before{--tw-shadow:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.group:hover .group-hover\:shadow-sm,.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}*,:after,:before{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-opacity{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@import url("https://p.typekit.net/p.css?s=1&k=dba6omz&ht=tk&f=10804.31377.29540.29547.43554.43795&a=1494256&app=typekit&e=css");@font-face{font-family:nimbus-sans-extended;src:url(https://use.typekit.net/af/8d484d/00000000000000003b9af903/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/8d484d/00000000000000003b9af903/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/8d484d/00000000000000003b9af903/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:400;font-stretch:normal}@font-face{font-family:titling-gothic-fb;src:url(https://use.typekit.net/af/d58aa1/00000000000000003b9ae8e0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/d58aa1/00000000000000003b9ae8e0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/d58aa1/00000000000000003b9ae8e0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal}@font-face{font-family:stilson;src:url(https://use.typekit.net/af/571f00/00000000000000003b9ae1a9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/571f00/00000000000000003b9ae1a9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/571f00/00000000000000003b9ae1a9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal}@font-face{font-family:stilson-display-condensed;src:url(https://use.typekit.net/af/9ce679/00000000000000003b9ae1b0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/9ce679/00000000000000003b9ae1b0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/9ce679/00000000000000003b9ae1b0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal}@font-face{font-family:laca-text;src:url(https://use.typekit.net/af/8a2fb3/00000000000000003b9b39f5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/8a2fb3/00000000000000003b9b39f5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/8a2fb3/00000000000000003b9b39f5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal}@font-face{font-family:hothouse;src:url(https://use.typekit.net/af/c8fb40/00000000000000003b9b3c63/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/c8fb40/00000000000000003b9b3c63/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/c8fb40/00000000000000003b9b3c63/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal}.tk-nimbus-sans-extended{font-family:nimbus-sans-extended,sans-serif}.tk-titling-gothic-fb{font-family:titling-gothic-fb,sans-serif}.tk-stilson{font-family:stilson,serif}.tk-stilson-display-condensed{font-family:stilson-display-condensed,serif}.tk-laca-text{font-family:laca-text,sans-serif}.tk-hothouse{font-family:hothouse,sans-serif}*,:after,:before{box-sizing:border-box}:root{font-size:18px}body{margin:0;--color-text:#111;--color-number:#999;--color-bg:#fff;--color-link:#1352d1;--color-link-hover:#111;color:var(--color-text);background-color:var(--color-bg);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js .loading:after,.js .loading:before{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)}a,a:hover{outline:none}a:hover{color:var(--color-link-hover)}a:focus,button:focus{outline:none}a:focus-visible,button:focus-visible{outline:2px solid #443ffc;outline-offset:3px}a:focus-visible{background:none}.frame{padding:3rem 5vw 6rem;text-align:center;position:relative;z-index:1000}.frame__title{font-size:1.525rem;margin:0 0 1rem;font-weight:400;cursor:default}.frame__tagline{color:#999;max-width:320px;margin:1rem auto}.frame__related h3{margin:0;padding-top:1rem;font-size:1rem}.frame__related p{margin:.5rem 0}.frame__links{display:flex;align-items:center;justify-content:center}.frame__links a:not(:last-child){margin-right:2rem}.github{width:24px;height:24px}.related{text-align:center;padding:4rem 1rem;min-height:40vh}.content{display:grid;margin:0 auto;padding:10vh 25px;max-width:1300px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:200px;grid-gap:4rem;grid-row-gap:6rem;list-style:none}.content,.content__item{width:100%;justify-content:center}.content__item{height:100%;margin:0;padding:0;counter-increment:itemcounter;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;pointer-events:none}.content__item:before{color:var(--color-number);position:absolute;top:0;left:0;content:counters(itemcounter,".",decimal-leading-zero)}.button{pointer-events:auto;cursor:pointer;border:none;padding:1.5rem 3rem;margin:0;font-family:inherit;font-size:inherit;position:relative;display:inline-block}.button:after,.button:before{position:absolute;top:0;left:0;width:100%;height:100%}.button--pan{font-family:aktiv-grotesk-extended,sans-serif;font-weight:700;border:2px solid #000;border-radius:3rem;overflow:hidden;color:#fff}.button--pan span{position:relative;mix-blend-mode:difference}.button--pan:before{content:"";background:#000;transition:transform .3s cubic-bezier(.7,0,.2,1)}.button--pan:hover:before{transform:translate3d(0,-100%,0)}.button--hyperion{font-family:input-mono-narrow,monospace;font-weight:500;padding:1rem 1.5rem;border:1px solid #000;overflow:hidden;color:#fff}.button--hyperion span{display:block;position:relative}.button--hyperion>span{overflow:hidden}.button--hyperion>span>span{overflow:hidden;mix-blend-mode:difference}.button--hyperion:hover>span>span{animation:MoveUpInitial .2s forwards,MoveUpEnd .2s .2s forwards}@keyframes MoveUpInitial{to{transform:translate3d(0,-105%,0)}}@keyframes MoveUpEnd{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}.button--hyperion:before{content:"";background:#000;transition:transform .3s cubic-bezier(.7,0,.2,1);transform-origin:100% 50%}.button--hyperion:hover:before{transform:scaleX(0);transform-origin:0 50%}.button--mimas{text-transform:uppercase;letter-spacing:.05rem;font-weight:700;font-size:.85rem;border-radius:.5rem;overflow:hidden;color:#fff;background:#e7e7e7}.button--mimas span{position:relative;mix-blend-mode:difference}.button--mimas:before{content:"";background:#000;width:120%;left:-10%;transform:skew(30deg);transition:transform .4s cubic-bezier(.3,1,.8,1)}.button--mimas:hover:before{transform:translate3d(100%,0,0)}.button--atlas{font-family:signo,sans-serif;font-weight:500}.button--atlas>span{display:inline-block}.button--atlas:hover>span{opacity:0}.marquee{position:absolute;top:0;left:0;width:100%;overflow:hidden;pointer-events:none}.marquee__inner{width:-moz-fit-content;width:fit-content;display:flex;position:relative;--offset:1rem;--move-initial:calc(-25% + var(--offset));--move-final:calc(-50% + var(--offset));transform:translate3d(var(--move-initial),0,0);animation:marquee 1s linear infinite;animation-play-state:paused;opacity:0}.button--atlas:hover .marquee__inner{animation-play-state:running;opacity:1;transition-duration:.4s}.marquee span{text-align:center;white-space:nowrap;font-style:italic;padding:1.5rem .5rem}@keyframes marquee{0%{transform:translate3d(var(--move-initial),0,0)}to{transform:translate3d(var(--move-final),0,0)}}.button--kari{font-family:freight-display-pro,serif;font-weight:900;font-size:1.25rem;border-radius:50%}.button--kari>span{display:inline-block;transition:opacity .1s}.button--kari:hover>span{opacity:0}.button--kari .marquee{transform:rotate(-2.75deg)}.button--kari:hover .marquee__inner{animation-play-state:running;opacity:1;transition-duration:1.9s}.button--pandora{background:#000;font-weight:700;padding:0;border-radius:5px}.button--pandora span{display:block;background:#a7a7a7;padding:1.5rem 2rem;border:1px solid #000;border-radius:5px;transform:translate3d(-4px,-4px,0);transition:transform .3s cubic-bezier(.7,0,.2,1)}.button--pandora:hover span{transform:translate3d(-8px,-8px,0)}.button--janus{font-family:freight-display-pro,serif;font-weight:900;width:175px;height:120px;color:#fff;background:none}.button--janus:before{content:"";background:#e6e6e6;-webkit-clip-path:path("M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z");clip-path:path("M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z");transition:clip-path .5s cubic-bezier(.585,2.5,.645,.55),-webkit-clip-path .5s cubic-bezier(.585,2.5,.645,.55),background .5s ease}.button--janus:hover:before{background:#000;-webkit-clip-path:path("M143,77 C117,96 74,100.5 45.5,91.5 C17,82.5 -10.5,57 5.5,31.5 C21.5,6 79,-5.5 130.5,4 C182,13.5 169,58 143,77 Z");clip-path:path("M143,77 C117,96 74,100.5 45.5,91.5 C17,82.5 -10.5,57 5.5,31.5 C21.5,6 79,-5.5 130.5,4 C182,13.5 169,58 143,77 Z")}.button--janus:after{content:"";height:86%;width:97%;top:5%;border-radius:58% 42% 55% 45%/56% 45% 55% 44%;border:1px solid #000;transform:rotate(-20deg);z-index:-1;transition:transform .5s cubic-bezier(.585,2.5,.645,.55)}.button--janus:hover:after{transform:translate3d(0,-5px,0)}.button--janus span{display:block;transition:transform .3s ease;mix-blend-mode:difference}.button--janus:hover span{transform:translate3d(0,-10px,0)}.button--anthe{font-family:bely-display,sans-serif;color:#fff;background:none}.button--anthe:before{content:"";background:#000;-webkit-clip-path:polygon(0 0,100% 0,100% 50%,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 50%,100% 100%,0 100%);transition:clip-path .4s cubic-bezier(.2,1,.8,1),-webkit-clip-path .4s cubic-bezier(.2,1,.8,1)}.button--anthe:hover:before{background:#000;-webkit-clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%);clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%)}.button--anthe span{display:block;mix-blend-mode:difference;transition:transform .4s cubic-bezier(.2,1,.8,1)}.button--anthe:hover span{transform:translate3d(-10px,0,0)}.button--pallene{font-family:aktiv-grotesk-extended,sans-serif;font-weight:700;border-radius:.5rem;border:2px solid #000;box-shadow:inset 0 0 0 0 #000;transition:border-radius .3s,box-shadow .3s,color .3s;transition-timing-function:cubic-bezier(.7,0,.2,1)}.button--pallene:hover{color:#e7e7e7;border-radius:50%;box-shadow:inset 0 0 0 40px #000;transition-delay:0s,0s,.2s}.button--telesto{overflow:hidden;font-family:obvia,sans-serif;font-weight:800;font-style:italic;font-size:1.15rem;color:#fff}.button--telesto span{display:block;position:relative;z-index:1}.button--telesto>span{overflow:hidden;mix-blend-mode:difference}.button--telesto:hover>span>span{animation:MoveRightInitial .1s forwards,MoveRightEnd .3s .2s forwards}@keyframes MoveRightInitial{to{transform:translate3d(105%,0,0)}}@keyframes MoveRightEnd{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}.button--telesto:after,.button--telesto:before{content:"";background:#000}.button--telesto:before{width:135%;-webkit-clip-path:polygon(75% 0,100% 50%,75% 100%,0 100%,0 0);clip-path:polygon(75% 0,100% 50%,75% 100%,0 100%,0 0);transform:translate3d(-100%,0,0)}.button--telesto:hover:before{transform:translateZ(0);transition:transform .3s cubic-bezier(.7,0,.2,1)}.button--telesto:after{width:105%;transform:translate3d(100%,0,0);transition:transform .3s cubic-bezier(.7,0,.2,1)}.button--telesto:hover:after{transform:translateZ(0);transition:transform .01s cubic-bezier(.7,0,.2,1) .3s}.button--calypso{overflow:hidden;font-family:freight-display-pro,serif;font-size:1.15rem;border-radius:.85rem;color:#fff}.button--calypso span{display:block;position:relative;mix-blend-mode:difference;z-index:10}.button--calypso:hover span{animation:MoveScaleUpInitial .3s forwards,MoveScaleUpEnd .3s .3s forwards}@keyframes MoveScaleUpInitial{to{transform:translate3d(0,-105%,0) scaleY(2);opacity:0}}@keyframes MoveScaleUpEnd{0%{transform:translate3d(0,100%,0) scaleY(2);opacity:0}to{transform:translateZ(0);opacity:1}}.button--calypso:before{content:"";background:#000;width:120%;height:0;padding-bottom:120%;top:-110%;left:-10%;border-radius:50%;transform:translate3d(0,68%,0) scale3d(0,0,0)}.button--calypso:hover:before{transform:translateZ(0) scaleX(1);transition:transform .4s cubic-bezier(.1,0,.3,1)}.button--calypso:after{content:"";background:#000;transform:translate3d(0,-100%,0);transition:transform .4s cubic-bezier(.1,0,.3,1)}.button--calypso:hover:after{transform:translateZ(0);transition-duration:.05s;transition-delay:.4s;transition-timing-function:linear}.button--skoll{overflow:hidden;border-radius:50%;color:#fff;width:100px;height:100px;padding:0;font-weight:500}.button--skoll span{display:block;position:relative}.button--skoll>span{overflow:hidden;mix-blend-mode:difference}.button--skoll:hover>span>span{animation:MoveUpInitial .2s forwards,MoveUpEnd .2s .2s forwards}.button--skoll:before{content:"";background:#000;width:100%;height:0;padding-bottom:100%;border-radius:50%;transform:translateZ(0);transition:transform .3s;transition-timing-function:cubic-bezier(.7,0,.2,1)}.button--skoll:hover:before{transform:translate3d(0,100%,0)}.button--greip{overflow:hidden;color:#fff;font-family:input-mono-narrow,monospace;font-weight:500;padding:1rem 2rem}.button--greip span{display:block;position:relative}.button--greip>span{overflow:hidden;mix-blend-mode:difference}.button--greip:hover>span>span{animation:MoveUpInitial .2s forwards,MoveUpEnd .2s .2s forwards}.button--greip:before{content:"";background:#000;width:100%;height:100%;transform-origin:50% 100%;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .2s,-webkit-clip-path .2s;transition-timing-function:cubic-bezier(.7,0,.2,1)}.button--greip:hover:before{transition-duration:.3s;-webkit-clip-path:polygon(0 0,100% 0,0 0,0 100%);clip-path:polygon(0 0,100% 0,0 0,0 100%)}.button--dione{background:none;font-family:obvia,sans-serif;font-weight:500;font-style:italic;padding:1.5rem 3rem}.button--dione span{display:inline-block;position:relative;color:#fff}.button--dione:before{content:"";background:#000;transition:transform .3s cubic-bezier(.2,1,.7,1)}.button--dione:hover:before{transform:scale3d(.9,.8,1)}.button--dione:after{content:"";border:1px solid #000;transition:transform .3s cubic-bezier(.2,1,.7,1);border-radius:0;transform:scale3d(.85,.65,1)}.button--dione:hover:after{transform:scaleX(1)}.button--helene{border-radius:7px;border:1px solid #000;font-family:chapman-extended,sans-serif;font-weight:900;font-style:normal;text-transform:uppercase;font-size:.85rem;padding:0 3rem;height:4rem}.button--helene:before{content:"";top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);background:rgba(0,0,0,.5);filter:blur(7px);border-radius:7px;z-index:-1;transform:translate3d(0,15px,0);transition:transform .45s}.button--helene:hover:before{transform:translateZ(0)}.button--helene span{display:block}.button--helene>span{height:100%;overflow:hidden;line-height:4rem}.button--helene:hover>span>span{animation:slotMachine .15s ease-out 3 forwards}@keyframes slotMachine{50%{transform:translate3d(0,100%,0);opacity:0}51%{transform:translate3d(0,-100%,0);opacity:0}to{transform:translateZ(0);opacity:1}}.button--rhea{font-family:freight-display-pro,serif;font-weight:900;font-style:normal;width:180px;height:180px;color:#000;background:none}.button--rhea:before{content:"";z-index:-1;background:#e7e7e7;-webkit-clip-path:polygon(20% 30%,0 30%,0 50%,0 70%,20% 70%,50% 70%,80% 70%,100% 70%,100% 50%,100% 30%,80% 30%,50% 30%);clip-path:polygon(20% 30%,0 30%,0 50%,0 70%,20% 70%,50% 70%,80% 70%,100% 70%,100% 50%,100% 30%,80% 30%,50% 30%);transition:clip-path .4s cubic-bezier(.3,1,.2,1),-webkit-clip-path .4s cubic-bezier(.3,1,.2,1),transform .4s cubic-bezier(.3,1,.2,1),background .4s ease}.button--rhea:hover:before{background:#000;transform:scale3d(.7,.7,1);-webkit-clip-path:polygon(30% 10%,10% 30%,30% 50%,10% 70%,30% 90%,50% 70%,70% 90%,90% 70%,70% 50%,90% 30%,70% 10%,50% 30%);clip-path:polygon(30% 10%,10% 30%,30% 50%,10% 70%,30% 90%,50% 70%,70% 90%,90% 70%,70% 50%,90% 30%,70% 10%,50% 30%)}.button--rhea span{display:block;transition:transform .4s cubic-bezier(.3,1,.2,1),opacity .05s}.button--rhea:hover span{transform:scale3d(.1,.1,1);opacity:0;transition-delay:0s,.35s}.button--narvi{font-weight:700;background:none}.button--narvi:before{content:"";z-index:-1;background:#e7e7e7;-webkit-clip-path:polygon(0 0,100% 0,100% 70%,85% 70%,80% 70%,75% 70%,0 70%);clip-path:polygon(0 0,100% 0,100% 70%,85% 70%,80% 70%,75% 70%,0 70%);transition:clip-path .3s cubic-bezier(.7,0,.2,1),-webkit-clip-path .3s cubic-bezier(.7,0,.2,1),transform .3s ease}.button--narvi:hover:before{transform:translate3d(0,-10px,0);-webkit-clip-path:polygon(0 0,100% 0,100% 70%,85% 70%,86% 100%,75% 70%,0 70%);clip-path:polygon(0 0,100% 0,100% 70%,85% 70%,86% 100%,75% 70%,0 70%)}.button--narvi span{display:block;position:relative}.button--narvi>span{transition:transform .3s;transform:translate3d(0,-.556rem,0);z-index:1;overflow:hidden}.button--narvi:hover>span{transform:translate3d(0,-1.111rem,0)}.button--narvi:hover>span>span{animation:MoveUpInitial .15s forwards,MoveUpEnd .15s .15s forwards}.button--hati{border-radius:50%;overflow:hidden;border:2px solid;font-family:aktiv-grotesk-extended,sans-serif;font-weight:900;font-style:italic}.button--hati,.button--hati:hover{background:none}.button--hati:before{animation:rotateIt 10s linear infinite;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAUElEQVQoU3VPSQ4AMQiS/z/aBiMNNDNeXEBQoDL66dkG52/hzlmsSqMKrAVCoOXuxR3TFVSIIJmzsFvGOMlust3iivmQd/6+3/NlN4paIOEADPIUD/MQvy0AAAAASUVORK5CYII=);content:"";width:300%;height:300%;top:-100%;left:-100%;z-index:-1;opacity:0;transform-origin:50% 50%;transition:opacity .3s}@keyframes rotateIt{to{transform:rotate(-1turn)}}.button--hati:hover:before{opacity:.7}.button--hati span{display:block;position:relative;z-index:1}.button--bestia{font-family:freight-display-pro,serif;font-size:1.15rem;color:#fff;background:none;padding:0}.button--bestia .button__bg{top:0;left:0;position:absolute;width:100%;height:100%;background:#e7e7e7;border-radius:.85rem;overflow:hidden;transition:transform .4s cubic-bezier(.1,0,.3,1)}.button--bestia:hover .button__bg{transform:scale3d(1.2,1.2,1)}.button--bestia .button__bg:after,.button--bestia .button__bg:before{content:"";position:absolute;background:#000}.button--bestia .button__bg:before{width:110%;height:0;padding-bottom:110%;top:50%;left:50%;border-radius:50%;transform:translate3d(-50%,-50%,0) scale3d(0,0,1)}.button--bestia:hover .button__bg:before{transition:transform .4s cubic-bezier(.1,0,.3,1);transform:translate3d(-50%,-50%,0) scaleX(1)}.button--bestia .button__bg:after{top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s}.button--bestia:hover .button__bg:after{opacity:1;transition-duration:.01s;transition-delay:.3s}.button--bestia span{display:block;position:relative;padding:1.5rem 3rem;mix-blend-mode:difference}.button--surtur{padding:0;background:none;-webkit-clip-path:circle(40% at 50% 50%);clip-path:circle(40% at 50% 50%)}.button--surtur:focus-visible{background:#443ffc}.textcircle{position:relative;display:block;width:200px}.textcircle text{font-size:32px;text-transform:uppercase;fill:#000}.textcircle textPath{letter-spacing:17px}.button--surtur:hover .textcircle{animation:rotateIt 7s linear infinite}.eye{position:absolute;z-index:2;width:60px;height:60px;top:calc(50% - 30px);left:calc(50% - 30px)}.eye__inner,.eye__lashes-down,.eye__lashes-up,.eye__outer{stroke:#000;fill:none;stroke-width:1.5px}.eye__lashes-down{opacity:0}.button--surtur:hover .eye__inner,.button--surtur:hover .eye__iris,.button--surtur:hover .eye__lashes-up{animation:blinkHide 2s step-end infinite}.button--surtur:hover .eye__lashes-down{animation:blinkShow 2s step-end infinite}@keyframes blinkHide{0%{opacity:0}10%{opacity:1}}@keyframes blinkShow{0%{opacity:1}10%{opacity:0}}.button--fenrir{background:none;padding:0;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);width:120px;height:120px;font-family:aktiv-grotesk-extended,sans-serif;font-weight:700;text-transform:uppercase;font-size:.85rem}.progress{position:absolute;width:80px;height:80px;top:calc(50% - 40px);left:calc(50% - 40px);transition:transform .4s cubic-bezier(.7,0,.3,1)}.button--fenrir:hover .progress{transform:scale3d(1.2,1.2,1)}.progress__circle,.progress__path{fill:none;stroke:#f0f0f0;stroke-width:1px}.button--fenrir:focus-visible .progress__circle{fill:rgba(252,196,63,.4)}.progress__path{stroke:#a6a6a6;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s cubic-bezier(.7,0,.3,1)}.button--fenrir:hover .progress__path{stroke-dashoffset:0}@media screen and (min-width:53em){.frame{text-align:left;z-index:100;display:grid;align-content:space-between;width:100%;max-width:none;padding:3rem 3.5rem;pointer-events:none;grid-template-columns:50% 50%;grid-template-rows:auto auto auto;grid-template-areas:"title links" "... ..." "author ..."}.frame__title-wrap{grid-area:title}.frame__title{margin:0}.frame__tagline{position:relative;margin-left:0}.frame__links{grid-area:links;padding:0;justify-self:end;align-self:start;justify-content:start}.frame__author{grid-area:author}.frame a{pointer-events:auto}}@media (min-width:640px){.sm\:mr-4{margin-right:1rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:inline{display:inline}.sm\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-28{height:7rem}.lg\:w-28{width:7rem}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1280px){.xl\:mb-6{margin-bottom:1.5rem}.xl\:mb-7{margin-bottom:1.75rem}.xl\:mb-12{margin-bottom:3rem}.xl\:max-w-7xl{max-width:80rem}.xl\:gap-20{gap:5rem}.xl\:space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.75rem * var(--tw-space-x-reverse));margin-left:calc(1.75rem * calc(1 - var(--tw-space-x-reverse)))}.xl\:space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}.xl\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.xl\:pr-6{padding-right:1.5rem}.xl\:pl-8{padding-left:2rem}.xl\:text-lg{font-size:1.125rem;line-height:1.75rem}.xl\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1536px){.\32xl\:max-w-6xl{max-width:72rem}}