:root{--black:#000;--black-2:#121212;--black-3:#242424;--imperial-red:#ea3a3a;--white-2:#fefefeb3;--silver:#cbcbcb;--seasalt:#f9f9f9;--white-smoke:#f5f2f2}
cls *{box-sizing:border-box}a:hover{text-decoration:none}.adf-embedded{margin-bottom:50px}.gap-10px{gap:10px}.gap-5px{gap:5px}.gap-20px{gap:20px}.gap-30px{gap:30px}.gap-35px{gap:35px}.gap-88px{gap:88px}.rowgap-10px{row-gap:10px}.rowgap-15px{row-gap:15px}.rowgap-20px{row-gap:20px}.rowgap-25px{row-gap:25px}.rowgap-30px{row-gap:30px}.c-balck{color:#000}.c-white{color:#fff}.c-blue{color:#00f}.bg-blue{background-color:#00f}.w-100px{width:100px}.w-200px{width:200px}.w-300px{width:300px}.w-600px{width:600px}.w-900px{width:900px}.w-1200px{width:1200px}.bg-red{--bs-bg-opacity:1;background-color:#dc1e28!important}.bg-maroon{background-color:maroon}@media (min-width:576px){.w-sm-100{width:100%!important}.w-sm-75{width:75%!important}.w-sm-50{width:50%!important}.w-sm-25{width:25%!important}.h-sm-100{height:100%!important}.h-sm-75{height:75%!important}.h-sm-50{height:50%!important}.h-sm-25{height:25%!important}.gap-sm-5px{gap:5px}.gap-sm-88px{gap:88px}}@media (min-width:768px){.w-md-100{width:100%!important}.w-md-75{width:75%!important}.w-md-50{width:50%!important}.w-md-25{width:25%!important}.h-md-100{height:100%!important}.h-md-75{height:75%!important}.h-md-50{height:50%!important}.h-md-25{height:25%!important}}@media (min-width:992px){.w-lg-100{width:100%!important}.w-lg-75{width:75%!important}.w-lg-50{width:50%!important}.w-lg-25{width:25%!important}.h-lg-100{height:100%!important}.h-lg-75{height:75%!important}.h-lg-50{height:50%!important}.h-lg-25{height:25%!important}}@media (min-width:1200px){.w-xl-100{width:100%!important}.w-xl-75{width:75%!important}.w-xl-50{width:50%!important}.w-xl-25{width:25%!important}.h-xl-100{height:100%!important}.h-xl-75{height:75%!important}.h-xl-50{height:50%!important}.h-xl-25{height:25%!important}}
:root{--font-teko:"teko";--font-work-sans:"Work Sans"}
*,:after,:before{box-sizing:border-box}:root{font-size:18px}body{--color-text:#111;--color-number:#999;--color-bg:#fff;--color-link:red;--color-link-hover:#111;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:tenon,sans-serif}.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);outline:none;text-decoration:none}a:hover{color:var(--color-link-hover);outline:none}a:focus,button:focus{outline:none}a:focus-visible,button:focus-visible{outline-offset:3px;outline:2px solid #443ffc}a:focus-visible{background:0 0}.frame{text-align:center;z-index:1000;padding:3rem 5vw 6rem;position:relative}.frame__title{cursor:default;margin:0 0 1rem;font-size:1.525rem;font-weight:400}.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{justify-content:center;align-items:center;display:flex}.frame__links a:not(:last-child){margin-right:2rem}.github{width:24px;height:24px}.related{text-align:center;min-height:40vh;padding:4rem 1rem}.content{grid-gap:4rem;grid-row-gap:6rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:200px;justify-content:center;width:100%;max-width:1300px;margin:0 auto;padding:10vh 25px;list-style:none;display:grid}.content__item{counter-increment:itemcounter;z-index:1;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;position:relative}.content__item:before{color:var(--color-number);content:counters(itemcounter,".",decimal-leading-zero);position:absolute;top:0;left:0}.button{pointer-events:auto;cursor:pointer;font-family:inherit;font-size:inherit;background:#e7e7e7;border:none;margin:0;padding:1.5rem 3rem;display:inline-block;position:relative}.button:before,.button:after{width:100%;height:100%;position:absolute;top:0;left:0}.button--pan{color:#fff;border:2px solid #000;border-radius:3rem;font-family:aktiv-grotesk-extended,sans-serif;font-weight:700;overflow:hidden}.button--pan span{mix-blend-mode:difference;position:relative}.button--pan:before{content:"";background:#000;transition:transform .3s cubic-bezier(.7,0,.2,1)}.button--pan:hover:before{transform:translateY(-100%)}.button--hyperion{color:#fff;border:1px solid #000;padding:1rem 1.5rem;font-family:input-mono-narrow,monospace;font-weight:500;overflow:hidden}.button--hyperion span{display:block;position:relative}.button--hyperion>span{overflow:hidden}.button--hyperion>span>span{mix-blend-mode:difference;overflow:hidden}.button--hyperion:hover>span>span{animation:.2s forwards MoveUpInitial,.2s .2s forwards MoveUpEnd}@keyframes MoveUpInitial{to{transform:translateY(-105%)}}@keyframes MoveUpEnd{0%{transform:translateY(100%)}to{transform:translate(0,0)}}.button--hyperion:before{content:"";transform-origin:100%;background:#000;transition:transform .3s cubic-bezier(.7,0,.2,1)}.button--hyperion:hover:before{transform-origin:0%;transform:scaleX(0)}.button--mimas{text-transform:uppercase;letter-spacing:.05rem;color:#fff;background:#e7e7e7;border-radius:.5rem;font-size:.85rem;font-weight:700;overflow:hidden}.button--mimas span{mix-blend-mode:difference;position:relative}.button--mimas:before{content:"";background:#000;width:120%;transition:transform .4s cubic-bezier(.3,1,.8,1);left:-10%;transform:skew(30deg)}.button--mimas:hover:before{transform:translate(100%)}.button--atlas{font-family:signo,sans-serif;font-weight:500}.button--atlas>span{display:inline-block}.button--atlas:hover>span{opacity:0}.marquee{pointer-events:none;width:100%;position:absolute;top:0;left:0;overflow:hidden}.marquee__inner{--offset:1rem;--move-initial:calc(-25% + var(--offset));--move-final:calc(-50% + var(--offset));width:fit-content;transform:translate3d(var(--move-initial),0,0);opacity:0;animation:1s linear infinite paused marquee;display:flex;position:relative}.button--atlas:hover .marquee__inner{opacity:1;transition-duration:.4s;animation-play-state:running}.marquee span{text-align:center;white-space:nowrap;padding:1.5rem .5rem;font-style:italic}@keyframes marquee{0%{transform:translate3d(var(--move-initial),0,0)}to{transform:translate3d(var(--move-final),0,0)}}.button--kari{border:2px solid #000;border-radius:50%;font-family:freight-display-pro,serif;font-size:1.25rem;font-weight:900}.button--kari>span{transition:opacity .1s;display:inline-block}.button--kari:hover>span{opacity:0}.button--kari .marquee{transform:rotate(-2.75deg)}.button--kari:hover .marquee__inner{opacity:1;transition-duration:.6s;animation-play-state:running}.button--pandora{background:#000;border-radius:5px;padding:0;font-weight:700}.button--pandora span{background:#a7a7a7;border:1px solid #000;border-radius:5px;padding:1.5rem 2rem;transition:transform .3s cubic-bezier(.7,0,.2,1);display:block;transform:translate(-4px,-4px)}.button--pandora:hover span{transform:translate(-8px,-8px)}.button--janus{color:#fff;background:0 0;width:175px;height:120px;font-family:freight-display-pro,serif;font-weight:900}.button--janus:before{content:"";-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");background:#e6e6e6;transition:clip-path .5s cubic-bezier(.585,2.5,.645,.55),background .5s cubic-bezier(.585,2.5,.645,.55)}.button--janus:hover:before{-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");background:#000}.button--janus:after{content:"";z-index:-1;border:1px solid #000;border-radius:58% 42% 55% 45%/56% 45% 55% 44%;width:97%;height:86%;transition:transform .5s cubic-bezier(.585,2.5,.645,.55);top:5%;transform:rotate(-20deg)}.button--janus:hover:after{transform:translateY(-5px)}.button--janus span{mix-blend-mode:difference;transition:transform .3s;display:block}.button--janus:hover span{transform:translateY(-10px)}.button--anthe{color:#fff;background:0 0;font-family:bely-display,sans-serif}.button--anthe:before{content:"";clip-path:polygon(0% 0%,100% 0,100% 50%,100% 100%,0% 100%);background:#000;transition:clip-path .4s cubic-bezier(.2,1,.8,1)}.button--anthe:hover:before{clip-path:polygon(0% 0%,75% 0%,100% 50%,75% 100%,0% 100%);background:#000}.button--anthe span{mix-blend-mode:difference;transition:transform .4s cubic-bezier(.2,1,.8,1);display:block}.button--anthe:hover span{transform:translate(-10px)}.button--pallene{border:2px solid #000;border-radius:.5rem;font-family:aktiv-grotesk-extended,sans-serif;font-weight:700;transition:border-radius .3s cubic-bezier(.7,0,.2,1),box-shadow .3s cubic-bezier(.7,0,.2,1),color .3s cubic-bezier(.7,0,.2,1);box-shadow:inset 0 0 #000}.button--pallene:hover{color:#e7e7e7;border-radius:50%;transition-delay:0s,0s,.2s;box-shadow:inset 0 0 0 40px #000}.button--telesto{color:#fff;font-family:obvia,sans-serif;font-size:1.15rem;font-style:italic;font-weight:800;overflow:hidden}.button--telesto span{z-index:1;display:block;position:relative}.button--telesto>span{mix-blend-mode:difference;overflow:hidden}.button--telesto:hover>span>span{animation:.1s forwards MoveRightInitial,.3s .2s forwards MoveRightEnd}@keyframes MoveRightInitial{to{transform:translate(105%)}}@keyframes MoveRightEnd{0%{transform:translate(-100%)}to{transform:translate(0,0)}}.button--telesto:before,.button--telesto:after{content:"";background:#000}.button--telesto:before{clip-path:polygon(75% 0%,100% 50%,75% 100%,0% 100%,0% 0%);width:135%;transform:translate(-100%)}.button--telesto:hover:before{transition:transform .3s cubic-bezier(.7,0,.2,1);transform:translate(0,0)}.button--telesto:after{width:105%;transition:transform .3s cubic-bezier(.7,0,.2,1);transform:translate(100%)}.button--telesto:hover:after{transition:transform 10ms cubic-bezier(.7,0,.2,1) .3s;transform:translate(0,0)}.button--calypso{color:#fff;border-radius:.85rem;font-family:freight-display-pro,serif;font-size:1.15rem;overflow:hidden}.button--calypso span{mix-blend-mode:difference;z-index:10;display:block;position:relative}.button--calypso:hover span{animation:.3s forwards MoveScaleUpInitial,.3s .3s forwards MoveScaleUpEnd}@keyframes MoveScaleUpInitial{to{opacity:0;transform:translateY(-105%)scaleY(2)}}@keyframes MoveScaleUpEnd{0%{opacity:0;transform:translateY(100%)scaleY(2)}to{opacity:1;transform:translate(0,0)}}.button--calypso:before{content:"";background:#000;border-radius:50%;width:120%;height:0;padding-bottom:120%;top:-110%;left:-10%;transform:translateY(68%)scale3d(0,0,0)}.button--calypso:hover:before{transition:transform .4s cubic-bezier(.1,0,.3,1);transform:translate(0,0)scale(1)}.button--calypso:after{content:"";background:#000;transition:transform .4s cubic-bezier(.1,0,.3,1);transform:translateY(-100%)}.button--calypso:hover:after{transition-duration:50ms;transition-delay:.4s;transition-timing-function:linear;transform:translate(0,0)}.button--skoll{color:#fff;border-radius:50%;width:100px;height:100px;padding:0;font-weight:500;overflow:hidden}.button--skoll span{display:block;position:relative}.button--skoll>span{mix-blend-mode:difference;overflow:hidden}.button--skoll:hover>span>span{animation:.2s forwards MoveUpInitial,.2s .2s forwards MoveUpEnd}.button--skoll:before{content:"";background:#000;border-radius:50%;width:100%;height:0;padding-bottom:100%;transition:transform .3s cubic-bezier(.7,0,.2,1);transform:translate(0,0)}.button--skoll:hover:before{transform:translateY(100%)}.button--greip{color:#fff;padding:1rem 2rem;font-family:input-mono-narrow,monospace;font-weight:500;overflow:hidden}.button--greip span{display:block;position:relative}.button--greip>span{mix-blend-mode:difference;overflow:hidden}.button--greip:hover>span>span{animation:.2s forwards MoveUpInitial,.2s .2s forwards MoveUpEnd}.button--greip:before{content:"";transform-origin:50% 100%;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);background:#000;width:100%;height:100%;transition:clip-path .2s cubic-bezier(.7,0,.2,1)}.button--greip:hover:before{clip-path:polygon(0 0,100% 0,0 0,0% 100%);transition-duration:.3s}.button--dione{background:0 0;padding:1.5rem 3rem;font-family:obvia,sans-serif;font-style:italic;font-weight:500}.button--dione span{color:#fff;display:inline-block;position:relative}.button--dione:before{content:"";background:#000;transition:transform .3s cubic-bezier(.2,1,.7,1)}.button--dione:hover:before{transform:scale(.9,.8)}.button--dione:after{content:"";border:1px solid #000;border-radius:0;transition:transform .3s cubic-bezier(.2,1,.7,1);transform:scale(.85,.65)}.button--dione:hover:after{transform:scale(1)}.button--helene{text-transform:uppercase;border:1px solid #000;border-radius:7px;height:4rem;padding:0 3rem;font-family:chapman-extended,sans-serif;font-size:.85rem;font-style:normal;font-weight:900}.button--helene:before{content:"";filter:blur(7px);z-index:-1;background:#00000080;border-radius:7px;width:calc(100% - 20px);height:calc(100% - 20px);transition:transform .45s;top:10px;left:10px;transform:translateY(15px)}.button--helene:hover:before{transform:translate(0,0)}.button--helene span{display:block}.button--helene>span{height:100%;line-height:4rem;overflow:hidden}.button--helene:hover>span>span{animation:.15s ease-out 3 forwards slotMachine}@keyframes slotMachine{50%{opacity:0;transform:translateY(100%)}51%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translate(0,0)}}.button--rhea{color:#000;background:0 0;width:180px;height:180px;font-family:freight-display-pro,serif;font-style:normal;font-weight:900}.button--rhea:before{content:"";z-index:-1;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%);background:#e7e7e7;transition:clip-path .4s cubic-bezier(.3,1,.2,1),transform .4s cubic-bezier(.3,1,.2,1),background .4s cubic-bezier(.3,1,.2,1)}.button--rhea:hover:before{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%);background:#000;transform:scale(.7)}.button--rhea span{transition:transform .4s cubic-bezier(.3,1,.2,1),opacity 50ms;display:block}.button--rhea:hover span{opacity:0;transition-delay:0s,.35s;transform:scale(.1)}.button--narvi{background:0 0;font-weight:700}.button--narvi:before{content:"";z-index:-1;clip-path:polygon(0% 0%,100% 0%,100% 70%,85% 70%,80% 70%,75% 70%,0 70%);background:#e7e7e7;transition:clip-path .3s cubic-bezier(.7,0,.2,1),transform .3s cubic-bezier(.7,0,.2,1)}.button--narvi:hover:before{clip-path:polygon(0% 0%,100% 0%,100% 70%,85% 70%,86% 100%,75% 70%,0 70%);transform:translateY(-10px)}.button--narvi span{display:block;position:relative}.button--narvi>span{z-index:1;transition:transform .3s;overflow:hidden;transform:translateY(-.556rem)}.button--narvi:hover>span{transform:translateY(-1.111rem)}.button--narvi:hover>span>span{animation:.15s forwards MoveUpInitial,.15s .15s forwards MoveUpEnd}.button--hati{background:0 0;border:2px solid;border-radius:50%;font-family:aktiv-grotesk-extended,sans-serif;font-style:italic;font-weight:900;overflow:hidden}.button--hati:hover{background:0 0}.button--hati:before{content:"";z-index:-1;opacity:0;transform-origin:50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAUElEQVQoU3VPSQ4AMQiS/z/aBiMNNDNeXEBQoDL66dkG52/hzlmsSqMKrAVCoOXuxR3TFVSIIJmzsFvGOMlust3iivmQd/6+3/NlN4paIOEADPIUD/MQvy0AAAAASUVORK5CYII=);width:300%;height:300%;transition:opacity .3s;animation:10s linear infinite rotateIt;top:-100%;left:-100%}@keyframes rotateIt{to{transform:rotate(-360deg)}}.button--hati:hover:before{opacity:.7}.button--hati span{z-index:1;display:block;position:relative}.button--bestia{color:#fff;background:0 0;padding:0;font-family:freight-display-pro,serif;font-size:1.15rem}.button--bestia .button__bg{background:#e7e7e7;border-radius:.85rem;width:100%;height:100%;transition:transform .4s cubic-bezier(.1,0,.3,1);position:absolute;top:0;left:0;overflow:hidden}.button--bestia:hover .button__bg{transform:scale(1.2)}.button--bestia .button__bg:before,.button--bestia .button__bg:after{content:"";background:#000;position:absolute}.button--bestia .button__bg:before{border-radius:50%;width:110%;height:0;padding-bottom:110%;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.button--bestia:hover .button__bg:before{transition:transform .4s cubic-bezier(.1,0,.3,1);transform:translate(-50%,-50%)scale(1)}.button--bestia .button__bg:after{opacity:0;width:100%;height:100%;transition:opacity .3s;top:0;left:0}.button--bestia:hover .button__bg:after{opacity:1;transition-duration:10ms;transition-delay:.3s}.button--bestia span{mix-blend-mode:difference;padding:1.5rem 3rem;display:block;position:relative}.button--surtur{clip-path:circle(40%);background:0 0;padding:0}.button--surtur:focus-visible{background:#443ffc}.textcircle{width:200px;display:block;position:relative}.textcircle text{text-transform:uppercase;fill:#000;font-size:32px}.textcircle textPath{letter-spacing:17px}.button--surtur:hover .textcircle{animation:7s linear infinite rotateIt}.eye{z-index:2;width:60px;height:60px;position:absolute;top:calc(50% - 30px);left:calc(50% - 30px)}.eye__outer,.eye__inner,.eye__lashes-up,.eye__lashes-down{stroke:#000;fill:none;stroke-width:1.5px}.eye__lashes-down{opacity:0}.button--surtur:hover .eye__lashes-up,.button--surtur:hover .eye__inner,.button--surtur:hover .eye__iris{animation:2s step-end infinite blinkHide}.button--surtur:hover .eye__lashes-down{animation:2s step-end infinite blinkShow}@keyframes blinkHide{0%{opacity:0}10%{opacity:1}}@keyframes blinkShow{0%{opacity:1}10%{opacity:0}}.button--fenrir{clip-path:circle(50%);text-transform:uppercase;background:0 0;width:120px;height:120px;padding:0;font-family:aktiv-grotesk-extended,sans-serif;font-size:.85rem;font-weight:700}.progress{width:80px;height:80px;transition:transform .4s cubic-bezier(.7,0,.3,1);position:absolute;top:calc(50% - 40px);left:calc(50% - 40px)}.button--fenrir:hover .progress{transform:scale(1.2)}.progress__circle,.progress__path{fill:none;stroke:#f0f0f0;stroke-width:1px}.button--fenrir:focus-visible .progress__circle{fill:#fcc43f66}.progress__path{stroke:#a6a6a6;stroke-dasharray:1;stroke-dashoffset:1px;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;pointer-events:none;grid-template:"title links"". .""author."/50% 50%;align-content:space-between;width:100%;max-width:none;padding:3rem 3.5rem;display:grid}.frame__title-wrap{grid-area:title}.frame__title{margin:0}.frame__tagline{margin-left:0;position:relative}.frame__links{grid-area:links;justify-content:start;place-self:start end;padding:0}.frame__author{grid-area:author}.frame a{pointer-events:auto}}.quote{text-align:justify;font-family:Courier New,Courier,monospace;font-size:medium;font-style:italic}