@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap";*,html{margin:0;scroll-behavior:smooth!important}:root{--overlay-color: rgba(30, 26, 46, .5);--animation-timing: .2s ease-in-out;--bar-width: 50px;--bar-height: 8px;--hamburger-gap: 8px;--hamburger-margin: 8px;--foreground:#363636;--background:white;--midground:rgb(128, 128, 128);--hamburger-height: calc(var(--bar-height) * 3 + var(--hamburger-gap) * 2)}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background-color:#000;font-family:Poppins,sans-serif;margin:0;scroll-behavior:smooth;min-height:100vh;min-height:-webkit-fill-available}.overflow-wrapper{display:grid;flex-wrap:wrap;width:100vw;height:100vh;grid-auto-flow:column;grid-auto-columns:1fr;position:relative;overflow-x:hidden}.background-video-container{position:absolute;height:100vh;width:100vw;overflow:hidden;justify-content:center;align-items:center;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,rgb(0,0,0)50%,transparent 100%);mask-image:linear-gradient(to bottom,rgb(0,0,0)50%,transparent 100%)}.background-video-container div video{position:absolute!important;width:auto;height:auto;min-width:100vw;min-height:100vh;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;justify-content:space-between;align-items:center unset;background:#0c0c0c;color:#fff;pointer-events:none}.background-div{width:100vw;height:100vh;margin-top:100px;-webkit-mask-image:linear-gradient(to top,rgb(0,0,0)60%,transparent 100%);mask-image:linear-gradient(to top,rgb(0,0,0)60%,transparent 100%)}.scrollDown_button{position:absolute;width:60px;height:90px;border:5px solid rgba(255,255,255,1);left:0;right:0;border-radius:50px;opacity:55%}.scrollDown_button:before{position:absolute;content:"";margin:auto;left:0;right:0;top:10px;width:10px;height:10px;background-color:#fff;border-radius:50%;animation:move-down 2s infinite}.banner{position:sticky;top:0;left:0;padding:0;max-width:100vw;max-height:100px;z-index:9999;animation:scrolled linear}.logo{grid-area:logo}.links{grid-area:links}.hamburger-menu{grid-area:hamburger-menu}.side-menu{grid-area:side-menu}.header{position:absolute;display:grid;grid-template-areas:"logo links hamburger-menu" "logo links side-menu";background-color:#000;box-shadow:1px 1px 4px #13131333;width:100vw;max-height:100px;align-items:center}.header div{margin:0;padding:0;list-style:none;overflow:hidden;grid-column-end:span 2}.header li a{display:block;text-decoration:none}.header .top-menu{margin:0;padding:0;list-style:none;overflow:hidden;position:absolute;clear:both;max-height:0;transition:max-height .2s ease-in-out;top:25px}.header .links{width:50vw}.logo{display:absolute;cursor:pointer;z-index:1001;height:calc(6px + 6vw);width:calc(10px + 10vw);justify-self:center;align-items:center}.logo img{height:calc(6px + 6vw);width:calc(10px + 10vw)}.nav-link{position:block;text-transform:uppercase;font-size:calc(4px + .5vw);letter-spacing:.5px;color:#d3d3d3;font-weight:500;opacity:1;z-index:1;transition:.5s}.nav-link:before{content:"";display:flex;width:calc(5px + .2vw);height:calc(5px + .2vw);border-radius:5px;background-color:var(--midground);opacity:70%;margin-left:-12px;z-index:-1;transform:translateY(10px)}.nav-link:hover{color:#fff;opacity:1;letter-spacing:6px}.nav-link:hover:before{letter-spacing:6px}.overlay{position:absolute;display:sticky;top:0;left:0;width:100vw;height:100vh;transition:opacity 2s ease;mix-blend-mode:overlay;background-color:#000;display:flex;opacity:0%;z-index:9997;display:none}.hamburger-menu{--x-width: calc(var(--hamburger-height) * 1.41421356237);display:block;float:right;gap:var(--hamburger-gap);width:calc(var(--hamburger-height) * 1.41421356237);height:calc(var(--hamburger-height) * 1.41421356237);cursor:pointer;z-index:9999;opacity:0%;justify-self:center;align-self:center;margin-right:1vw;margin-top:3.5vh;margin-bottom:0}.hamburger-menu:before{transform:translateY(-20px) translate(2px)}.hamburger-menu:after{transform:translateY(20px) translate(2px)}.hamburger-menu input{transform:translate(2px);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;outline:none;cursor:pointer}.hamburger-menu:before,.hamburger-menu:after,.hamburger-menu input{content:"";position:fixed;width:var(--bar-width);height:var(--bar-height);background-color:var(--background);border-radius:9999px;transform-origin:right center;transition:opacity var(--animation-timing),width var(--animation-timing),rotate var(--animation-timing),translate var(--animation-timing)}.hamburger-menu:has(input:checked):before{rotate:-45deg;width:var(--x-width);translate:0 calc(var(--bar-height) / -2)}.hamburger-menu:has(input:checked):after{rotate:45deg;width:var(--x-width);translate:0 calc(var(--bar-height) / 2)}.hamburger-menu input:checked{opacity:0;width:0;transition:var(--animation-timing);z-index:0}.hamburger-menu:has(input:checked){transform:translate(00px)}.hamburger-menu:has(input:checked)~.overlay{display:block;transition:opacity .5s ease;opacity:70%;z-index:1002}.side-menu{position:absolute;display:sticky;right:0;top:0;bottom:0;z-index:-1;transition:width var(--animation-timing);background-color:#000000fd;color:#fff;min-height:100vh;width:0vw;align-items:center;justify-content:center;opacity:100%;overflow:hidden;white-space:nowrap}.hamburger-menu:has(input:checked)+.side-menu{width:30vw;z-index:9998}.side-menu ul{position:relative;list-style:none;width:100%}.side-menu ul li{width:100%}.side-menu ul li:hover{background-color:#8080809d}.side-menu ul li a{position:block;text-transform:uppercase;font-size:calc(7px + 1vw);letter-spacing:.5px;color:var(--background);margin:10%;align-items:center;text-align:center;transition:.3s}.side-menu ul li a:hover{color:#fff;letter-spacing:3px}.showcase-wrapper{position:absolute;padding:0}.showcase{background:#1110;color:#fff;width:100vw;align-items:center}.image_preview_container{grid-area:image}.text{grid-area:text}.showreel_button{grid-area:button}.showreel{grid-area:showreel}.grid-showcase{display:grid;grid-template-areas:"text image" "button button" "showreel showreel";gap:10px;background-color:#80808000;z-index:1002;justify-self:center;padding:calc(100px + 1vh) calc(10px + 1vw)}.image_preview_container{padding-top:75px}.portrait{display:flex;height:calc(100px + 20vw);width:calc(100px + 20vw);background:calc(100px + 20vw);-webkit-mask-image:radial-gradient(rgb(0,0,0,1) 30%,transparent 70%);mask-image:radial-gradient(rgb(0,0,0,1) 30%,transparent 70%)}.portrait img{height:100%;width:100%;object-fit:cover}.text{width:50vw;border-radius:0;padding-top:75px;z-index:999;align-self:center;justify-self:center;justify-content:center}.text h2{font-size:4vw;font-weight:800;line-height:1em;text-transform:uppercase;padding:1px}.text h3{font-size:3vw;font-weight:700;line-height:1em;text-transform:uppercase;padding:1px}.text p{font-size:2vw;margin:0;font-weight:400;max-width:700px;padding:1px}.front-page-buttons{display:flex;position:relative}.front-page-buttons a{display:inline-block;margin-right:5px;border:2px solid #dbdbdb9f;border-radius:3px;background-color:#dbdbdb4d;color:#d3d3d3;text-decoration:none;letter-spacing:-.1px;text-transform:uppercase;font-size:calc(4px + 1vw);width:25%;text-align:center;font-weight:500;transition:.5s;justify-self:left}.front-page-buttons a:nth-child(1){background:transparent}.front-page-buttons a:hover{transform:scale(105%)}.scrollDown_button_showreel_div{position:absolute;width:60px;height:90px;margin:auto;left:0;right:0;top:70vh}.showreel_text{grid-area:showreel_text}.showreel_video{grid-area:showreel_video}.scrollDown_button_portfolio_div{grid-area:button_portfolio}.portfolio_div{grid-area:portfolio}.scrollDown_button_about_me_div{grid-area:button_about_me}.about_me_div_container{grid-area:aboutme}.showreel{position:absolute;display:grid;grid-template-areas:"showreel_text" "showreel_video" "button_portfolio" "portfolio" "button_about_me" "aboutme";gap:25px;width:100vw;color:#000;justify-self:center;justify-content:center;align-content:center;top:100vh;overflow:visible}.showreel_text{position:relative;font-size:4vw;font-weight:500;height:fit-content;padding-top:15vh;top:0;left:0;right:0;color:#fff;justify-self:center}.showreel_text hr{border:none;width:100%;height:.5vh;background-color:#fff;border-radius:10px;margin-bottom:20px;justify-self:center}.showreel_video{display:flex;position:relative;top:0;justify-self:center;max-width:55vw;width:100%;height:100%;-webkit-mask-image:linear-gradient(to top,rgb(0,0,0) 98%,transparent 100%);mask-image:linear-gradient(to top,rgb(0,0,0) 98%,transparent 100%)}.scrollDown_button_portfolio_div{position:relative;width:60px;height:90px;margin:auto;left:0;right:0;top:5vh}.portfolio_div{position:relative;overflow:visible;width:100vw;padding-top:calc(200px + 5vh)}.portfolio_text{position:relative;font-size:4vw;font-weight:500;height:fit-content;margin-top:20vh;padding-top:15vh;top:0;left:0;right:0;color:#fff;justify-self:center}.portfolio_text hr{border:none;width:100%;height:.5vh;background-color:#fff;border-radius:10px;margin-bottom:20px;justify-self:center}.grid-portfolio{max-width:91vw;width:91vw;height:auto;display:grid;position:relative;margin:auto;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:250px;justify-self:center;gap:20px;z-index:1002;padding-top:calc(50px + 5vh)}.grid-portfolio .item-short{display:flex;min-width:100%;height:100%;text-align:center;justify-content:center;transition:.3s ease-in-out;opacity:85%;-webkit-mask-image:linear-gradient(to top,#000 50%,#000 98%);mask-image:linear-gradient(to top,#000 50%,#000 98%)}.grid-portfolio .item-tall{display:flex;min-width:100%;height:100%;text-align:center;justify-content:center;align-items:center;transition:.3s ease-in-out;opacity:85%}.item-tall p{z-index:9999}.item-tall img{min-width:100%;height:100%;transition:.3s ease-in-out;opacity:85%;-webkit-mask-image:linear-gradient(to top,#000 50%,#000 98%);mask-image:linear-gradient(to top,#000 50%,#000 98%)}.item-short p{z-index:9999}.item-short img{min-width:100%;height:100%;transition:.3s ease-in-out;opacity:85%;-webkit-mask-image:linear-gradient(to top,#000 50%,#000 98%);mask-image:linear-gradient(to top,#000 50%,#000 98%)}.item-short{grid-row:span 1}.item-tall{grid-row:span 2}.item-short:hover,.item-tall:hover{scale:105%;z-index:1003;cursor:pointer;opacity:100%}.item-short:before,.item-tall:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(50%) scaleY(0%);background:#000c;-webkit-mask-image:linear-gradient(to top,rgb(0,0,0)50%,transparent 90%);mask-image:linear-gradient(to top,rgb(0,0,0)50%,transparent 90%);transition:.3s ease-in-out;z-index:9998}.item-short:hover:before,.item-tall:hover:before{transform:translateY(0) scaleY(1)}.piece{width:auto;height:auto;justify-self:center;object-fit:cover;transition:.3s ease-in-out}.piece-text{position:absolute;width:fit-content;z-index:1004;font-size:1.5vw;font-weight:600;line-height:1em;text-transform:uppercase;justify-self:center;align-self:center;padding:1px;color:#fff;opacity:50%;transition:.3s ease-in-out;inline-size:150px;overflow-wrap:wrap}.portfolio-background-video-container{position:absolute;height:100%;width:100vw;transform:translate(-0%,-100%);z-index:-1;-webkit-mask-image:linear-gradient(to bottom,rgb(0,0,0)50%,transparent 90%);mask-image:linear-gradient(to bottom,rgb(0,0,0)50%,transparent 90%);margin-top:calc(200px + 5vh);justify-self:center;align-self:center}.portfolio-background-div{left:0;bottom:0;width:100vw;height:100%;-webkit-mask-image:linear-gradient(to top,rgb(0,0,0)60%,transparent 80%);mask-image:linear-gradient(to top,rgb(0,0,0)60%,transparent 80%);margin-top:calc(100px + 5vh)}.portfolio-background-video-container video{position:absolute!important;width:auto;height:auto;min-width:100vw;min-height:100%;transform:translate(-0%);z-index:-1;justify-content:space-between;justify-self:center;align-self:center;background:#0c0c0c;color:#fff;opacity:50%;pointer-events:none}.scrollDown_button_about_me_div{position:relative;width:60px;height:90px;margin:auto;left:0;right:0;top:5vh}.about_me_div_container{position:relative;height:fit-content;min-height:min-content;max-height:max-content;width:100vw;z-index:1002;color:#fff;justify-items:center;align-items:center;padding-top:calc(200px + 5vh)}.about_me_div_container h3{position:relative;font-size:4vw;font-weight:500;height:fit-content;margin-top:20vh;padding-top:15vh;top:0;left:0;right:0;color:#fff;justify-self:center}.about_me_div_container h3 hr{border:none;width:100%;height:.5vh;background-color:#fff;border-radius:10px;margin-bottom:20px;justify-self:center}.about_me_div{grid-area:about_me_div}.alien_dividers1{grid-area:alien_dividers1}.rigging_td_div{grid-area:rigging_td_div}.alien_dividers2{grid-area:alien_dividers2}.games_dev_div{grid-area:games_dev_div}.social{grid-area:social}.about_me_grid{position:absolute;display:grid;grid-template-areas:"about_me_div" "alien_dividers1" "rigging_td_div" "alien_dividers2" "games_dev_div" "social";grid-template-columns:1fr;gap:10px;background-color:#80808000;z-index:1002;padding:calc(50px + 1vh) calc(20px + 1vh);width:100%;height:fit-content;justify-content:center;justify-self:center}.about_me_text{grid-area:about_me_text}.about_me_image_preview_container{grid-area:about_me_image_preview_container}.about_me_div{position:relative;display:grid;grid-template-areas:"about_me_text about_me_image_preview_container";grid-template-columns:1fr 1fr;gap:3vw;width:100%;height:100%}.about_me_text{height:100%;width:100%;justify-content:center;overflow:hidden}.about_me_text p{height:100%;font-size:calc(7px + 1vw);text-align:justify;text-wrap:wrap}.about_me_portrait{display:flex;height:500px;max-height:100%;width:50vw;opacity:40%;-webkit-mask-image:linear-gradient(to left,rgb(0,0,0)90%,transparent 100%);mask-image:linear-gradient(to left,rgb(0,0,0)90%,transparent 100%);overflow:hidden}.about_me_portrait img{height:100%;width:100%;object-fit:cover;align-self:center}.alien_dividers1,.alien_dividers2{display:grid;grid-template-columns:1fr;width:100%;scale:75%;justify-items:center}.alien_divider1,.alien_divider2{width:0px;height:0px;border-right:60px solid transparent;border-top:60px solid white;border-left:60px solid white;border-bottom:60px solid white;border-radius:60px;margin-bottom:5vh}.rigging_td_text{grid-area:rigging_td_text}.rigging_td_video_preview_container{grid-area:rigging_td_video_preview_container}.rigging_td_div{position:relative;display:grid;grid-template-areas:"rigging_td_text rigging_td_video_preview_container";grid-template-columns:1fr 1fr;gap:3vw;width:100%;height:100%}.rigging_td_text{height:100%;width:100%;justify-content:center;overflow:hidden;text-align:justify}.rigging_td_text h4{margin-bottom:10px;font-size:2.5vw}.rigging_td_text p{height:100%;font-size:calc(6px + 1vw)}.rigging_td_video{display:flex;height:100%;min-height:500px;width:50vw;background:calc(100px + 20vw);opacity:100%;overflow:hidden}.rigging_td_video video{height:100%;width:100%;object-fit:cover;align-self:center}.games_dev_text{grid-area:games_dev_text}.games_dev_video_preview_container{grid-area:games_dev_video_preview_container}.games_dev_div{position:relative;display:grid;grid-template-areas:"games_dev_text games_dev_video_preview_container";grid-template-columns:1fr 1fr;gap:3vw;width:100%;height:100%}.games_dev_text{height:100%;width:100%;justify-content:center;font-size:calc(6px + 1vw);overflow:hidden;text-align:justify}.games_dev_text h4{margin-bottom:10px;font-size:2.5vw}.games_dev_text p{height:100%;font-size:calc(6px + 1vw)}.games_dev_video{display:flex;height:100%;min-height:500px;width:50vw;background:calc(100px + 20vw);opacity:100%;overflow:hidden}.games_dev_video video{height:100%;width:100%;object-fit:cover;align-self:center}.social{z-index:999;position:relative;display:flex;justify-content:center;align-items:center;margin:auto;bottom:0;padding-top:0;flex-wrap:wrap}.social li{list-style:none}.social li a{display:inline-block;margin-right:5px;transform:scale(.7);transition:.5s}.social li a:hover{transform:scale(.8) translateY(-15px)}@media (max-width: 1200px){.showreel_video{max-width:70vw}}@media (max-width: 852px){.banner,.header{height:fit-content}.background-div{margin-top:80px}.piece{max-width:90vw}}@media (max-width: 798px){.banner,.banner header{padding:0}.banner,.header{height:fit-content}.background-div{margin-top:100px;transition:.5s}.links{transition:.5s;opacity:0%;height:0%;width:0%}.nav-link{pointer-events:none}.hamburger-menu{opacity:100%;scale:.5;transition:.2s}.side-menu{opacity:100%}.showreel{width:100vw}.showreel_video{max-width:100vw}.grid-portfolio{grid-template-columns:1fr 1fr}.piece-text{font-size:2vw}.front-page-buttons a{width:35%}.rigging_td_text h4{font-size:4vw}.rigging_td_text p{font-size:2.5vw}.games_dev_text h4{font-size:4vw}.games_dev_text p{font-size:2.5vw}}@media (max-width: 570px){.logo,.logo img{height:50px;width:80px}}@media (max-width: 451px){.banner,.header{height:fit-content}.background-div{margin-top:10vh;transition:.5s}.hamburger-menu{scale:30%;transition:.2s}.grid-showcase{grid-template-areas:"image" "text" "showreel" "portfolio";justify-content:center;padding:calc(80px + 1vh) calc(10px + 1vw)}.text{padding-top:75px;justify-self:center;justify-content:center;text-align:center;scale:200%}.front-page-buttons{justify-content:center;width:100%}.front-page-buttons a{width:40%;font-size:calc(1px + 2vw)}.image_preview_container{justify-self:center;padding-top:75px;scale:150%}.scrollDown_button_showreel_div{position:relative;top:0;padding-top:15vh}.showreel{justify-self:center}.showreel_text{padding-top:15vh;font-size:10vw}.portfolio_text{font-size:10vw}.grid-portfolio{grid-template-columns:1fr}.piece{max-width:90vw}.piece-text{font-size:4vw}.about_me_div_container h3{font-size:10vw}.about_me_div{position:relative;display:flex;grid-template-columns:1fr;gap:10px;width:100%;height:100%;justify-content:center}.about_me_text p{font-size:3.5vw}.about_me_image_preview_container{position:absolute;width:100vw;height:50vh;translate:0% -3%;opacity:40%}.about_me_portrait{width:100vw}.rigging_td_div{position:relative;display:flex;flex-wrap:wrap;grid-area:"rigging_td_text" "rigging_td_video_preview_container";grid-template-columns:1fr;gap:25px;width:100%;height:100%;margin-top:5vh}.rigging_td_video_preview_container{display:flex;position:relative;max-width:90vw}.rigging_td_text{max-width:90vw;height:fit-content}.rigging_td_text h4{font-size:5vw}.rigging_td_text p{font-size:3.5vw}.rigging_td_video{width:100vw}.alien_dividers2{margin-top:5vh}.games_dev_div{position:relative;display:flex;flex-wrap:wrap;grid-area:"games_dev_text" "games_dev_video_preview_container";grid-template-columns:1fr;gap:50px;width:100%;height:100%}.games_dev_video_preview_container{display:flex;position:relative;max-width:90vw}.games_dev_text{width:90vw;font-size:3.5vw;height:fit-content}.games_dev_text h4{font-size:5vw}.games_dev_text p{font-size:3.5vw}.games_dev_video{width:100vw}}@media (max-height: 412px){.side-menu ul li a{margin:5%}.text,.image_preview_container{padding-top:0}.showreel{gap:1px}.showreel_text{padding-top:70px}.showreel_video{width:60vw}.portfolio_text{padding-top:70px}.about_me_grid{height:150%}.about_me_div{position:relative;display:flex;grid-template-columns:1fr;gap:10px;width:100%;height:100%}.about_me_text{font-size:2vw;height:100%}}@media (max-height: 360px){.side-menu ul li a{margin:5%}.text,.image_preview_container{padding-top:0}.showreel{gap:1px}.showreel_text{padding-top:70px}.showreel_video{width:60vw}.portfolio_text{padding-top:70px}}@media (min-width: 799px){.header li{float:left}.header li a{padding:10px 15px}.header .top-menu{clear:none;max-height:none;padding:00px 0}.hamburger-menu,.hamburger-menu input{opacity:0%;transition:.2s;cursor:auto}.side-menu{opacity:0%}.overlay{width:0vw}.grid-portfolio{grid-template-columns:1fr 1fr 1fr}}@keyframes move-down{80%{opacity:.5}to{transform:translateY(20px);opacity:0}}@keyframes scrolled{}@keyframes ringPulse{0%{opacity:0;transform:scale(.95)}10%{opacity:1}80%,to{opacity:0;transform:scale(1.75)}}@keyframes shadowPulse{0%{box-shadow:0 0 .8vw .6vw transparent,0 0 0 0 transparent,0 0 0 0 transparent}10%{box-shadow:0 0 .8vw .6vw #3c8aff,0 0 1.2vw 1vw transparent,0 0 1.2vw .5vw #85b6ff}80%,to{box-shadow:0 0 .8vw .6vw transparent,0 0 0 4vw transparent,0 0 0 4vw transparent}}