:root{--black: #141414;--grey: #c3c3c3;--transparent-grey: #c3c3c314;--white: #f5f5f5;--theme: dark;--red: #f54242;--dark-grey: #848484}:root{color-scheme:var(--theme);scroll-behavior:smooth;--swiper-navigation-color: var(--grey);--swiper-theme-color: var(--grey)}body{background-color:var(--black);color:var(--grey)}.page .content,.game .content,.game-metadata,.game-content{border:1px solid rgb(39 39 42)}.date-container .metadata{font-size:small;color:var(--dark-grey)}.navbar-container{background-color:transparent}.hero-line{border-top:1px solid #fff}.hero-line-vertical{border-left:1px solid #fff}.hero-content h1,.hero-content-vertical h1,.hero-content h2,.hero-content-vertical h2{color:var(--white)}.explore-button{color:#000;background:var(--white);border:1px solid var(--white)}.explore-button:hover{background:var(--grey)}.contact-button{color:var(--white);background:var(--transparent-grey);border:1px solid var(--white)}.contact-button:hover{background:transparent}.preloader{background:var(--black)}.hide{opacity:0;font-weight:lighter}svg{overflow:visible}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1;margin:0;overflow-x:hidden}.page-nav.navbar-container{position:sticky}.page-navbar-icon-container{transition:all .25s}.page-navbar-icon-container:hover{transform:scale(1.3)}.page{width:100%;max-width:713px;margin:auto}.page .content{display:flex;flex-direction:column;padding:1rem}.swiper{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px}img{max-width:100%;height:auto}.netflix-slider .swiper-wrapper{padding:20px 0}.netflix-slider .swiper-slide{-webkit-transition:.25s all;transition:.25s all}.netflix-slider .swiper-slide:hover{-webkit-transform:scale(1.2);transform:scale(1.2);z-index:1}.netflix-slider .swiper-slide:first-child:hover{margin:0 40px}.netflix-slider .swiper-slide:last-child:hover{margin:0 -40px}.hero{width:100%;height:100vh;background-image:url(https://i.kalenwallin.com/file/portfoliov2/media/headerimage2.jpg);background-size:cover;background-position:center;position:relative}.hero .left-vignette-layer{background:linear-gradient(77deg,rgba(0,0,0,.6),transparent 85%);inset:0 26.09% 0 0;opacity:1;position:absolute;transition:opacity .5s}.hero .bottom-vignette-layer{background-color:transparent;background-image:linear-gradient(180deg,#14141400 0,#14141426 15%,#14141459 29%,#14141494 44%,#141414 68%,#141414);position:absolute;background-repeat:repeat-x;background-size:100% 100%;bottom:-1px;height:2vw;opacity:1;top:auto;width:100%}.hero-line{position:absolute;left:0;top:0;height:0px;width:1%;-webkit-animation:increase 3s;-moz-animation:increase 3s;-o-animation:increase 3s;animation:increase 3s;animation-fill-mode:forwards}@keyframes increase{to{width:100%}}.hero-line-vertical{position:absolute;left:0;bottom:0;height:1%;width:0px;-webkit-animation:increase-vertical 3s;-moz-animation:increase-vertical 3s;-o-animation:increase-vertical 3s;animation:increase-vertical 3s;animation-fill-mode:forwards}@keyframes increase-vertical{to{height:100%}}.hero-content,.hero-content-vertical{position:absolute;top:60%;left:8%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;padding:25px}.hero-content h1,.hero-content-vertical h1{font-size:5vw;margin:0;font-family:monospace}.hero-content h2,.hero-content-vertical h2{font-size:3vw;margin:0;font-family:monospace}.explore-button{width:fit-content;font-family:monospace;padding:10px 25px;border-radius:10px;outline:none;cursor:pointer;margin:1rem 1rem 1rem 0rem;font-size:1.5vw;text-decoration:none;transition:.25s all}.explore-button:hover{transition:.25s all}.contact-button{width:fit-content;font-family:monospace;padding:10px 25px;border-radius:10px;outline:none;cursor:pointer;margin:0rem 1rem 1rem 0rem;font-size:1.5vw;text-decoration:none;transition:.25s all}.contact-button:hover{transition:.25s all}.navbar-container{z-index:3;height:41px;top:0;left:0;right:0;position:fixed;display:flex;justify-content:space-evenly;align-items:center;transition:.25s all}.navbar-icon-container{transition:all .25s}.navbar-icon-container:hover{transform:scale(1.3) rotate(360deg)}.row-icon-title-container:hover>.row-icon{transform:rotate(360deg);transition:all .25s}.row-icon{transition:all .25s}.navbar-icon{filter:invert(1);transition:.25s all}@keyframes slideInFromLeft{0%{transform:translate(-20%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(20%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(20%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-20%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0);opacity:0}0%{transform:rotate(360deg);opacity:1}}.slide-in-from-left{animation:.75s ease 0s 1 slideInFromLeft}.slide-in-from-right{animation:.75s ease 0s 1 slideInFromRight}.slide-in-from-bottom{animation:.75s ease 0s 1 slideInFromBottom}.slide-in-from-top{animation:.75s ease 0s 1 slideInFromTop}.slide-in-from-top-header{opacity:0;animation:.75s ease 0s 1 slideInFromTop;animation-delay:calc(var(--order) * .4s);animation-fill-mode:forwards}.spin{animation:.75s ease 0s 1 spin}.already-visible{animation:none}@media screen and (orientation:portrait){.hero{background-position:53.5%}.hero-content{display:none}.hero-content-vertical{top:calc(5vh + 10vw);left:50%;transform:translate(-50%);align-items:center;width:50%;padding:25px 10px;margin-bottom:25px}.hero-content-vertical h1,.hero-content-vertical h2{text-align:center}.slide-in-from-top-header{opacity:0;animation:.75s ease 0s 1 slideInFromTop;animation-delay:calc(var(--order) * .4s);animation-fill-mode:forwards}.hero-line-vertical{transform:rotateX(180deg);display:none}.path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:dash 30s linear forwards}@keyframes dash{to{stroke-dashoffset:0}}}@media screen and (orientation:landscape){.hero-content,.hero-content-vertical{top:60%;left:8%;transform:translateY(-50%)}.hero-content-vertical svg{display:none}}.navbar-icon{height:1.2em;width:1.2em}.page-navbar-icon{height:2.2em;width:2.2em}.row-container{margin-left:1em;padding-top:100px;margin-top:-100px}.row-icon-title-container{display:flex;align-items:center}.row-icon{width:1.2em;height:1.2em}.row-col{flex:0 0 100%;max-width:100%;padding-right:0;padding-left:0}.row-title{font-size:1.2em;font-weight:700}.item-container{cursor:pointer}.item-img-container{background-size:cover;width:100%;padding:28.125% 0;position:relative;z-index:1}.item-info-title-container{font-size:100%;mix-blend-mode:exclusion}.item-info-description-container{font-size:50%;mix-blend-mode:exclusion}.explore-button{padding:10px 15px;margin:.5rem .5rem .5rem 0rem;font-size:16px}.contact-button{padding:10px 15px;margin:0rem .5rem .5rem 0rem;font-size:16px}.hero-content h1,.hero-content-vertical h1{font-size:24px}.hero-content h2,.hero-content-vertical h2{font-size:16px}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999}.preloader .logo{position:fixed;top:50%;left:50%}.preloader .circle{top:calc(50% - 80px);left:calc(50% - 80px);rotate:90deg}.preloader .text{top:calc(50% - 50px);left:calc(50% - 50px)}.preloader .item{z-index:-1}.preloader .active{z-index:0}.to-animate,.to-animate-line,.svg-line{opacity:0}@media (min-width:641px){.navbar-container{height:62px}.navbar-icon{height:1.6em;width:1.6em}.page-navbar-icon{height:2.6em;width:2.6em}}@media (min-width:768px){.page{width:75%;margin:auto}.explore-button{padding:10px 25px;margin:1rem 1rem 1rem 0rem;font-size:1.5vw}.contact-button{padding:10px 25px;margin:0rem 1rem 1rem 0rem;font-size:1.5vw}.hero-content h1,.hero-content-vertical h1{font-size:5vw}.hero-content h2,.hero-content-vertical h2{font-size:3vw}}@media (min-width:961px){.navbar-container{height:62px}.navbar-icon{height:1.6em;width:1.6em}.page-navbar-icon{height:2.6em;width:2.6em}}@media (min-width:1024px){.page{width:71%;margin:auto}.navbar-container{height:62px}.navbar-icon{height:2em;width:2em}.page-navbar-icon{height:3em;width:3em}}@media (min-width:1440px){.page{width:50%;margin:auto}.navbar-container{height:72px}.navbar-icon{height:2em;width:2em}.page-navbar-icon{height:3em;width:3em}}@media (min-width:2560px){.page{width:28%}.navbar-container{height:82px}.navbar-icon{height:2.5em;width:2.5em}.page-navbar-icon{height:3.5em;width:3.5em}}