.title--hero[data-v-33187e8a]{position:absolute;top:1rem;font-size:25vmin;max-width:4em;margin:0;text-align:left;line-height:.8;z-index:100;text-shadow:.3rem .3rem 0 rgba(255,235,60,.4),.3rem -.3rem 0 rgba(60,141,255,.4),-.3rem -.3rem 0 rgba(255,60,102,.4),0 .33rem 1rem rgba(25,41,64,.25)}@media screen and (min-width:50em){.title--hero[data-v-33187e8a]{font-size:20vmin}}.tagline[data-v-33187e8a]{position:absolute;bottom:16vh;margin-top:1em;text-align:left;line-height:1.4;width:calc(100vw - 4rem);max-width:13em;color:#221112;text-shadow:0 0 32px #ebe0d9}.tagline .easy-steps[data-v-33187e8a]{display:inline-block;background:#ff6565;border-radius:3px;color:#fff;padding:0 .5em .15em .5em;text-shadow:none}.tagline .nowrap[data-v-33187e8a]{white-space:nowrap}section[data-v-33187e8a]{background-image:linear-gradient(170deg,#ebe0d9,rgba(235,224,217,0) 70%)}.page__sticker{position:absolute;top:0;width:105vmin;height:105vmin;background:#ff69b4;border-radius:15vmin;transform:rotate(12deg);transform-origin:center top;z-index:-1}.progress[data-v-57ea74fa]{overflow:hidden;padding:.5rem 0}.line[data-v-57ea74fa]{background:#fff;width:100%;height:.4rem;transform-origin:left}.highlight{position:relative;display:inline-block;color:#000;white-space:nowrap}.highlight:before{content:"";overflow:hidden;position:absolute;height:115%;z-index:-1;width:calc(100% + 1em);color:#fff;background:gold;transform:skewX(-10deg);margin-left:-.5em;border-radius:5px}.puzzle-container{width:100%;transform-origin:center right}.puzzle-container canvas{width:100%;height:100%}.page[data-v-6f553f3b]{border:10 solid #4682b4}.hero-puzzle[data-v-6f553f3b]{position:absolute;width:90vmin;height:90vmin;transform-origin:center center;top:-90vh;left:auto;right:0}.goal,.slide[data-v-6f553f3b]{width:20em}.goal{position:absolute;top:20%;right:50%;transform:translateX(50%)}@media screen and (min-width:50em){.goal{width:20em}}.goal__background{position:absolute;width:100%;height:0;padding-bottom:100%;border-radius:50%;mix-blend-mode:overlay;transform:scale(.9)}.goal__description{position:relative;color:#fff;text-align:center;margin-top:2em;z-index:100}.demo[data-v-2687279a]{margin:1em auto;max-width:40em;min-width:80%;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.5);border-radius:24px;box-shadow:8px 32px 32px -12px rgba(62,15,15,.2);transition:all .3s ease}.demo.demo--goal[data-v-2687279a]{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:rgba(247,243,241,0);box-shadow:8px 8px 32px -12px rgba(62,15,15,0)}.demo__puzzle[data-v-2687279a]{position:relative;max-width:22em;width:90vmin;padding:1em;margin:auto;z-index:10}@media screen and (min-width:50em){.demo__puzzle[data-v-2687279a]{width:25em}}.demo__background[data-v-2687279a]{position:absolute;width:100%;height:100%;border-radius:50%;mix-blend-mode:overlay;scale:.9}.demo__description[data-v-2687279a]{color:#fff;text-align:center;font-weight:700;margin-left:-20%;margin-right:-20%}.demo .moves[data-v-2687279a]{position:relative;margin:1em;text-align:center}.demo .adj[data-v-2687279a]{margin:.25em .5em;display:inline-block}.demo .adj svg[data-v-2687279a]{color:rgba(12,12,12,.1)}.demo .info[data-v-2687279a]{margin:1em}.btn[data-v-2687279a]{border-radius:.5em;padding:1em 2em}.btn--play-demo[data-v-2687279a]{background:rgba(247,243,241,.8);box-shadow:0 16px 16px -8px rgba(62,15,15,.2);color:#121212;font-weight:700;transition:all .2s ease;transition-property:background-color,transform}.btn--play-demo[data-v-2687279a]:active,.btn--play-demo[data-v-2687279a]:focus,.btn--play-demo[data-v-2687279a]:hover{outline:none;background-color:#fff;transform:scale(1.15)}.controller[data-v-2687279a]{display:grid;grid-template-columns:3em 1fr;margin:1em;height:3em}.controller__btn[data-v-2687279a]{color:#121212;display:flex;justify-content:center;align-items:center;width:3em;height:3em;cursor:pointer}.scrubber[data-v-2687279a]{background:rgba(29,10,2,.1);height:3em;padding:.5em;border-radius:.5em;box-shadow:inset 3px 6px 16px -2px rgba(62,15,15,.13)}.scrubber__container[data-v-2687279a]{width:100%;height:100%}.scrubber__bar[data-v-2687279a]{display:none;width:50%;background:#000;height:100%;float:left}.scrubber__thumb[data-v-2687279a]{position:absolute;border-radius:.25em;background:hsla(0,0%,100%,.8);opacity:.8;background:#fff;height:2em;width:2em;float:right;background:#121212}.scrubber__thumb[data-v-2687279a]:active,.scrubber__thumb[data-v-2687279a]:focus,.scrubber__thumb[data-v-2687279a]:hover{transform-origin:center center;transition-property:box-shadow,background-color,opacity;transition-duration:.2s;transition-timing-function:ease-in-out;outline:none;opacity:1}.tabs[data-v-2687279a]{position:relative;display:flex;justify-content:center;height:4em}.tabs .selector[data-v-2687279a],.tabs .tab[data-v-2687279a]{max-width:25%;border-radius:8px;margin:.5em 0;padding:.25em;height:100%;width:100%;transition:all .2s;cursor:pointer}.tabs .tab img[data-v-2687279a]{max-height:100%;opacity:.7;transform:scale(.8);transition:all .2s}.tabs .tab.active[data-v-2687279a]{cursor:auto}.tabs .tab.active img[data-v-2687279a],.tabs .tab:hover img[data-v-2687279a]{opacity:1;transform:none}.tabs .selector[data-v-2687279a]{position:absolute;background:#fff;z-index:-1}.page__footer[data-v-3e2e65df]{position:fixed;bottom:0;width:100%;padding:1em;text-align:center}.page__footer a[data-v-3e2e65df]{color:rgba(0,0,0,.4);padding:1em;text-decoration:none;transition:all .1s ease-in-out;background-color:none}.page__footer a[data-v-3e2e65df]:active,.page__footer a[data-v-3e2e65df]:focus,.page__footer a[data-v-3e2e65df]:hover{letter-spacing:.05em;color:#000;background-color:none}#step1 .accent-bg[data-v-3e2e65df]{background-color:tomato}.grid[data-v-257f72c1]{display:grid;grid-gap:2em;grid-template-columns:1fr;grid-template-areas:"instructions" "demo"}@media screen and (orientation:landscape) and (min-width:50em){.grid[data-v-257f72c1]{grid-template-columns:2fr 3fr;grid-template-areas:"instructions instructions demo demo demo"}.grid .instructions[data-v-257f72c1]{width:100%}}@media screen and (min-width:60em){.grid[data-v-257f72c1]{grid-template-columns:1fr 22em;grid-template-areas:"demo instructions"}}.grid .demo[data-v-257f72c1]{grid-area:demo}.grid .instructions[data-v-257f72c1]{grid-area:instructions;grid-template-columns:1fr}.grid .instructions .slide[data-v-257f72c1]{max-width:22em}.title[data-v-e66f3bce]{color:#751ec7;text-shadow:none}@media (min-width:90em){.puzzle-container[data-v-e66f3bce]{max-width:65vh;margin:0 auto}}.notation__item[data-v-e66f3bce]{display:table;margin-bottom:1em}.notation__item .alg[data-v-e66f3bce]{font-size:1.2em;margin-right:.5rem}.alg[data-v-e66f3bce]{color:#fff;background:#a77ecd;background:rgba(117,30,199,.7)}.slide.alg[data-v-e66f3bce]{font-size:smaller}.tc[data-v-e66f3bce]{text-align:left;display:table-cell;vertical-align:baseline}.moves[data-v-e66f3bce]{text-align:center}.moves__alg[data-v-e66f3bce]{font-size:2em}.nav[data-v-a87b6a20]{position:fixed;display:none;align-items:center;font-size:.9em;font-family:Montserrat;line-height:2em;height:100%;top:0;left:0}@media screen and (min-width:90em){.nav[data-v-a87b6a20]{display:flex}}ul[data-v-a87b6a20]{list-style-type:none;text-align:right;margin-top:-2em}li.active a[data-v-a87b6a20]{color:#121212;font-weight:900;border-bottom:.4em solid #0c0c0c;line-height:1.2;border-radius:0;margin-bottom:.3em;margin-right:-.5em}a[data-v-a87b6a20]{display:inline-block;color:rgba(18,18,18,.6);padding:.1em .4em;margin-right:-.4em;border-radius:.2em;transition:all .2s ease}li:not(.active) a[data-v-a87b6a20]:active,li:not(.active) a[data-v-a87b6a20]:focus,li:not(.active) a[data-v-a87b6a20]:hover{background-color:hsla(0,0%,100%,.5);color:#121212}.connector-phrase[data-v-cae4e27a]{font-style:italic;font-size:.8em;margin:0 1em}.gap[data-v-0bc333a2]{height:20vh;width:100vw}*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden;padding:0;margin:0}@media screen and (min-width:25em){html{font-size:calc(16px + (600vw - 2400px)/1520)}}body{font-family:Lato,sans-serif;color:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ebe0d9}a{color:#121212;text-decoration:none}img{width:100%;height:auto}img.contain{-o-object-fit:contain;object-fit:contain;height:100%}section{scroll-snap-align:start}.h1,h1{font-size:1.62223em}.h2,h2{font-size:1.38063em}.h3,h3{font-size:1.175em}.h4,h4{font-size:1em}.h5,h5{font-size:.85106em}.h6,h6{font-size:.72431em}@media screen and (min-width:50em){.h1,h1{font-size:2.197em}.h2,h2{font-size:1.69em}.h3,h3{font-size:1.3em}.h4,h4{font-size:1em}.h5,h5{font-size:.76923em}.h6,h6{font-size:.59172em}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:1em 0 .625em 0}p+p{margin-top:1.5em}button{border:none;cursor:pointer;background:none}.title{font-family:Montserrat,sans-serif;font-weight:900;color:#fff;margin:0;padding-top:.5rem;text-shadow:0 2px 8px rgba(62,5,17,.05),0 1px 6px rgba(62,5,17,.1)}.nowrap{white-space:nowrap}.bold{font-weight:700}.hidden{display:none}.ib{display:inline-block}.inline{display:inline}.block{display:block}.flex{display:flex}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.m-0{margin:0}.m-0_5{margin:.5em}.m-1{margin:1em}.m-1_5{margin:1.5em}.m-2{margin:2em}.m-x-0{margin-left:0;margin-right:0}.m-x-0_5{margin-left:.5em;margin-right:.5em}.m-x-1{margin-left:1em;margin-right:1em}.m-x-1_5{margin-left:1.5em;margin-right:1.5em}.m-x-2{margin-left:2em;margin-right:2em}.m-y-0{margin-top:0;margin-bottom:0}.m-y-0_5{margin-top:.5em;margin-bottom:.5em}.m-y-1{margin-top:1em;margin-bottom:1em}.m-y-1_5{margin-top:1.5em;margin-bottom:1.5em}.m-y-2{margin-top:2em;margin-bottom:2em}.m-t-0{margin-top:0}.m-t-0_5{margin-top:.5em}.m-t-1{margin-top:1em}.m-t-1_5{margin-top:1.5em}.m-t-2{margin-top:2em}.m-b-0{margin-bottom:0}.m-b-0_5{margin-bottom:.5em}.m-b-1{margin-bottom:1em}.m-b-1_5{margin-bottom:1.5em}.m-b-2{margin-bottom:2em}.m-l-0{margin-left:0}.m-l-0_5{margin-left:.5em}.m-l-1{margin-left:1em}.m-l-1_5{margin-left:1.5em}.m-l-2{margin-left:2em}.m-r-0{margin-right:0}.m-r-0_5{margin-right:.5em}.m-r-1{margin-right:1em}.m-r-1_5{margin-right:1.5em}.m-r-2{margin-right:2em}.rel{position:relative}.abs{position:absolute}.fixed{position:fixed}.t0{top:0}.l0{left:0}.r0{right:0}.b0{bottom:0}.fl{float:left}.fr{float:right}.fn{float:none}.z-10{z-index:10}.p0{padding:0}.p1{padding:1em}.p1_25{padding:1.25em}.p1_5{padding:1.5em}.p2{padding:2em}.p3{padding:3em}.p-rem-1{padding:1rem}.p-rem-2{padding:2rem}.p-rem-3{padding:3rem}.width-100{width:100%}.width-90{width:90%}.width-80{width:80%}.width-70{width:70%}.width-66{width:66%}.width-60{width:60%}.width-50{width:50%}.width-40{width:40%}.width-33{width:33%}.width-30{width:30%}.width-20{width:20%}.width-10{width:10%}.z-0{z-index:0}.z-1{z-index:1}.z-100{z-index:100}.z-1000{z-index:1000}.z-neg-1{z-index:-1}.page{position:relative;margin:auto;width:100%;height:100vh;max-width:1920px}.page__wrapper{margin:0 1rem}@media screen and (min-width:60em){.page__wrapper{margin:0 2rem}}@media screen and (min-width:90em){.page__wrapper{margin:0 6rem 0 12rem}}.grid{display:grid;grid-gap:2em;grid-template-columns:1fr;grid-template-areas:"instructions" "demo"}@media screen and (orientation:landscape) and (min-width:50em){.grid{grid-template-columns:2fr 3fr;grid-template-areas:"instructions instructions demo demo demo"}.grid .instructions{width:100%}}@media screen and (min-width:60em){.grid{grid-template-columns:22em 1fr;grid-template-areas:"instructions demo"}}.grid .demo{grid-area:demo}.grid .instructions{grid-area:instructions;grid-template-columns:1fr}.grid .instructions .slide{max-width:22em}.alg{position:relative;display:inline-block;padding:.2em .4em;border-radius:.25em;background:rgba(12,12,12,.1);font-weight:700}.alg span:not(:last-child){margin-right:.2em}.alg .name{font-size:.6em;padding:0 .6em;position:absolute;top:-1.2em;left:0;display:inline-block;font-weight:400;color:rgba(18,18,18,.8)}.alg.fish{background:rgba(240,128,128,.5)}.alg+.alg{margin-left:.5em}