@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";*{font-family:sans-serif;-webkit-user-select:text;user-select:text;scroll-behavior:smooth}::selection{background:var(--alku-transparent-orange);color:var(--ivory-white)}::-moz-selection{background:var(--alku-transparent-orange);color:var(--ivory-white)}html{scroll-behavior:smooth}html{height:100%;margin:0;padding:0;overflow-y:auto;-ms-overflow-style:none}html::-webkit-scrollbar{width:0px;height:0px;background:transparent}:root{--mainbox-height: 444vw;--mainbox-3D-height-margin: -200vw;--mainbox-phone-height: 1666vw;--mainbox-phone-3D-height-margin: -400vw;--external-darker-orange: #BD5013;--alku-light-orange: #EC8C00;--alku-based-orange: #CB8011;--alku-light-blue: #55677A;--alku-dark-blue: #364B62;--alku-based-purple: #6B3DC1;--space-grey: #525E65;--bridge-grey: #4C4D4D;--light-terracota: #E7A97E;--ivory-white: #FFF7ED;--deep-brown: #594A3D;--hot-browny-grey: #8C8375;--deep-salmon: #D6724A;--mid-coal: #3C3C3C;--elephant-orange: #B78F30;--alku-transparent-orange: rgba(203, 128, 17, .7)}body{margin:0;font-family:Montserrat,sans-serif;background-color:#fff}#loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--alku-based-orange);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loaderText{font-family:Orbitron,sans-serif;font-size:1.2vw;font-weight:500;margin-top:2vw;color:#fff}.loader-spinner{border:8px solid white;border-top:8px solid var(--alku-based-orange);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;z-index:9998;pointer-events:none}.mask-bar{flex:1;background:var(--alku-based-orange);transform:translateY(0);transition:transform 1.3s ease-in-out}body.loaded .bar1{transform:translateY(-100%);transition-delay:0s}body.loaded .bar2{transform:translateY(-200%);transition-delay:.15s}body.loaded .bar3{transform:translateY(-140%);transition-delay:.05s}body.loaded .bar4{transform:translateY(-250%);transition-delay:.2s}body.loaded .bar5{transform:translateY(-170%);transition-delay:.1s}body.loaded .bar6{transform:translateY(-190%);transition-delay:.12s}body.loaded .bar7{transform:translateY(-220%);transition-delay:.18s}body.loaded .bar8{transform:translateY(-160%);transition-delay:.06s}body.loaded .bar9{transform:translateY(-240%);transition-delay:.22s}body.loaded .bar10{transform:translateY(-180%);transition-delay:.08s}@keyframes slideUp1{to{transform:translateY(-110vh)}}@keyframes slideUp2{to{transform:translateY(-70vh)}}@keyframes slideUp3{to{transform:translateY(-130vh)}}@keyframes slideUp4{to{transform:translateY(-90vh)}}@keyframes slideUp5{to{transform:translateY(-150vh)}}#MainBox{display:flex;width:100%;height:var(--mainbox-height);flex-direction:column;background-color:#fff;position:relative}#canvasWrapperBox{position:relative;overflow:hidden;width:100%;height:53.89vw}.three-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.introBox{position:relative;z-index:2;width:100%;height:100%;pointer-events:none}div.topIntroBox{display:flex;width:100%;height:50%;flex-direction:row}div.textIntroBox{display:flex;width:50%;height:100%}h1.introTitle1{z-index:3;font-family:Orbitron,sans-serif;margin-top:2vw;margin-left:3vw;font-weight:500;font-size:8vw;color:var(--alku-based-orange)}h2.introTitle2{z-index:3;font-family:Orbitron,sans-serif;margin-top:9.5vw;margin-left:-46.2vw;font-weight:500;font-size:8vw;color:var(--alku-based-orange)}div.smallIntroTextBox{display:flex;width:50vw;height:8vw;position:absolute;align-self:end}p.workText{z-index:3;font-family:Orbitron,sans-serif;font-weight:500;margin-top:.1vw;margin-left:3.7vw;font-size:1vw;color:var(--alku-based-orange)}p.ageText{z-index:3;font-family:Orbitron,sans-serif;font-weight:500;margin-top:.1vw;margin-left:28vw;font-size:1vw;color:var(--alku-based-orange)}div.profileBox{display:flex;width:50%;height:100%;justify-content:center;align-items:center}img.theoProfilePic{display:flex;width:15vw;height:15vw;margin-top:-2vw;border-radius:50%;object-fit:cover;z-index:3}div.bottomIntroBox{display:flex;width:100%;height:50%}#InternalMainBox{display:flex;width:100%;height:393vw;margin-top:-3vw;flex-direction:column}.burgerMenu{display:none}#navbarBox{display:flex;width:100%;height:3vw;position:sticky;top:0;z-index:10;flex-direction:row;background-color:transparent}.navbarBg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.headerBoxShadow{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 10px #000}.buttonBox{display:flex;width:100%;height:100%;margin-right:-2vw;justify-content:space-evenly;align-items:center}.navButton{display:flex;color:var(--alku-based-orange);font-weight:700;font-size:1vw;text-decoration:none;background:linear-gradient(to top,var(--external-darker-orange),var(--external-darker-orange) 10%,transparent 10.01%) no-repeat left bottom / 0 100%;transition:background-size .5s,color .5s ease}.navButton:hover{color:var(--external-darker-orange);background-size:100% 100%}#navbarBox.on-orange .navButton{color:#fff!important;background:linear-gradient(to top,white,white 10%,transparent 10.01%) no-repeat left bottom / 0 100%;transition:background-size .5s,color .5s ease}#navbarBox.on-orange .navButton:hover{color:#fff!important;background-size:100% 100%}.whoAmIBox{display:flex;width:100%;height:60vw;justify-content:center;align-items:center;background:#faebd7 url(/assets/handmade-paper-BL43pqiX.png)}.whoAmIInternalBox{display:flex;width:60%;height:60%;margin-top:-1vw;flex-direction:column}.wAIIntTopBox{display:flex;width:100%;height:50%;flex-direction:row}.wAIIntLeftTopBox{width:55%;height:100%}div.wAiProfilePicBackground{margin-top:1vw;margin-left:2vw;z-index:1;position:absolute;width:28vw;height:15vw;background-color:var(--alku-based-orange)}img.wAITheoProfilePic{margin-left:3vw;margin-top:2vw;width:28vw;height:15vw;z-index:2;position:absolute}.wAIIntRightTopBox{display:flex;width:45%;height:100%;justify-content:center;align-items:center}.whoAmITitle{font-family:Orbitron,sans-serif;font-weight:500;font-size:7vw;text-align:center;color:var(--alku-based-orange)}.wAIIntBottomBox{display:flex;width:100%;height:50%}p.whoAmIText{font-family:Orbitron,sans-serif;font-weight:500;font-size:.95vw;margin-left:2vw;margin-right:2vw;color:var(--bridge-grey);text-align:justify}.highlightedWAIText{font-family:Orbitron,sans-serif;font-weight:500;font-size:.95vw;color:var(--alku-based-orange)}div.projectBox{display:flex;width:100%;height:75vw;justify-content:center;align-items:center;background:linear-gradient(to top,var(--alku-light-blue),var(--alku-dark-blue))}div.internalProjectBox{display:flex;width:100%;height:68vw;margin-top:7%;flex-direction:column}div.projectTopBox{width:100%;height:35%}.carouselContainer{position:relative;width:100%;height:100%;overflow:hidden}.projectCarousel{display:flex;gap:3.5vw;overflow-x:auto;scroll-behavior:smooth;align-items:center;padding:1.8vw;scrollbar-width:none}.projectCarousel::-webkit-scrollbar{display:none}.carouselArrow{position:absolute;top:50%;transform:translateY(-50%);font-size:8vw;background:none;color:#fff;border:none;cursor:pointer;z-index:2;padding:0;transition:transform .2s}.carouselArrow:hover{transform:translateY(-50%) scale(1.2)}.carouselArrow.left{left:1vw}.carouselArrow.right{right:1vw}div.projectCard{display:flex;height:20vw;min-width:15vw;max-width:15vw;align-items:center;border-radius:6px;box-shadow:0 4px 10px #0003;transition:transform .2s ease,box-shadow .2s ease;flex-direction:column;background-color:var(--alku-light-blue)}div.projectCard:hover{cursor:pointer;transform:translateY(-5px);box-shadow:0 8px 20px #0000004d}img.projectCardLogo{width:11vw;height:11vw;margin-top:1vw}div.projectInfo{width:100%;height:8vw;text-align:center}.projectInfo h3{font-family:Orbitron,sans-serif;font-weight:600;font-size:1.2vw;margin-left:.2vw;margin-right:.2vw;color:#fff}.projectInfo p{font-family:Orbitron,sans-serif;font-weight:500;font-size:.95vw;margin-top:-.6vw;margin-left:.2vw;margin-right:.2vw;color:#fff}div.projectBottomBox{display:flex;width:100%;height:65%;position:relative;overflow:hidden;justify-content:center;align-items:center;flex-direction:column;background-color:var(--alku-light-blue)}.myProjectsDefaultBox{display:flex;width:80%;height:100%;z-index:1;align-items:center;flex-direction:column;background-color:var(--alku-light-blue)}h2.myProjectsDefaultTitle{font-family:Orbitron,sans-serif;font-weight:500;font-size:5vw;margin-top:1vw;color:var(--alku-based-orange)}p.myProjectsDefaultText{font-family:Orbitron,sans-serif;font-weight:500;font-size:.95vw;margin-top:-1vw;margin-left:3vw;margin-right:3vw;color:#fff;text-align:justify}.projectDetailBox{display:flex;width:100%;height:0;top:0;left:0;z-index:2;padding:0 3vw;position:absolute;flex-direction:column;align-items:center;overflow:hidden;box-sizing:border-box;transition:height .5s ease;background-color:var(--alku-light-blue)}.projectBottomBox.open .projectDetailBox{height:100%}.projectDetailBox .detail-title{font-family:Orbitron,sans-serif;font-size:4vw;color:var(--alku-based-orange);margin:1vw 0}.projectDetailBox .detail-text{font-family:Orbitron,sans-serif;font-size:.95vw;font-weight:500;line-height:1.4;margin-left:10vw;margin-right:10vw;color:#fff;text-align:justify;margin-bottom:1.5vw}.projectDetailBox .detail-image{display:block;max-width:80%;margin:0 auto 2vw;border-radius:8px;box-shadow:0 4px 10px #0000004d}.projectDetailBox .detail-close{position:absolute;bottom:1.5vw;left:50%;transform:translate(-50%) rotate(-90deg);font-size:2.5vw;cursor:pointer;color:#fff;padding:.5vw 1vw;border-radius:2vw;line-height:1}.image-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.image-popup-overlay.visible{opacity:1;pointer-events:auto}.popup-carousel{position:relative;width:90vw;max-width:800px;overflow:hidden}.popup-slide{display:none;width:100%}.popup-slide.active{display:block}.popup-slide img{width:100%;border-radius:8px}.popup-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:3rem;background:none;color:#fff;border:none;cursor:pointer;z-index:2}.popup-arrow.left{left:1rem}.popup-arrow.right{right:1rem}.popup-close{position:absolute;top:1rem;right:1rem;font-size:3rem;color:#fff;cursor:pointer}.detail-action-buttons{display:flex;width:15vw;height:5vw;flex-direction:row-reverse;align-items:center;justify-content:space-evenly}.detail-icon{display:inline-block;width:3.9vw;height:3.9vw;background-size:contain;background-repeat:no-repeat;background-position:center}.detail-open-images{cursor:pointer}.detail-open-images span{width:4.25vw;height:4.25vw;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23CB8011'%20viewBox='0%200%20128%20128'%20width='256px'%20height='256px'%3e%3cpath%20d='M%2064%206.0507812%20C%2049.15%206.0507812%2034.3%2011.7%2023%2023%20C%200.4%2045.6%200.4%2082.4%2023%20105%20C%2034.3%20116.3%2049.2%20122%2064%20122%20C%2078.8%20122%2093.7%20116.3%20105%20105%20C%20127.6%2082.4%20127.6%2045.6%20105%2023%20C%2093.7%2011.7%2078.85%206.0507812%2064%206.0507812%20z%20M%2064%2012%20C%2077.3%2012%2090.600781%2017.099219%20100.80078%2027.199219%20C%20121.00078%2047.499219%20121.00078%2080.500781%20100.80078%20100.80078%20C%2080.500781%20121.10078%2047.500781%20121.10078%2027.300781%20100.80078%20C%207.0007813%2080.500781%206.9992188%2047.499219%2027.199219%2027.199219%20C%2037.399219%2017.099219%2050.7%2012%2064%2012%20z%20M%2064%2042%20C%2062.3%2042%2061%2043.3%2061%2045%20L%2061%2061%20L%2045%2061%20C%2043.3%2061%2042%2062.3%2042%2064%20C%2042%2065.7%2043.3%2067%2045%2067%20L%2061%2067%20L%2061%2083%20C%2061%2084.7%2062.3%2086%2064%2086%20C%2065.7%2086%2067%2084.7%2067%2083%20L%2067%2067%20L%2083%2067%20C%2084.7%2067%2086%2065.7%2086%2064%20C%2086%2062.3%2084.7%2061%2083%2061%20L%2067%2061%20L%2067%2045%20C%2067%2043.3%2065.7%2042%2064%2042%20z'/%3e%3c/svg%3e")}.detail-github-link{display:inline-block}.detail-github-link span{width:3.9vw;height:3.9vw;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%20-3.5%20256%20256'%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='xMinYMin%20meet'%3e%3cg%20fill='%23CB8011'%3e%3cpath%20d='M127.505%200C57.095%200%200%2057.085%200%20127.505c0%2056.336%2036.534%20104.13%2087.196%20120.99%206.372%201.18%208.712-2.766%208.712-6.134%200-3.04-.119-13.085-.173-23.739-35.473%207.713-42.958-15.044-42.958-15.044-5.8-14.738-14.157-18.656-14.157-18.656-11.568-7.914.872-7.752.872-7.752%2012.804.9%2019.546%2013.14%2019.546%2013.14%2011.372%2019.493%2029.828%2013.857%2037.104%2010.6%201.144-8.242%204.449-13.866%208.095-17.05-28.32-3.225-58.092-14.158-58.092-63.014%200-13.92%204.981-25.295%2013.138-34.224-1.324-3.212-5.688-16.18%201.235-33.743%200%200%2010.707-3.427%2035.073%2013.07%2010.17-2.826%2021.078-4.242%2031.914-4.29%2010.836.048%2021.752%201.464%2031.942%204.29%2024.337-16.497%2035.029-13.07%2035.029-13.07%206.94%2017.563%202.574%2030.531%201.25%2033.743%208.175%208.929%2013.122%2020.303%2013.122%2034.224%200%2048.972-29.828%2059.756-58.22%2062.912%204.573%203.957%208.648%2011.717%208.648%2023.612%200%2017.06-.148%2030.791-.148%2034.991%200%203.393%202.295%207.369%208.759%206.117%2050.634-16.879%2087.122-64.656%2087.122-120.973C255.009%2057.085%20197.922%200%20127.505%200'/%3e%3cpath%20d='M47.755%20181.634c-.28.633-1.278.823-2.185.389-.925-.416-1.445-1.28-1.145-1.916.275-.652%201.273-.834%202.196-.396.927.415%201.455%201.287%201.134%201.923M54.027%20187.23c-.608.564-1.797.302-2.604-.589-.834-.889-.99-2.077-.373-2.65.627-.563%201.78-.3%202.616.59.834.899.996%202.08.36%202.65M58.33%20194.39c-.782.543-2.06.034-2.849-1.1-.781-1.133-.781-2.493.017-3.038.792-.545%202.05-.055%202.85%201.07.78%201.153.78%202.513-.019%203.069M65.606%20202.683c-.699.77-2.187.564-3.277-.488-1.114-1.028-1.425-2.487-.724-3.258.707-.772%202.204-.555%203.302.488%201.107%201.026%201.445%202.496.7%203.258M75.01%20205.483c-.307.998-1.741%201.452-3.185%201.028-1.442-.437-2.386-1.607-2.095-2.616.3-1.005%201.74-1.478%203.195-1.024%201.44.435%202.386%201.596%202.086%202.612M85.714%20206.67c.036%201.052-1.189%201.924-2.705%201.943-1.525.033-2.758-.818-2.774-1.852%200-1.062%201.197-1.926%202.721-1.951%201.516-.03%202.758.815%202.758%201.86M96.228%20206.267c.182%201.026-.872%202.08-2.377%202.36-1.48.27-2.85-.363-3.039-1.38-.184-1.052.89-2.105%202.367-2.378%201.508-.262%202.857.355%203.049%201.398'/%3e%3c/g%3e%3c/svg%3e")}.detail-url-link{display:inline-block}.detail-url-link span{width:3.9vw;height:3.9vw;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%233C3C3C'%20height='800px'%20width='800px'%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20490%20490'%20xml:space='preserve'%3e%3cg%20fill='%23CB8011'%3e%3cpath%20d='M245,0C109.9,0,0,109.9,0,245s109.9,245,245,245s245-109.9,245-245S380.1,0,245,0z%20M172.7,77.3%20c-14.9,20.8-29.3,47-39.2,79.2H85.3C104.8,121.4,135.6,93.4,172.7,77.3z%20M69.9,296.8C65,280.4,62.4,263,62.4,245s2.7-35.4,7.5-51.8%20h55c-2.7,16.1-4.3,33.3-4.3,51.8s1.6,35.7,4.3,51.8H69.9z%20M85.3,333.5h48.2c9.9,32.2,24.3,58.4,39.2,79.2%20C135.6,396.6,104.8,368.6,85.3,333.5z%20M226.7,419.6c-17.7-17.9-39.9-46.3-54.3-86.1h54.3V419.6z%20M226.7,296.8h-64.4%20c-3.1-15.9-5-33.1-5-51.8s1.8-35.9,4.9-51.8h64.5L226.7,296.8L226.7,296.8z%20M226.7,156.5h-54.5c14.4-40.2,36.7-68.6,54.5-86.4%20V156.5z%20M404.7,156.5h-48.2c-9.9-32.2-24.3-58.4-39.2-79.2C354.4,93.4,385.2,121.4,404.7,156.5z%20M263.3,70.4%20c17.7,17.9,39.9,46.3,54.3,86.1h-54.3V70.4z%20M263.3,193.2h64.4c3.1,15.9,5,33.1,5,51.8s-1.8,35.9-4.9,51.8h-64.5V193.2z%20M263.3,333.5h54.5c-14.4,40.2-36.7,68.6-54.5,86.4V333.5z%20M317.3,412.7c14.9-20.8,29.3-47,39.2-79.2h48.2%20C385.2,368.6,354.4,396.6,317.3,412.7z%20M427.6,245c0,18-2.7,35.4-7.5,51.8h-55c2.7-16.1,4.3-33.3,4.3-51.8s-1.6-35.7-4.3-51.8h55%20C425,209.6,427.6,227,427.6,245z'/%3e%3c/g%3e%3c/svg%3e")}div.degreeBox{display:flex;width:100%;height:70vw;justify-content:center;align-items:center;background-color:#66cdaa;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAMFBMVEUqKiosLCwuLi4xMTErKystLS0qKiopKSkpKSkzMzMpKSkoKCg3NzcoKCgrKysnJydKwFaoAAAAEHRSTlNcQDIqTjlVanEjY3gcf0eVx2e4NwAAAJNJREFUeAHt0SEKwmAAQOEHDrVYdEmTgwXBoCzZ9l9h8HeT2Wa1CUY9gc3qFTyBJ/EKij+DF7yAwfbVx+Nc5kBoVoUi5mugG2Kh+Ci5UtRJkFWKcctLpVi07ERFeUy6Nk/FaLIH+rflRhHmgwO7xz1XkA1Pvdd2Nq2VMQpjlDHqK0YZo4xRxihjFMYoMEb9/qP/ozcE1oO5SZysbgAAAABJRU5ErkJggg==)}div.internalDegreeBox{display:flex;width:56%;height:52%;flex-direction:column}div.topDegreeInBox,div.bottomDegreeInBox{display:flex;width:100%;height:50%;flex-direction:row;justify-content:space-around;align-items:center}div.degreeItemBox{display:flex;width:26vw;height:16vw;position:relative;flex-direction:row;border-radius:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #00000026;cursor:pointer}div.degreeItemUpcomingBox{background-image:repeating-linear-gradient(45deg,rgba(200,200,200,.4) 0px,rgba(200,200,200,.4) 10px,transparent 10px,transparent 20px);background-size:300% 300%;animation:stripesAnim 3.2s linear infinite}@keyframes stripesAnim{0%{background-position:0 0}to{background-position:100% 100%}}div.degreeItemBox:nth-child(2){flex-direction:row-reverse}div.degreeItemLeftBox{display:flex;width:33%;height:100%;z-index:4;position:absolute;flex-direction:column;align-items:center;background-color:#cb801180}div.degreeItemLeftBox1{border-bottom-left-radius:16px;border-top-left-radius:16px}div.degreeItemLeftBox2{border-bottom-right-radius:16px;border-top-right-radius:16px}img.degreeIcon{width:5vw;height:5vw;margin-top:2.8vw}p.degreeYearText{font-family:Orbitron,sans-serif;font-weight:600;font-size:2vw;margin-top:-.2vw;color:#f5f5f5;text-align:center}div.degreeItemRightBox{display:flex;width:60%;height:100%;flex-direction:column}div.degreeItemRightBox1{margin-left:36%}div.degreeItemRightBox2{margin-right:36%}p.degreeTitleText{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.5vw;margin-top:3.5vw;color:#f5f5f5}p.placeText{font-family:Orbitron,sans-serif;font-weight:600;font-size:1vw;margin-top:-1vw;color:#f5f5f5}p.placeTextMention{margin-top:-.5vw}p.mentionText{font-family:Orbitron,sans-serif;font-weight:600;font-size:1vw;margin-top:-1vw;color:var(--alku-based-orange);text-align:justify}div.workBox{display:flex;width:100%;height:75vw;justify-content:center;align-items:center;background:#faebd7 url(/assets/handmade-paper-BL43pqiX.png)}.internalWorkBox{display:flex;width:70%;height:45vw;align-items:center;justify-content:center}.workBoxCarouselContainer{position:relative;width:100%;height:100%;overflow:hidden}.workCarrousel{display:flex;gap:28.5vw;overflow-x:auto;scroll-behavior:smooth;align-items:center;padding:5.8vw;scrollbar-width:none}.workCarrousel::-webkit-scrollbar{display:none}.carouselWorkArrow{position:absolute;top:50%;transform:translateY(-50%);font-size:8vw;background:none;color:#fff;border:none;cursor:pointer;z-index:2;padding:0;transition:transform .2s}.carouselWorkArrow:hover{transform:translateY(-50%) scale(1.2)}.carouselWorkArrow.left{left:1vw}.carouselWorkArrow.right{right:1vw}div.workCard{display:flex;height:33vw;min-width:28vw;max-width:28vw;align-items:center;border-radius:15px;box-shadow:0 4px 10px #0003;transition:transform .2s ease,box-shadow .2s ease;flex-direction:column;background-color:#f8f8ff}.workCard:nth-child(1){margin-left:16vw}.latestWorkCard{margin-right:16vw}p.latestWorkCardTitle{font-family:Orbitron,sans-serif;font-weight:700;font-size:2vw;margin-top:2.5vw;text-align:center;color:var(--deep-brown)}div.workCard:hover{cursor:text;transform:translateY(-5px);box-shadow:0 8px 20px #0000004d}div.workCardTopBox{display:flex;height:38%;width:100%;border-top-left-radius:15px;border-top-right-radius:15px;background-color:var(--light-terracota)}div.workCardLogoBox{display:flex;height:100%;width:50%;justify-content:center;align-items:center}img.workCardLogo{width:14vw;height:14vw}img.workCardAlkudevLogo{width:11vw;height:11vw}img.workCardPoleSudLogo{width:10vw;height:7vw}img.workCardOrtrosLogo{width:12vw;height:7vw}img.workCardITSystemsLogo{width:10vw;height:10vw}img.workCardTraxensLogo{width:10vw;height:11vw}img.workCardAlcineoLogo{width:10vw;height:9vw}div.workCardTitleBox{display:flex;height:100%;width:50%;flex-direction:column;align-items:center;text-align:center}p.companyTitle{font-family:Orbitron,sans-serif;font-weight:700;font-size:2.4vw;margin-top:2.5vw;color:var(--deep-brown)}p.jobPositionText{font-family:Orbitron,sans-serif;font-weight:600;font-size:1.4vw;margin-top:-2.5vw;color:var(--ivory-white)}p.jobDateText{font-family:Orbitron,sans-serif;font-weight:600;font-size:1.4vw;margin-top:-1.5vw;color:var(--deep-brown)}div.workCardBottomBox{display:flex;height:62%;width:100%;flex-direction:column;border-bottom-left-radius:15px;border-bottom-right-radius:15px;background-color:var(--ivory-white)}div.workBottomTextBox{display:flex;height:80%;width:100%}div.workBottomLastTextBox{display:flex;flex-direction:column}p.workBottomText{font-family:Orbitron,sans-serif;font-weight:600;font-size:.95vw;text-align:justify;margin-top:1.3vw;margin-left:1.5vw;margin-right:1.5vw;color:var(--mid-coal)}p.lastWorkBottomText{font-family:Orbitron,sans-serif;font-weight:600;font-size:.95vw;text-align:center;margin-top:1.8vw;margin-left:2vw;margin-right:2vw;color:var(--mid-coal)}span.highlightedWorkText{font-family:Orbitron,sans-serif;font-weight:600;font-size:.95vw;color:var(--deep-salmon)}div.workBottomLinkBox{display:flex;height:20%;width:35%;align-self:flex-end;justify-content:space-evenly;align-items:center}img.workCardLinkImg{width:2.8vw;height:2.8vw;transition:transform .2s ease,color .2s ease}img.workCardLinkImg:hover{cursor:pointer;transform:scale(1.05)}.travelBox{display:flex;width:100%;height:80vw;flex-direction:column;justify-content:center;align-items:center;background:#66cdaa url(/assets/cartographer-DyUN9S9X.png)}.internalTravelBox{display:flex;width:100%;height:50vw;margin-top:-10vw;flex-direction:column;justify-content:center;align-items:center}.scene-container{width:100%}div#globeWindow{display:flex;width:100%;height:100%;z-index:1;justify-content:center;align-items:center}#globeWindow:hover{cursor:grab}#globeWindow:active{cursor:grabbing}p.travelBoxTitle{font-family:Orbitron,sans-serif;font-weight:600;font-size:4vw;margin-top:-4vw;margin-left:25vw;margin-right:25vw;z-index:3;text-align:center;color:var(--ivory-white)}.dots{display:inline-block}.dot{opacity:0;animation:dotStep 1.5s infinite}.dot:nth-child(1){animation:dot1 1.5s infinite}.dot:nth-child(2){animation:dot2 1.5s infinite}.dot:nth-child(3){animation:dot3 1.5s infinite}@keyframes dot1{0%,25%{opacity:1}25.01%,49.99%{opacity:1}50%,74.99%{opacity:1}75%,to{opacity:0}}@keyframes dot2{0%,24.99%{opacity:0}25%,49.99%{opacity:1}50%,74.99%{opacity:1}75%,to{opacity:0}}@keyframes dot3{0%,49.99%{opacity:0}50%,74.99%{opacity:1}75%,to{opacity:0}}div.flagBandBox{display:flex;width:100%;height:5vw;margin-top:-19vw;z-index:0;position:absolute;overflow:hidden;align-items:center;background-color:#faebd7}.flag-scroll{display:flex;align-items:center;animation:scroll 30s linear infinite;white-space:nowrap;font-size:4vw}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}footer{display:flex;width:100%;height:30vw;flex-direction:column;align-items:center;box-shadow:0 -2px 8px #00000080;background-color:var(--alku-based-orange)}.footerSloganBox{display:flex;width:100%;height:30%;align-items:center;justify-content:center}.footerSloganText{font-family:Orbitron,sans-serif;font-weight:600;font-size:1.4vw;margin-top:3vw;text-align:center;color:var(--ivory-white)}.footerNetworkBox{display:flex;width:20%;height:25%;justify-content:space-evenly;align-items:center}a.footerNetworkLink{margin-top:7vw;z-index:2}img.footerNetworkLogo{width:3.5vw;height:3.5vw}img.footerNetworkMailLogo{width:4.5vw;height:4.5vw}img.footerNetworkLogo:hover{transform:scale(1.05);transition-duration:.2s}.footerCopyrightBox{display:flex;width:100%;height:10%;justify-content:center;align-items:center}p.footerCopyText{font-family:Orbitron,sans-serif;font-weight:lighter;font-size:.95vw;margin-top:.5vw;text-align:center;color:var(--ivory-white)}div.footerArrowUpBox{display:flex;width:100%;height:20%;justify-content:center;align-items:center}a.arrowUpButton{width:5vw;height:5vw;border-radius:50%;background-color:var(--ivory-white)}a.arrowUpButton:hover{cursor:pointer;transition-duration:.3s;background-color:#faebd7}.arrowUpImg{width:5vw;height:5vw}@media (max-width: 768px){.loaderText{font-size:4vw;margin-top:6vw;margin-left:20vw;margin-right:20vw;text-align:center}#MainBox{height:var(--mainbox-phone-height)}#canvasWrapperBox{height:216vw}.three-canvas{width:100%;height:100%}div.introBox{z-index:2;pointer-events:auto}div.topIntroBox{flex-direction:column}div.textIntroBox{height:40%;width:100%;justify-content:center}h1.introTitle1{font-size:16.5vw;margin-top:-1vw;margin-left:-22vw}h2.introTitle2{font-size:16.5vw;margin-top:13vw;margin-left:-75vw}div.smallIntroTextBox{width:100vw}p.workText{font-size:4vw;margin-top:1vw;margin-left:3vw}p.ageText{font-size:4vw;margin-top:1vw;margin-left:25vw}div.profileBox{height:60%;width:100%}img.theoProfilePic{width:45vw;height:45vw}.burgerMenu{display:flex;justify-content:center;align-items:center;width:100%;height:15vw;font-size:8vw;color:var(--alku-based-orange);cursor:pointer;z-index:20}#navbarBox.on-orange .burgerMenu,#navbarBox.on-orange .navButton{color:#fff!important}#navbarBox.on-orange .navButton:hover{color:#fff!important;background-size:100% 100%}.buttonBox{display:flex;flex-direction:column;align-items:center;position:absolute;top:15vw;left:50%;transform:translate(-50%);width:40vw;height:55vw;background-color:#0000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #000;border-radius:1vw;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.buttonBox.show{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(2vw)}.navButton{font-size:5vw;padding:1.8vw 0;width:100%;text-align:center;display:flex;justify-content:center;align-items:center}#InternalMainBox{height:1465vw;margin-top:-15vw}#navbarBox{height:15vw}.whoAmIBox{height:260vw}.whoAmIInternalBox{width:92%;height:75%;margin-top:1vw}.wAIIntTopBox{flex-direction:column}.wAIIntLeftTopBox{display:flex;height:60%;width:100%;justify-content:center}div.wAiProfilePicBackground{width:85vw;height:52vw;margin-top:.1vw;margin-left:-3.5vw}img.wAITheoProfilePic{width:85vw;height:52vw;margin-top:3.5vw;margin-left:4vw}.wAIIntRightTopBox{height:40%;width:100%}.whoAmITitle{font-family:Orbitron,sans-serif;font-weight:500;font-size:15vw;margin-top:-.3vw;transform:scaleY(1.5);text-align:center;color:var(--alku-based-orange)}.wAIIntBottomBox{margin-top:-10vw}p.whoAmIText{font-size:3vw;margin-left:2vw;margin-right:2vw}.highlightedWAIText{font-size:3vw}div.projectBox{height:330vw}div.internalProjectBox{width:100%;height:310vw;margin-top:12%}div.projectTopBox{width:100%;height:28%}.projectCarousel{display:flex;gap:10vw;overflow-x:auto;scroll-behavior:smooth;align-items:center;padding:11vw;scrollbar-width:none}.carouselArrow{font-size:20vw}.carouselArrow.left{left:2vw}.carouselArrow.right{right:2vw}div.projectCard{height:65vw;min-width:53vw;max-width:53vw;border-radius:6px;box-shadow:0 4px 10px #0003}div.projectCard:nth-child(1){margin-left:15%}img.projectCardLogo{width:37vw;height:37vw;margin-top:3vw}div.projectInfo{width:100%;height:20vw}.projectInfo h3{font-family:Orbitron,sans-serif;font-weight:600;font-size:3.6vw;margin-left:.2vw;margin-right:.2vw;color:#fff}.projectInfo p{font-family:Orbitron,sans-serif;font-weight:500;font-size:2.7vw;margin-top:-.6vw;margin-left:.2vw;margin-right:.2vw;color:#fff}div.projectBottomBox{height:72%}.myProjectsDefaultBox{width:80%}h2.myProjectsDefaultTitle{font-family:Orbitron,sans-serif;font-weight:600;font-size:10vw;margin-top:4vw;text-align:center;color:var(--alku-based-orange)}p.myProjectsDefaultText{font-family:Orbitron,sans-serif;font-weight:500;font-size:3vw;margin-top:-1vw;margin-left:1vw;margin-right:1vw;color:#fff;text-align:justify}.projectDetailBox .detail-title{font-family:Orbitron,sans-serif;font-weight:600;font-size:10vw;text-align:center;color:var(--alku-based-orange);margin-top:4vw}.projectDetailBox .detail-text{font-family:Orbitron,sans-serif;font-size:3vw;font-weight:500;line-height:1.4;color:#fff;text-align:justify;margin:6vw 8vw 1.5vw}.projectDetailBox .detail-image{display:block;max-width:80%;margin:0 auto 2vw;border-radius:8px;box-shadow:0 4px 10px #0000004d}.projectDetailBox .detail-close{position:absolute;bottom:3.5vw;left:50%;transform:translate(-50%) rotate(-90deg);font-size:13.5vw;cursor:pointer;color:#fff;padding:.5vw 1vw;border-radius:2vw;line-height:1}.detail-action-buttons{display:flex;width:55vw;height:15vw;margin-top:5vw;flex-direction:row-reverse;align-items:center;justify-content:space-evenly}.detail-open-images{cursor:pointer}.detail-open-images span{width:12.25vw;height:12.25vw}.detail-github-link{display:inline-block}.detail-github-link span{width:11.9vw;height:11.9vw}.detail-url-link{display:inline-block}.detail-url-link span{width:11.9vw;height:11.9vw}div.degreeBox{width:100%;height:240vw}div.internalDegreeBox{width:97%;height:60%}div.topDegreeInBox,div.bottomDegreeInBox{display:flex;width:100%;height:50%;flex-direction:row;justify-content:space-around;align-items:center}div.degreeItemBox{display:flex;width:44vw;height:56vw;flex-direction:column}div.degreeItemBox:nth-child(1){margin-top:-30vw}div.degreeItemBox:nth-child(2){margin-top:35vw}div.degreeItemUpcomingBox{background-image:repeating-linear-gradient(45deg,rgba(200,200,200,.4) 0px,rgba(200,200,200,.4) 10px,transparent 10px,transparent 20px);background-size:300% 300%;animation:stripesAnim 3.2s linear infinite}@keyframes stripesAnim{0%{background-position:0 0}to{background-position:100% 100%}}div.degreeItemBox:nth-child(2){flex-direction:column}div.degreeItemLeftBox{display:flex;width:100%;height:33%;z-index:4;position:absolute;flex-direction:row;justify-content:space-around;background-color:#cb801180}div.degreeItemLeftBox1{border-bottom-left-radius:0;border-top-left-radius:16px;border-top-right-radius:16px}div.degreeItemLeftBox2{border-bottom-right-radius:0;border-top-right-radius:16px;border-top-left-radius:16px}img.degreeIcon{width:10vw;height:10vw;margin-top:0}p.degreeYearText{font-family:Orbitron,sans-serif;font-weight:600;font-size:5vw;margin-top:5vw}div.degreeItemRightBox{width:100%;height:67%;margin-top:43%}div.degreeItemRightBox1{margin-left:0}div.degreeItemRightBox2{margin-right:0}p.degreeTitleText{font-family:Orbitron,sans-serif;font-weight:700;font-size:4vw;margin-top:1.5vw;margin-left:2vw;color:#f5f5f5}p.placeText{font-family:Orbitron,sans-serif;font-weight:600;font-size:3vw;margin-top:-3vw;margin-left:2vw;color:#f5f5f5}p.placeTextMention{margin-top:-2vw}p.mentionText{font-family:Orbitron,sans-serif;font-weight:600;font-size:3vw;margin-top:-3vw;margin-left:2vw;color:var(--alku-based-orange);text-align:justify}div.workBox{width:100%;height:240vw}.internalWorkBox{width:95%;height:150vw}.workCarrousel{gap:35vw;padding:25vw}.carouselWorkArrow{font-size:25vw;color:var(--light-terracota)}div.workCard{height:100vw;min-width:78vw;max-width:78vw}.workCard:nth-child(1){margin-left:-16.5vw}.latestWorkCard{margin-right:-16.5vw}p.latestWorkCardTitle{font-family:Orbitron,sans-serif;font-weight:700;font-size:6vw;margin-top:6.5vw;text-align:center;color:var(--deep-brown)}img.workCardLogo{width:14vw;height:14vw}img.workCardAlkudevLogo{width:33vw;height:33vw}img.workCardPoleSudLogo{width:30vw;height:24vw}img.workCardOrtrosLogo{width:35vw;height:20vw}img.workCardITSystemsLogo{width:30vw;height:30vw}img.workCardTraxensLogo{width:30vw;height:33vw}p.companyTitle{font-family:Orbitron,sans-serif;font-weight:700;font-size:6.7vw;margin-top:9vw;color:var(--deep-brown)}p.jobPositionText{font-family:Orbitron,sans-serif;font-weight:600;font-size:4vw;margin-top:-6.5vw;color:var(--ivory-white)}p.jobDateText{font-family:Orbitron,sans-serif;font-weight:600;font-size:4vw;margin-top:-4vw;color:var(--deep-brown)}p.workBottomText{font-family:Orbitron,sans-serif;font-weight:600;font-size:2.8vw;text-align:justify;margin-top:3vw;margin-left:4vw;margin-right:4vw;color:var(--mid-coal)}p.lastWorkBottomText{font-family:Orbitron,sans-serif;font-weight:600;font-size:2.8vw;text-align:center;margin-top:1.8vw;margin-left:2vw;margin-right:2vw;color:var(--mid-coal)}span.highlightedWorkText{font-family:Orbitron,sans-serif;font-weight:600;font-size:2.8vw;color:var(--deep-salmon)}img.workCardLinkImg{width:8vw;height:8vw}.travelBox{position:relative;width:100%;height:280vw}.internalTravelBox{display:flex;width:100%;height:190vw;margin-top:-40vw}div#globeWindow{width:100%;height:100%}div.travelBoxTransparentFilter{position:absolute;width:100%;height:100%;z-index:5}p.travelBoxTitle{font-family:Orbitron,sans-serif;font-weight:600;font-size:12vw;margin-top:-10vw;margin-left:5vw;margin-right:5vw;text-align:center;color:var(--ivory-white)}footer{width:100%;height:100vw}.footerSloganText{font-family:Orbitron,sans-serif;font-weight:600;font-size:5vw;margin-top:7vw;text-align:center;color:var(--ivory-white)}.footerNetworkBox{width:65%;height:25%}a.footerNetworkLink{margin-top:18vw}img.footerNetworkLogo{width:10.5vw;height:10.5vw}img.footerNetworkMailLogo{width:13.5vw;height:13.5vw}p.footerCopyText{font-family:Orbitron,sans-serif;font-weight:lighter;font-size:3.6vw;margin-top:10vw;text-align:center;color:var(--ivory-white)}a.arrowUpButton{width:18vw;height:18vw;border-radius:50%;background-color:var(--ivory-white)}.arrowUpImg{width:18vw;height:18vw}}