.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.column-reverse{display:flex;flex-direction:column-reverse}.fit-content{width:fit-content}.hide{opacity:0;transition:all .3s ease-out}.remove{display:none}.blue-text{color:#0097ce}.light{font-weight:300}.medium{font-weight:500}.semi-bold{font-weight:600}.allow-vertical-pan{touch-action:pan-y}.tech{list-style:none;text-align:center;width:fit-content;padding:2.5px 16px;background-color:#0097ce;color:#fff;border-radius:15px;font-size:12px}@media (max-width: 1280px){.tech{padding:4px 14px}}.concept-tag{list-style:none;text-align:center;width:fit-content;padding:2.5px 16px;background-color:#ff9500;color:#fff;border-radius:15px;font-size:12px;font-weight:600}.not-available{opacity:60%;pointer-events:none}.not-available-button{pointer-events:none;background-color:#d9d9d9;color:#141414;border:0;font-size:14px;padding:4px 21px;border-radius:5px}.primary-button{background-color:#0097ce;color:#fff;border:0;font-size:14px;padding:4px 21px;border-radius:5px;cursor:pointer}.slide-down{transition:all .3s ease-in-out;transform:translate(0) translateY(100px)}.lazy-animation{animation-name:fading-blink;animation-duration:2s;animation-iteration-count:infinite}@keyframes fading-blink{0%{background-color:#dedede}50%{background-color:#a8a8a8}to{background-color:#dedede}}footer{height:10vh;max-height:90px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease-in-out;transform:translate(0) translateY(0)}@media (max-width: 1024px){footer{position:fixed;bottom:0;left:0;width:100%;min-height:75px;box-shadow:0 0 4px #acacac;background-color:#fff}}@media (max-width: 668px){footer{min-height:100px;height:55px;box-shadow:unset;background-color:unset;justify-content:center;align-items:center}}#footer-logo{width:25%;display:flex;align-items:center}@media (max-width: 1024px){#footer-logo{padding-left:35px}}@media (max-width: 668px){#footer-logo{display:none}}#footer-logo img{width:150px}@media (max-width: 1280px){#footer-logo img{width:125px}}#footer-navbar{width:100%}@media (max-width: 668px){#footer-navbar{box-shadow:0 0 6px 1px #bcbcbcf2;background-color:#fff;width:92%;border-radius:100px;height:70%}}#footer-navbar nav{height:100%;display:flex;justify-content:space-around;align-items:center}@media (max-width: 1024px){#footer-navbar nav{padding-left:20px;padding-right:20px}}@media (max-width: 668px){#footer-navbar nav{padding:0}}#footer-navbar nav .active{color:#0097ce}#footer-navbar nav .active:after{width:100%}#footer-navbar nav ul{display:flex;list-style-type:none;padding:0;gap:39%;justify-content:center;margin:0;position:relative}@media (max-width: 1024px){#footer-navbar nav ul{justify-content:space-between;width:70%;gap:0%}}#footer-navbar nav ul li{display:flex;justify-content:center;align-items:center}#footer-navbar nav ul li .active-mobile svg{fill:#0097ce}#footer-navbar nav ul li .active-mobile span{color:#0097ce}#footer-navbar nav ul .footer-link-mobile{display:flex;justify-content:center;align-items:center}#footer-navbar nav ul .footer-link-mobile svg{fill:#acacac;width:22px;transition:all .3s ease-in-out;transform:translateY(-5 px);margin-bottom:7px}#footer-navbar nav ul li button{text-decoration:none;color:#141414;font-size:16px;position:relative;cursor:pointer;padding:10px;background-color:transparent;border:0}@media (max-width: 1280px){#footer-navbar nav ul li button{font-size:14px}}@media (max-width: 668px){#footer-navbar nav ul li button{padding:0}}@media (max-width: 350px){#footer-navbar nav ul li button{font-size:12px}}#footer-navbar nav ul li button:after{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:2px;transition:width .3s ease-in-out;background-color:#0097ce;transform:translate(-50%)}#footer-navbar nav ul li button:hover{color:#0097ce}#footer-navbar nav ul li button span{font-size:12px;color:#acacac}#footer-social-media{width:25%;display:flex;justify-content:end;gap:3%}@media (max-width: 1024px){#footer-social-media{padding-right:35px}}@media (max-width: 668px){#footer-social-media{display:none}}#footer-social-media svg{fill:#141414;width:20px;height:20px;transition:all .3s ease-in-out;padding:10px;cursor:pointer}@media (max-width: 1280px){#footer-social-media svg{width:18px;height:18px}}#footer-social-media svg:hover{fill:#0097ce;transition:all .3s ease-in-out}aside{width:30%;padding-top:50px;padding-bottom:50px;gap:100px;color:#141414}@media (max-width: 1024px){aside{gap:0px;width:100%;padding-top:60px}}aside section h1{margin:0;font-size:36px;font-weight:700}@media (max-width: 1280px){aside section h1{font-size:32px}}aside section h2 span{font-size:20px;font-weight:600}@media (max-width: 1280px){aside section h2 span{font-size:17px}}aside section p{width:80%}@media (max-width: 1280px){aside section p{font-size:13px}}@media (max-width: 1024px){aside section p{max-width:380px}}#smart-navbar{transition:all .3s ease-in}@media (max-width: 1024px){#smart-navbar{display:none}}#smart-navbar ul{list-style-type:none;margin:0;padding:0;gap:25px}#smart-navbar ul .aside-nabar-active{padding-left:70px}#smart-navbar ul .aside-nabar-active:before{width:60px;background-color:#4acfff}#smart-navbar ul li a{color:#141414;text-decoration:none;padding:7px 7px 7px 40px;font-size:14px;font-weight:500;position:relative;transition:all .3s ease-in-out}@media (max-width: 1280px){#smart-navbar ul li a{font-size:13px}}#smart-navbar ul li a:hover{padding-left:70px}#smart-navbar ul li a:before{content:"";position:absolute;background-color:#d9d9d9;width:30px;height:2px;bottom:50%;left:0;transition:all .3s ease-in-out}#smart-navbar ul li a:hover:before{width:60px;background-color:#4acfff}.projects-row{display:flex;gap:20px;flex-direction:row;color:#141414;width:fit-content}@media (max-width: 668px){.projects-row{flex-direction:column}}.projects-row img{width:262px;box-shadow:0 0 4px #00000047;margin-left:5px;border-radius:5px}@media (max-width: 1024px){.projects-row img{margin-left:0}}.projects-row div{gap:20px;justify-content:center}.projects-row div .projects-row-title{transition:all .15s ease-in-out;justify-content:start;align-items:center;gap:12px}@media (max-width: 1280px){.projects-row div .projects-row-title{font-size:15px}}.projects-row div .projects-row-title svg{z-index:-1;transition:all .15s ease-in-out;width:9px;height:9px;transform:translate(-2px) translateY(2px)}.projects-row div .projects-row-title svg path{transition:all .15s ease-in-out;stroke:#141414}.projects-row div p{font-size:14px;max-width:370px;line-height:115%;margin:0}@media (max-width: 1280px){.projects-row div p{font-size:12px}}@media (max-width: 668px){.projects-row div p{max-width:unset}}.projects-row div ul{padding:0;margin:0;gap:10px;flex-wrap:wrap}a .projects-row:hover .projects-row-title{color:#0097ce;transition:all .15s ease-in-out}a .projects-row:hover .projects-row-title svg{transition:all .15s ease-in-out;transform:translate(3px) translateY(-3px)}a .projects-row:hover .projects-row-title svg path{transition:all .15s ease-in-out;stroke:#0097ce}.row-projects-lazy{gap:20px;height:147.44px}@media (max-width: 668px){.row-projects-lazy{height:271px}}.row-projects-lazy div{width:262px;border-radius:5px}@media (max-width: 1280px){.row-projects-lazy div{width:232px}}@media (max-width: 668px){.row-projects-lazy div{display:none}}.row-projects-lazy span{width:370px;border-radius:5px}@media (max-width: 668px){.row-projects-lazy span{width:100%;height:100%}}.work-history{width:fit-content;color:#141414;display:flex;flex-direction:row;gap:20px}@media (max-width: 668px){.work-history{flex-direction:column}}.work-history .work-history-time{min-width:262px;opacity:75%;font-size:13px}@media (max-width: 1280px){.work-history .work-history-time{min-width:232px}}.work-history .work-history-info{gap:20px}.work-history .work-history-info .work-history-title{gap:3px}@media (max-width: 1280px){.work-history .work-history-info .work-history-title{font-size:15px}}.work-history .work-history-info .work-history-title .work-history-role{font-size:14px;opacity:75%}@media (max-width: 1280px){.work-history .work-history-info .work-history-title .work-history-role{font-size:13.5px}}.work-history .work-history-info .work-history-desc{font-size:14px;max-width:370px;margin:0}@media (max-width: 1280px){.work-history .work-history-info .work-history-desc{font-size:12px}}@media (max-width: 668px){.work-history .work-history-info .work-history-desc{max-width:unset}}.work-history .work-history-info ul{padding:0;margin:0;gap:10px;flex-wrap:wrap}.work-history-lazy{height:190px;display:flex;gap:20px;flex-direction:row}@media (max-width: 668px){.work-history-lazy{flex-direction:column}}.work-history-lazy div{width:262px;height:30px;border-radius:3px}@media (max-width: 1280px){.work-history-lazy div{min-width:232px}}@media (max-width: 668px){.work-history-lazy div{width:100%;height:100%}}.work-history-lazy span{width:370px;border-radius:3px}@media (max-width: 668px){.work-history-lazy span{display:none}}.social-media-container{color:#141414}@media (max-width: 705px){.social-media-container{min-width:100%}}.social-media-container .social-media-box{background-color:#fff;padding:10px;margin:9px;box-shadow:0 0 4px #00000047;border-radius:12px;max-width:275px;min-width:275px;transition:transform .3s ease-in}.social-media-container .social-media-box:hover{transform:scale(1.05);transition:transform .3s ease-out}@media (max-width: 705px){.social-media-container .social-media-box{max-width:unset;min-width:unset}.social-media-container .social-media-box:hover{transform:scale(1.02)}}.social-media-container .social-media-box .social-media-top{margin:15px 9px;justify-content:space-between}.social-media-container .social-media-box .social-media-top .icon-box{width:40px;height:40px;box-shadow:0 0 4px #00000047;border-radius:9px;display:flex;justify-content:center;align-items:center;opacity:65%}.social-media-container .social-media-box .social-media-top .icon-box svg{width:26px;height:26px;fill:#000}.social-media-container .social-media-box .social-media-top .social-media-button-container{display:flex;justify-content:center;align-items:center}.social-media-container .social-media-box .social-media-title{margin:11px 9px;gap:10px}.social-media-container .social-media-box .social-media-title p{margin:0;font-size:13px}.social-media-container .social-media-box .social-media-contact{margin:20px 9px}.social-media-container .social-media-box .social-media-contact a{color:#0097ce;text-decoration:underline;text-decoration-color:#0097ce;font-size:14px}.social-media-box-lazy{width:295px;height:218px;border-radius:12px}@media (max-width: 705px){.social-media-box-lazy{min-width:100%}}.projects-column-container{display:flex;flex-direction:column;gap:30px;align-items:center;width:100%;height:100%}@media (max-width: 1024px){.projects-column-container{margin-bottom:80px;margin-top:30px}}.projects-column-container .swiper-button-disabled{opacity:.3!important}.projects-column-container .category-slider-wrapper{position:relative;margin:0 auto;display:flex;align-items:center}.projects-column-container .category-slider-wrapper .swiper-button-prev svg{transform:rotate(180deg)}.projects-column-container .category-slider-wrapper .projects-column-category{width:100%;overflow:hidden;position:relative;padding:10px 0;max-width:45vw;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%)}.projects-column-container .category-slider-wrapper .projects-column-category .swiper-wrapper{display:flex;align-items:center}.projects-column-container .category-slider-wrapper .projects-column-category .swiper-slide{width:auto;display:flex;justify-content:center;transition:opacity .3s ease,transform .3s ease;opacity:.3;transform:scale(.9)}.projects-column-container .category-slider-wrapper .projects-column-category .swiper-slide.swiper-slide-active{opacity:1;transform:scale(1)}.projects-column-container .category-slider-wrapper .projects-column-category .swiper-slide .category-slide{justify-content:center;align-items:center;margin-left:30px;margin-right:30px}.projects-column-container .category-slider-wrapper .projects-column-category .swiper-slide .category-slide:hover,.projects-column-container .category-slider-wrapper .projects-column-category .swiper-slide .category-slide.category-active{color:#0097ce}.projects-column-container .category-slider-wrapper .projects-column-category .swiper-slide .category-slide.category-active:after{width:70%}.projects-column-container .category-slider-wrapper .projects-column-category .swiper-slide .category-slide:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background-color:#0097ce;transform:translate(-50%);transition:width .3s ease-in-out}.projects-column-container .category-slider-wrapper .projects-column-category .swiper-slide .category-slide svg{width:20px;height:20px}.projects-column-container .category-slider-wrapper .projects-column-category .swiper-slide .category-slide span{font-size:14px;padding:12px 7px;white-space:nowrap;color:#141414;position:relative;transition:color .3s ease;justify-content:center;align-items:center;gap:10px}@media (max-width: 668px){.projects-column-container .category-slider-wrapper .projects-column-category .swiper-slide .category-slide span{font-size:14px}}.projects-column-container .category-slider-wrapper .projects-prev,.projects-column-container .category-slider-wrapper .projects-next{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#0097ce;z-index:20;margin:0}.projects-column-container .category-slider-wrapper .projects-prev:after,.projects-column-container .category-slider-wrapper .projects-next:after{font-size:18px;font-weight:700}.projects-column-container .category-slider-wrapper .projects-prev.swiper-button-disabled,.projects-column-container .category-slider-wrapper .projects-next.swiper-button-disabled{opacity:.1}.projects-column-container .category-slider-wrapper .projects-prev{left:0;cursor:pointer}.projects-column-container .category-slider-wrapper .projects-next{right:0;cursor:pointer}.projects-column-container .projects-column-grid{column-count:2;column-gap:4%;padding:0 30px 25px 0;width:95%;overflow-y:auto;overflow-x:hidden;min-height:0}.projects-column-container .projects-column-grid::-webkit-scrollbar{width:7px}.projects-column-container .projects-column-grid::-webkit-scrollbar-track{background:transparent}.projects-column-container .projects-column-grid::-webkit-scrollbar-thumb{background:#4acfff;border-radius:20px}@media (max-width: 1024px){.projects-column-container .projects-column-grid{padding:0 0 180px;width:100%}.projects-column-container .projects-column-grid::-webkit-scrollbar{width:0}}@media (max-width: 668px){.projects-column-container .projects-column-grid{column-count:1;gap:40px}}.projects-column-container .projects-column-grid .projects-column,.projects-column-container .projects-column-grid .projects-column a{color:#141414;display:flex;flex-direction:column;gap:15px;margin-bottom:35px;break-inside:avoid}.projects-column-container .projects-column-grid .projects-column a:hover .projects-column-title{color:#0097ce}.projects-column-container .projects-column-grid .projects-column a:hover .projects-column-title svg{transform:translate(3px,-3px)}.projects-column-container .projects-column-grid .projects-column a:hover .projects-column-title svg path{stroke:#0097ce}.projects-column-container .projects-column-grid .projects-column img{width:100%;margin-bottom:5px;box-shadow:0 0 4px #0003;border-radius:5px}.projects-column-container .projects-column-grid .wide-project{column-span:all;width:100%}.projects-column-container .projects-column-grid .projects-column-title{display:flex;justify-content:start;align-items:center;gap:12px;transition:color .2s ease}.projects-column-container .projects-column-grid .projects-column-title svg{width:9px;height:9px;transition:transform .2s ease}.projects-column-container .projects-column-grid .projects-column-title svg path{stroke:#141414}.projects-column-container .projects-column-grid p{margin:0;font-size:14px}.projects-column-container .projects-column-grid ul{display:flex;padding:0;margin:5px 0 0;gap:7px;flex-wrap:wrap;list-style:none}#home{display:flex;padding-right:50px;overflow-y:auto;overflow-x:hidden;height:inherit}#home::-webkit-scrollbar{width:.3vw;max-width:7px}#home::-webkit-scrollbar-track{background:transparent;border-radius:20px;transition:all .3s ease-in}#home::-webkit-scrollbar-thumb{background:#4acfff;border-radius:20px}@media (max-width: 1024px){#home::-webkit-scrollbar{width:0vw}#home::-webkit-scrollbar-track{background:transparent}#home::-webkit-scrollbar-thumb{background:transparent}}#home #introduction{padding-top:60px;padding-bottom:70px;color:#141414;display:none}#home #introduction #intro-icons{display:none;margin-top:30px;gap:3%}@media (max-width: 800px){#home #introduction #intro-icons{display:flex}#home #introduction #intro-icons svg{fill:#141414;width:20px;height:20px;transition:all .3s ease-in-out}}#home #introduction h1{margin:0;font-size:36px;font-weight:700}@media (max-width: 1280px){#home #introduction h1{font-size:32px}}#home #introduction h2 span{font-size:20px;font-weight:600}@media (max-width: 1280px){#home #introduction h2 span{font-size:17px}}#home #introduction p{width:80%}@media (max-width: 1280px){#home #introduction p{font-size:13px}}@media (max-width: 1024px){#home #introduction p{max-width:380px}}@media (max-width: 1024px){#home #introduction{display:block}}#home .sticky-title{width:100%;position:sticky;top:0;background-color:#f9f9f9d7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none}@media (max-width: 1024px){#home .sticky-title{display:block}}#home .sticky-title h3{text-transform:uppercase;color:#3c3c3c;margin:0;padding:20px 0;font-size:15px;font-weight:600}@media (max-width: 1280px){#home{padding-right:unset}}@media (max-width: 1024px){#home{justify-content:unset}}#home #home-holder{max-width:900px;gap:60px;padding-bottom:60px}@media (max-width: 1024px){#home #home-holder{padding-bottom:130px;max-width:unset}}@media (max-width: 850px){#home #home-holder{padding-bottom:60px}}@media (max-width: 668px){#home #home-holder{padding-bottom:150px}}#home #home-holder #biography{gap:20px;text-align:justify;position:relative}@media (max-width: 1024px){#home #home-holder #biography{text-align:unset}}#home #home-holder #biography p{margin:0;line-height:135%;font-size:14px}#home #home-holder #home-row-projects{gap:40px;position:relative}#home #home-holder #home-row-projects #all-projects-link{margin-bottom:40px}#home #home-holder #home-row-projects #all-projects-link button{display:flex;color:#141414;font-size:14px;background-color:transparent;border:none;cursor:pointer;transition:all .2s ease-in-out;align-items:center;gap:10px}#home #home-holder #home-row-projects #all-projects-link button svg{stroke:#141414}#home #home-holder #home-row-projects #all-projects-link button:hover{gap:20px}#home #home-holder #home-row-projects #all-projects-link button:hover span{gap:20px;transition:all .2s ease-in-out;color:#0097ce}#home #home-holder #home-row-projects #all-projects-link button:hover svg{stroke:#0097ce}#home #home-holder #home-work-history{position:relative;gap:60px}#projects{padding-bottom:50px;height:inherit}@media (max-width: 1024px){#projects{padding-bottom:60px}}#contact{display:flex;flex-direction:column;gap:60px;justify-content:center;align-items:center;height:inherit}@media (max-width: 668px){#contact{margin-top:60px;gap:20px;flex-direction:column-reverse}}#contact #contact-box-holder{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:35px;overflow-y:auto;overflow-x:hidden}#contact #contact-box-holder::-webkit-scrollbar{width:.3vw;max-width:7px}#contact #contact-box-holder::-webkit-scrollbar-track{background:transparent;border-radius:20px;transition:all .3s ease-in}#contact #contact-box-holder::-webkit-scrollbar-thumb{background:#4acfff;border-radius:20px}@media (max-width: 1024px){#contact #contact-box-holder{margin-top:60px;padding-bottom:190px}#contact #contact-box-holder::-webkit-scrollbar{width:0vw}#contact #contact-box-holder::-webkit-scrollbar-track{background:transparent}#contact #contact-box-holder::-webkit-scrollbar-thumb{background:transparent}}@media (max-width: 668px){#contact #contact-box-holder{margin-top:20px}}#contact #contact-note{opacity:70%;font-size:14px}@media (max-width: 1508px){#contact #contact-note{padding-bottom:60px}}@media (max-width: 1024px){#contact #contact-note{padding-bottom:120px}}@media (max-width: 668px){#contact #contact-note{padding-bottom:unset;text-align:center}}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont-c8O0ljhh.ttf)}body{background:linear-gradient(-136deg,#fff,#f2f2f2);min-height:100vh;margin:0;display:flex;justify-content:center;font-family:Inter;-webkit-tap-highlight-color:transparent}body::selection{background-color:#0097ce;color:#fff}@media (max-width: 1024px){body{background:#f9f9f9;height:100%}}a{text-decoration:none}#root{width:100%;display:flex;justify-content:space-between;flex-direction:column;max-width:1480px;padding-left:3rem;padding-right:3rem}@media (max-width: 1280px){#root{padding-left:1.5rem;padding-right:1.5rem}}#container{height:90vh;flex-direction:row;display:flex}@media (max-width: 1024px){#container{flex-direction:column;height:100%}}main{margin-top:50px;width:70%;overflow-y:hidden;overflow-x:hidden;scroll-behavior:smooth}@media (max-width: 1024px){main{width:100%;margin-top:0;height:100vh}}