@font-face{font-display:swap;font-family:libre baskerville;font-style:normal;font-weight:400;src:url(/fonts/libre-baskerville-v14-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:libre baskerville;font-style:italic;font-weight:400;src:url(/fonts/libre-baskerville-v14-latin-italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:libre baskerville;font-style:normal;font-weight:700;src:url(/fonts/libre-baskerville-v14-latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:modak;font-style:normal;font-weight:400;src:url(/fonts/modak-v18-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:rubik gemstones;font-style:normal;font-weight:400;src:url(/fonts/rubik-gemstones-v1-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:dangrek;font-style:normal;font-weight:400;src:url(/fonts/dangrek-v30-latin-regular.woff2)format("woff2")}.back-button{float:right;margin:min(50px,5vw);width:min(7em,13vw);container-type:size;display:flex;align-items:center;align-content:center;justify-content:center;align-content:center;text-align:center;aspect-ratio:1/1;border-radius:50%;background-color:#fff6e8;text-decoration:none;overflow:hidden;user-select:none;color:#f86a63}.back-button>svg{width:100%;height:100%;color:#f86a63;border-radius:50%}.back-button span{color:#f86a63;font-family:symbol;font-size:50cqw}.back-button:hover,.back-button:focus{background-color:#f86a63}.back-button:hover>span,.back-button:hover>svg,.back-button:focus>span,.back-button:focus>svg{color:#fff6e8}.back-button-banner-image{right:0;position:absolute;margin:min(50px,5vw);width:min(7em,13vw);container-type:size;display:flex;align-items:center;align-content:center;justify-content:center;align-content:center;text-align:center;aspect-ratio:1/1;border-radius:50%;background-color:#fff6e8;text-decoration:none;overflow:hidden;user-select:none;color:#f86a63}.back-button-banner-image>svg{width:100%;height:100%;color:#f86a63;border-radius:50%}.back-button-banner-image span{color:#f86a63;font-family:symbol;font-size:50cqw}.back-button-banner-image:hover,.back-button-banner-image:focus{background-color:#f86a63}.back-button-banner-image:hover>span,.back-button-banner-image:hover>svg,.back-button-banner-image:focus>span,.back-button-banner-image:focus>svg{color:#fff6e8}#banner-image-wrapper{width:100vw;height:100vh;max-height:100vw;overflow:hidden}#banner-image-wrapper img{display:block;width:100%;height:100%;object-fit:cover}.content-title{font-size:min(5rem,10vw);margin-bottom:.1em}h1,h2,h3,h4,h5,h6{margin-top:calc(min(5rem,10vw)/4/2);margin-bottom:calc(min(5rem,10vw)/4/2)}.content-article>p{margin-top:calc(min(5rem,10vw)/4/2);margin-bottom:calc(min(5rem,10vw)/4/2)}#fish-background{position:absolute;height:100%;width:100%;top:0;left:0;z-index:-1;background-image:url(/fish-puzzle/fish-tiling-rect.svg);background-repeat:repeat;opacity:20%;background-size:10em}.content-article{padding:min(50px,5vw);font-size:1.4em;max-width:1000px;margin-left:auto;margin-right:auto}.content-article a{color:#f86a63}.content-article a:hover{color:#c578ff}.content-article>p:has(img),.content-article>p:has(video){margin-top:calc(min(5rem,10vw)/4);margin-bottom:calc(min(5rem,10vw)/4)}.content-article video{width:100%}.content-article td{padding-left:calc(min(5rem,10vw)/8);padding-right:calc(min(5rem,10vw)/8);padding-top:calc(min(5rem,10vw)/8);padding-bottom:calc(min(5rem,10vw)/8)}.content-article ul{padding-left:1em}.youtube-video{margin-top:calc(min(5rem,10vw)/4);margin-bottom:calc(min(5rem,10vw)/4);outline-style:solid;outline-width:calc(min(5rem,10vw)/20);outline-color:#f86a63;border-radius:5px;overflow:hidden}.padded-image{margin-left:min(5rem,10vw);margin-right:min(5rem,10vw)}a.link-with-image-box:hover,a.link-with-image-box:active{outline-color:#c578ff}.link-with-image-box{margin-top:calc(min(5rem,10vw)/4);margin-bottom:calc(min(5rem,10vw)/4);width:100%;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;outline-style:solid;outline-width:calc(min(5rem,10vw)/20);outline-color:#f86a63;text-decoration:none;color:#f86a63;font-size:1rem}.link-with-image-box>:nth-child(1){margin:0;padding:0;min-width:150px}.link-with-image-box>:nth-child(1) img{display:block;padding:0;margin:0}.link-with-image-box>:nth-child(2){font-size:min(3vw,1rem);padding:1em;align-content:center}.link-with-image-box .youtube-img-link{margin:0;outline-style:none}p.box-link{width:100%;margin-top:calc(min(5rem,10vw)/4);margin-bottom:calc(min(5rem,10vw)/4)}p.box-link>a{text-decoration:none;text-align:center;padding-top:calc(min(5rem,10vw)/4/2);padding-bottom:calc(min(5rem,10vw)/4/2);width:100%;height:100%;display:inline-block;outline-style:solid;outline-width:calc(min(5rem,10vw)/20);outline-color:#f86a63;color:#f86a63}p.box-link>a:hover,p.box-link>a:active{outline-color:#c578ff;color:#c578ff}.youtube-img-link{height:fit-content;position:relative;margin-top:calc(min(5rem,10vw)/4);margin-bottom:calc(min(5rem,10vw)/4);min-width:150px;outline-style:solid;outline-width:calc(min(5rem,10vw)/20);outline-color:#f86a63;border-radius:5px;overflow:hidden;text-decoration:none;display:block}.youtube-img-link .youtube-container{position:absolute;container-type:size;width:100%;height:100%}.youtube-img-link .youtube-thumbnail{display:block}.youtube-img-link .youtube-title{color:#fff6e8;position:absolute;top:0;padding:.5em;font-size:max(min(2rem,5cqw),10px)}.youtube-img-link .youtube-card{position:absolute;bottom:.5em;right:0;font-size:max(min(2rem,5cqw),10px);color:#fff6e8;padding-left:1em;padding-right:1em;padding-top:.3em;padding-bottom:.3em;background-color:rgba(0,0,0,.5921568627)}.youtube-img-link .youtube-play-button{color:rgba(0,0,0,.5921568627);top:calc(50% - min(20cqw,7em)/2);left:calc(50% - min(20cqw,7em)/2);position:absolute;z-index:9999;width:min(20cqw,7em);height:min(20cqw,7em)}.youtube-img-link .youtube-title-gradient{position:absolute;top:0;right:0;height:10em;width:100%;background-image:linear-gradient(to top,transparent,hsla(0,0%,0%,.709%) 10.47%,hsla(0,0%,0%,.02755) 19.56%,hsla(0,0%,0%,.06016) 27.58%,hsla(0,0%,0%,.1037) 34.81%,hsla(0,0%,0%,.15697) 41.57%,hsla(0,0%,0%,.21875) 48.13%,hsla(0,0%,0%,.28782) 54.79%,hsla(0,0%,0%,.36296) 61.85%,hsla(0,0%,0%,.44297) 69.61%,hsla(0,0%,0%,.52662) 78.36%,hsla(0,0%,0%,.6127) 88.39%,hsla(0,0%,0%,.7))}.youtube-img-link:hover .youtube-play-button{color:#f86a63}.left-right{outline-style:solid;outline-width:calc(min(5rem,10vw)/20);outline-color:#f86a63;display:flex;justify-items:flex-start;align-items:center}.left-right .youtube-img-link{margin:0;outline-style:none}.left-right>:nth-child(1){width:30%}.left-right>p{padding-left:1em}.ölige-fische{margin-top:calc(min(5rem,10vw)/4);margin-bottom:calc(min(5rem,10vw)/4);width:100%;height:auto;aspect-ratio:640/480;outline-style:solid;outline-width:calc(min(5rem,10vw)/20);outline-color:#f86a63}.ölige-fische #unity-canvas{width:100%;height:100%}.img-gallery{position:relative;user-select:none;margin-top:calc(min(5rem,10vw)/4);margin-bottom:calc(min(5rem,10vw)/4)}.img-gallery .img-gallery-main{outline-style:solid;outline-width:calc(min(5rem,10vw)/20);outline-color:#f86a63;background-color:#000;position:relative;aspect-ratio:4/3;width:100%;margin-bottom:calc(min(5rem,10vw)/4/4);align-content:center;overflow:hidden}.img-gallery .img-gallery-main>img{display:block;max-height:100%;object-fit:contain}.img-gallery .prev-button,.img-gallery .next-button{top:calc(50% - 1.5rem - .75rem);position:absolute;z-index:1;color:rgba(255,255,255,.5529411765);background:rgba(0,0,0,.4078431373);width:3rem;height:3rem;border-radius:50%;margin:.75rem}.img-gallery .prev-button>svg,.img-gallery .next-button>svg{width:100%;height:100%}.img-gallery .prev-button:hover,.img-gallery .next-button:hover{background:#f86a63;color:#fff6e8}.img-gallery .prev-button{left:0}.img-gallery .next-button{right:0}.img-gallery .next-button>svg{transform:scaleX(-1)}.img-gallery .disabled{display:none}.img-gallery>.img-gallery-row{width:100%;aspect-ratio:8/1;display:flex;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;scroll-behavior:smooth;margin-left:-.2em;margin-right:-.2em}.img-gallery>.img-gallery-row>img{max-height:100%;display:block;width:auto;margin:.2em}.img-gallery>.img-gallery-row .chosen{outline-style:solid;outline-width:calc(min(5rem,10vw)/20);outline-color:#f86a63;outline-color:#fff6e8}.img-gallery .img-gallery-note{background:#000}.image-mosaic{margin-top:30px;display:grid;gap:.3rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-auto-rows:100px}.card{background:#353535;font-size:3rem;color:#fff;box-shadow:rgba(3,8,20,.1)0 .15rem .5rem,rgba(2,8,20,.1)0 .075rem .175rem;height:100%;width:100%;border-radius:4px;transition:all 500ms;overflow:hidden;padding:0;margin:0}.card img{min-height:100%;object-fit:cover}@media screen and (min-width:600px){.card-tall{grid-row:span 2/auto}.card-wide{grid-column:span 2/auto}}.nodevember-container{margin-top:.4em;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}@media screen and (max-width:700px){.nodevember-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(8,1fr)}}.nodevember-item{container-type:size;aspect-ratio:1/1.3;margin:3px;position:relative;border-radius:7px;overflow:hidden}.nodevember-item>div{width:100%;height:30cqw;background-color:#fff6e8;color:#000;border-radius:0 0 7px 7px;align-content:center}.nodevember-item>div p{padding:0 12cqw;font-size:9cqw;font-weight:700;text-align:center}.nodevember-item>img,.nodevember-item video{display:block;width:100cqw;height:100cqw}.nodevember-item>.loader{background:0 0;position:absolute;width:100cqw;height:100cqw;top:0;left:0}.nodevember-item:hover,.nodevember-item:hover>div,.nodevember-item:active,.nodevember-item:active>div{outline:2px;outline-color:#fff;outline-offset:-2px;outline-style:solid;background-color:#000;color:#fff6e8}.nodevember-item:hover,.nodevember-item:active{transition:.3s}#nodevember-text-item{container-type:size;aspect-ratio:1/1;margin:3px;background-color:#fff6e8;color:#000;text-align:center;align-content:center;overflow:hidden;border-radius:7px}#nodevember-text-item p{padding:3cqw;font-weight:700;font-size:9.5cqw}#nodevember-modal-overlay{display:none;position:fixed;justify-content:center;z-index:10;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6)}#nodevember-modal-column{position:relative;container-type:size;margin-top:5em;margin-left:min(20px,2vw);margin-right:min(20px,2vw);width:min(100%,700px)}#nodevember-modal-video-wrapper{width:100%;aspect-ratio:1/1;background:rgba(0,0,0,.116);position:relative}#nodevember-modal-video{display:block;width:100%;height:100%}.loader{background:0 0;container-type:size}.loader>div{z-index:1;position:absolute;width:30cqw;height:30cqw;background:rgba(0,0,0,.5490196078);border-radius:50%;top:calc(50% - 15cqw);left:calc(50% - 15cqw)}.loader>div>svg{width:100%;height:100%;color:rgba(255,255,255,.7411764706);animation:spin 1s cubic-bezier(.5,2,.5,.5)infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#nodevember-modal-content{background-color:#fff6e8;padding:min(1.5 * min(20px,2vw),2em);padding-top:0;border-radius:1cqw}#nodevember-modal-title{text-align:center;align-content:center;color:#000;padding-bottom:1em;padding-top:1em;margin:0}.x-button-modal{position:absolute;top:0;right:0;width:min(50px,8vw);height:min(50px,8vw);container-type:size;display:flex;align-items:center;align-content:center;justify-content:center;align-content:center;text-align:center;aspect-ratio:1/1;border-radius:50%;background-color:#fff6e8;text-decoration:none;overflow:hidden;user-select:none;color:#f86a63;border-radius:0;border-bottom-left-radius:1cqw;border-top-right-radius:1cqw}.x-button-modal>svg{width:100%;height:100%;color:#f86a63;border-radius:50%}.x-button-modal span{color:#f86a63;font-family:symbol;font-size:50cqw}.x-button-modal:hover,.x-button-modal:focus{background-color:#f86a63}.x-button-modal:hover>span,.x-button-modal:hover>svg,.x-button-modal:focus>span,.x-button-modal:focus>svg{color:#fff6e8}.x-button-modal svg{color:#000}.x-button-modal>span{font-size:120cqw;translate:0 -1cqw}.x-button-modal:active,.x-button-modal:hover{background-color:#000}.x-button-modal:active svg,.x-button-modal:hover svg{color:#fff6e8}#overflow-videos{display:flex;gap:1em}#WIP_banner-container{position:absolute;width:100%;height:100%;z-index:999999;overflow:hidden;pointer-events:none}#WIP_banner{font-family:rubik gemstones;display:flex;height:200px;left:-50%;top:50em;z-index:999999;width:200%;rotate:30deg;position:absolute;background:repeating-linear-gradient(45deg,#f3dd1b,#f3dd1b 80px,#000000 80px,#000000 160px);align-items:center;justify-content:center;overflow:hidden}#WIP_banner div{text-align:center;vertical-align:middle;width:100%;color:#000;font-size:5em;padding:10px;white-space:nowrap;background-color:#f3dd1b}#WIP_banner-slim-spacer{position:relative;padding-bottom:50px;height:1em}#WIP_banner-slim-overflow{position:absolute;width:100%;height:400%;top:-200%;justify-content:center;align-content:center;overflow:hidden}#WIP_banner-slim{font-family:rubik gemstones;display:flex;height:5em;z-index:999999;width:200vw;translate:-50vw 0;rotate:3deg;background:repeating-linear-gradient(45deg,#f3dd1b,#f3dd1b 80px,#000000 80px,#000000 160px);align-items:center;justify-content:center;overflow:hidden}#WIP_banner-slim div{text-align:center;vertical-align:middle;width:100%;color:#000;font-size:2.2em;padding:10;white-space:nowrap;background-color:#f3dd1b}*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}body{background:linear-gradient(356deg,#020024 50%,#220f76 95%,#1e99ce 100%);position:relative;font-family:dangrek}#threejs-canvas{position:fixed;top:0;width:0;width:100%;height:100%;display:block;z-index:9999;pointer-events:none}#threejs-playground-canvas{position:fixed;top:0;width:0;width:100vw;height:100vh;display:block;z-index:9999;pointer-events:none}#secret-corner{position:absolute;top:0;left:0;height:120px;width:120px}main{margin:0;font-size:.75em;color:#fff6e8;min-height:100vh}#hello-div{font-family:rubik gemstones;padding:5%;overflow:hidden;margin-bottom:calc(min(1.8em,3vw) * 3)}#hello-div .hello-title{font-size:calc(min(1.8em,3vw) * 2.75);margin-bottom:1.5em}#hello-div .hello-introduction{width:70%;font-size:calc(min(1.8em,3vw) * 1.3)}#fish-shape-outside,#fish-shape-outside-playground{overflow:hidden;float:right;padding-top:5em;width:calc(min(70em,70vw) - min(70em,70vw)/3);shape-outside:circle(calc(min(70em,70vw)/2) at calc(min(70em,70vw)/2) calc(5em + min(70em,70vw)/2));outline-offset:-1px}#fish-shape-outside #fish-rect,#fish-shape-outside-playground #fish-rect{width:min(70em,70vw);height:min(70em,70vw);opacity:0%;outline-offset:-1px;translate:0 0}#fish-shape-outside #fish-rect :first-child,#fish-shape-outside-playground #fish-rect :first-child{touch-action:none;border-radius:50%;height:100%;width:100%;outline:4px solid rgba(242,242,242,.4);outline-offset:-4px}#fish-shape-outside-playground{width:min(70em,70vw)}.site-banner{position:sticky;background-color:#fff6e8;color:#f86a63;text-align:center;justify-content:center;padding:20px}nav ul{list-style:none;padding:3px 5px;background:#111}nav ul a{color:#fff;text-decoration:none}nav ul a:hover{text-decoration:underline}nav ul li{display:inline}footer{font-family:"";padding:5px;margin:5em 0 0;text-align:center;font-weight:700;background-color:#fff6e8;text-decoration:none;color:#090511}footer>p{font-size:min(1.2em,3.5vw)}#map{height:300px}img{width:100%}.works-grid{margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,min(25em,45vw));gap:calc(min(25em,45vw)/20);max-width:calc(4 * (min(25em,45vw) + min(25em,45vw)/20));justify-content:center}@media not (hover:none){.work-cover-img-container{transition:.3s}}.work-cover-link{position:relative;text-decoration:none}.work-cover-link:hover>.work-cover-img-container{z-index:1;outline:2px;outline-color:#fff;outline-offset:-2px;outline-style:solid}.work-cover-link:hover>.work-cover-img-container>.work-cover-title{color:#fff6e8;background-color:#000;outline:2px;outline-color:#fff;outline-offset:-2px;outline-style:solid}.work-cover-img-container{pointer-events:none;position:absolute;width:100%;height:100%;font-size:calc(.07 * min(25em,45vw));font-weight:700;border-radius:0;overflow:hidden;height:fit-content;position:relative}.work-cover-img-container>.work-cover-img{display:block}.work-cover-img-container>.work-cover-title{border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;justify-content:center;align-items:center;width:100%;background-color:#fff6e8;color:#000}.work-cover-img-container>.work-cover-title>p{display:block;margin:0;padding:10px}.locked-cover>.work-cover-img-container{background-color:#252525;pointer-events:none}.locked-cover>.work-cover-img-container>.work-cover-img{filter:grayscale(100%);opacity:60%}.locked-cover>.work-cover-img-container>.work-cover-title{opacity:60%;background-color:#dbdbdb}@media not (hover:none){.mobile-only{display:none}}.hint{opacity:60%}