@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300400500600700&family=Lacquer&display=swap";@keyframes fadeInDestroy{0%{opacity:1}to{opacity:0;visibility:hidden}}body{background-color:#282934;color:#fff;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;background:#FFF;z-index:9999;width:100vw;height:100vh;animation:fadeInDestroy 1s forwards}.arrow-up{cursor:pointer;position:fixed;padding:.6rem;border-radius:50%;z-index:2000;border:2px solid rgba(255,255,255,.3764705882);right:4rem;bottom:-6rem;transition:all .2s ease-in-out;visibility:hidden;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.arrow-up{padding:.5rem;right:1rem;bottom:-6rem}}.arrow-up .icon{font-size:1rem;color:#fff}@media (max-width: 768px){.arrow-up .icon{font-size:.8rem}}.arrow-up.show{visibility:visible;transition:all .3s ease-in-out;right:4rem;bottom:3rem}@media (max-width: 768px){.arrow-up.show{right:1rem;bottom:1rem}}*{margin:0;padding:0}html{box-sizing:border-box;font-size:16px}ol,ul,li{list-style:none}button{outline:none;cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit;margin:0;padding:0}p,span{margin:0;padding:0}input{outline:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0}input::-ms-reveal,input::-ms-clear{display:none}input[type=number]{-webkit-appearance:none;margin:0;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;-moz-appearance:textfield}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.overflow-hidden{overflow:hidden!important}.w-full{width:100%}.h-full{height:100%}.wh-full{width:100%;height:100%}.color-primary-drop{color:#b2b2b2}.cursor-pointer{cursor:pointer!important}.color-secondary{color:#ffb81d}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.flex{display:flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.pt-2{padding-top:.2rem}.pb-0{padding-bottom:0}.pb-5{padding-bottom:5rem}.pb-10{padding-bottom:10rem}.pb-20{padding-bottom:20rem}.bg-white{background-color:#f4f4f4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-2rem)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .4s ease-in-out forwards}.fade-in-up{animation:fadeInUp .4s ease-in-out forwards}.fade-in-down{animation:fadeInDown .4s ease-in-out forwards}.fade-in-left{animation:fadeInLeft .4s ease-in-out forwards}.fade-in-right{animation:fadeInRight .4s ease-in-out forwards}.delay-1{animation-delay:.1s!important}.delay-2{animation-delay:.2s!important}.delay-3{animation-delay:.3s!important}.delay-5{animation-delay:.5s!important}.delay-8{animation-delay:.8s!important}.delay-10{animation-delay:1s!important}.duration-1{animation-duration:.1s!important}.duration-2{animation-duration:.2s!important}.duration-3{animation-duration:.3s!important}.duration-5{animation-duration:.5s!important}.duration-8{animation-duration:.8s!important}.duration-10{animation-duration:1s!important}body{font-family:Kanit,sans-serif;background-color:#282934;color:#fff}body::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}body::-webkit-scrollbar:hover{width:8px}body::-webkit-scrollbar-thumb{background-color:#b5b5b5;border-radius:10px}body:hover::-webkit-scrollbar-thumb,body:hover::-webkit-scrollbar{display:block}.container{width:100%;height:100%;margin:0 auto}.container-base{width:86%;margin:0 auto;max-width:1800px}.custom_scrollbar::-webkit-scrollbar{width:8px;height:8px;background-color:#f5f5f5}.custom_scrollbar::-webkit-scrollbar-thumb{background-color:#b5b5b5;border-radius:10px}.custom_scrollbar:hover::-webkit-scrollbar-thumb,.custom_scrollbar:hover::-webkit-scrollbar{display:block}.linkExternal{text-decoration:underline;color:#77cdff;cursor:pointer}.relative{position:relative}.absolute{position:absolute}.hero-container{width:100%;height:86vh;background-color:#353543;overflow:hidden}@media (max-width: 1536px){.hero-container{height:100vh}}@media (max-width: 1024px){.hero-container{height:100%;padding-bottom:2rem}}.hero-container .container-base{width:86%;height:100%;margin:0 auto;display:flex;justify-content:space-between;gap:6rem}@media (max-width: 1024px){.hero-container .container-base{padding-top:6rem;flex-direction:column-reverse;justify-content:center;align-items:center;gap:2rem}}@media (max-width: 768px){.hero-container .container-base{padding-top:8rem}}@media (max-width: 640px){.hero-container .container-base{padding-top:6rem}}.paragraph-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}@media (max-width: 1280px){.paragraph-container{width:40vw;padding-top:2rem}}@media (max-width: 1024px){.paragraph-container{width:100%;padding-top:0rem;margin-top:-2.8rem;justify-content:flex-start}}@media (max-width: 1024px){.paragraph-container{margin-top:0rem;padding-top:1.2rem}}.identify{font-family:Lacquer,sans-serif;color:#b2b2b2;font-size:3rem;letter-spacing:.24rem}@media (max-width: 1280px){.identify{font-size:1.6rem}}@media (max-width: 768px){.identify{margin-top:-2.2rem}}.identify .fullname{margin-top:.4rem;color:#fff;display:flex;column-gap:1.8rem;letter-spacing:.08rem}@media (max-width: 1280px){.identify .fullname{column-gap:.8rem}}.paragraph-container .description{margin-top:2rem}@media (max-width: 1280px){.paragraph-container .description{margin-top:1.2rem}}.paragraph-container .description .ideal{color:#b2b2b2;letter-spacing:.04rem;font-size:1.08rem}@media (max-width: 1280px){.paragraph-container .description .ideal{font-size:.9rem}}@media (max-width: 768px){.paragraph-container .description .ideal{font-size:.8rem;margin-top:-.6rem}}.description .text-highlight{color:#b2b2b2;margin-top:2rem;letter-spacing:.02rem}@media (max-width: 1280px){.description .text-highlight{margin-top:1.4rem;font-size:.8rem;letter-spacing:.04rem}}@media (max-width: 768px){.description .text-highlight{font-size:.76rem;margin-top:.6rem}}.description .contact-group{display:flex;column-gap:.6rem;color:#ffb81d;margin-top:2rem}@media (max-width: 768px){.description .contact-group{margin-top:.8rem}}.description .contact-item{display:flex;align-items:center;justify-content:center;height:44px;width:44px;font-size:1.2rem;border-radius:50%;background:#49485B;transition:all .3s}.description .contact-item:hover{filter:brightness(1.2);box-shadow:0 0 .5rem #0003}@media (max-width: 1536px){.description .contact-item{font-size:1.1rem;height:40px;width:40px}}@media (max-width: 768px){.description .contact-item{font-size:1rem;height:36px;width:36px}}.profile-container{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.profile{position:relative;display:flex;justify-content:center;align-items:flex-end}.container-img{z-index:2;height:60vh;position:absolute;overflow:hidden}@media (max-width: 1536px){.container-img{height:70vh}}@media (max-width: 1024px){.container-img{height:40vh;border-radius:0 0 6rem 6rem}}@media (max-width: 768px){.container-img{height:30vh;width:60%;border-radius:0 0 4rem 4rem;left:50%;transform:translate(-50%)}}.container-img img{object-fit:cover}.background-img{position:relative;z-index:1;width:70vh;height:70vh;border-radius:50%;background:#282934;box-shadow:0 .4rem .6rem #0006}@media (max-width: 1536px){.background-img{width:80vh;height:80vh}}@media (max-width: 1024px){.background-img{width:50vh;height:50vh;box-shadow:none}}@media (max-width: 768px){.background-img{height:40vh;width:40vh}}.text-nickname{position:absolute;font-family:Lacquer,sans-serif;color:#b2b2b2;text-align:center;top:8%;left:4rem;font-size:1.2rem;rotate:-25deg;letter-spacing:.1rem;line-height:1.5rem}@media (max-width: 1536px){.text-nickname{font-size:1rem;left:1.9rem;top:9%}}@media (max-width: 1024px){.text-nickname{top:4%;left:.5rem;font-size:.8rem;line-height:1.2rem}}.text-role{position:absolute;font-family:Lacquer,sans-serif;color:#b2b2b2;top:40%;right:-4rem;rotate:10deg;font-size:1.2rem}@media (max-width: 1536px){.text-role{font-size:1rem;right:-1rem;top:36%}}@media (max-width: 1024px){.text-role{font-size:.8rem;right:-3rem}}@keyframes onFade{0%{width:100%}to{width:0}}@keyframes onActive{0%{opacity:0}to{opacity:1}}.container-slide-fade{position:relative;width:fit-content;height:fit-content}.slider{position:absolute;top:0;right:0;width:100%;height:100%;transition:all .2s ease-in-out;animation:onFade;animation-fill-mode:forwards}.slider:nth-child(1){background:#d0d0d0;z-index:2;animation-delay:.4s;animation-duration:.6s}.slider:nth-child(2){background:#cfa956;z-index:1;animation-delay:.6s;animation-duration:.4s}.slider.active{width:0}.children{overflow:0;animation:onActive 2s forwards}.education-container{display:flex;padding-top:6rem;column-gap:4rem;justify-content:space-evenly;align-items:center}@media (max-width: 1024px){.education-container{flex-direction:column;padding:4rem 0;row-gap:2.2rem}}.education-container .banner-img{overflow:hidden;width:80%;display:flex;justify-content:flex-end}@media (max-width: 1536px){.education-container .banner-img{justify-content:center;width:100%}}.education-container .banner-img img{width:68%}@media (max-width: 1024px){.education-container .banner-img img{width:80%}}.edu-content-container{width:100%;display:flex;flex-direction:column;place-items:center;gap:2rem}@media (max-width: 1024px){.edu-content-container{gap:1.6rem}}.topic-container{font-family:Lacquer,sans-serif;display:flex;flex-direction:column;gap:1rem}.topic-container .title{display:flex;gap:1rem;font-size:1.6rem}@media (max-width: 1024px){.topic-container .title{font-size:1.2rem;padding-top:.6rem}}.topic-container .sub-title{color:#b2b2b2;font-size:.9rem;line-height:1.4rem}@media (max-width: 1024px){.topic-container .sub-title{font-size:.8rem}}.edu-card-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.4rem}@media (max-width: 1536px){.edu-card-container{gap:1.2rem}}@media (max-width: 1024px){.edu-card-container{gap:1rem}}.edu-card-item{display:grid;gap:2rem;grid-template-columns:6.2rem 1fr;background:#353543;padding:2rem 1.8rem 2rem 1rem;border-radius:1.2rem;letter-spacing:.02rem;transition:all .2s ease-in-out;box-shadow:0 .2rem .2rem #0000001a}.edu-card-item:hover{filter:brightness(1.1)}@media (max-width: 1536px){.edu-card-item{padding:1.5rem .4rem 1.5rem 1.4rem;border-radius:.8rem;width:100%}}@media (max-width: 1024px){.edu-card-item{grid-template-columns:5.6rem 1fr;gap:1.2rem;padding:1.2rem .6rem 1.2rem .8rem}}.timeline-group{display:flex;flex-direction:column;justify-content:center;gap:.4rem}.detail-group{display:flex;flex-direction:column;gap:.4rem}.edu-card-item .timeline-group{font-size:1.06rem;text-align:right}.timeline-group .status{font-size:.8rem;color:#b2b2b2}@media (max-width: 1024px){.timeline-group .status{font-size:.7rem}}.detail-group .title{font-size:1.08rem}@media (max-width: 1536px){.detail-group .title{font-size:.88rem}}.detail-group .sub-title{color:#b2b2b2;font-size:.9rem}@media (max-width: 1024px){.detail-group .sub-title{font-size:.8rem}}.experience-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;column-gap:10rem;padding-top:8rem}@media (max-width: 1536px){.experience-container{row-gap:9rem}}@media (max-width: 1024px){.experience-container{flex-direction:column-reverse;row-gap:6.4rem;padding-top:0rem;margin-top:-2rem}}.experience-container .banner-img{width:100%;overflow:hidden;top:15%;padding-bottom:8rem;transform:translateY(25%);position:sticky}@media (max-width: 1024px){.experience-container .banner-img{position:relative;display:flex;justify-content:center;padding-bottom:0}}.experience-container .banner-img img{width:68%}@media (max-width: 1536px){.experience-container .banner-img img{width:80%}}.exp-content-container{width:100%;display:flex;flex-direction:column;gap:3.2rem}@media (max-width: 1024px){.exp-content-container{gap:2.4rem}}.exp-content-container .timeline-container{width:100%;height:100%}.card-item-group{height:100%;display:flex;flex-direction:row;background:#353543;padding:1.2rem 1.4rem;border-radius:.6rem;transition:all .2s ease-in-out;box-shadow:0 .2rem .2rem #0000001a}.card-item-group:hover{filter:brightness(1.1)}@media (max-width: 1024px){.card-item-group{padding:.9rem 1rem}}.timeline-container .card-container{display:flex;flex-direction:column;gap:2.4rem;padding-left:8rem}@media (max-width: 1024px){.timeline-container .card-container{padding-left:4.8rem;gap:2rem}}.timeline-container .card-item{position:relative;width:100%}.timeline-container .more-detail{cursor:pointer;margin-right:-.9rem;padding-left:.5rem;border-left:2px solid rgba(255,255,255,.1254901961);display:flex;align-items:center;font-size:.8rem;transition:all .2s ease-in-out;margin-left:.28rem}.timeline-container .more-detail:hover{color:#ffb81d;transform:scale(1.06) translate(.1rem)}@media (max-width: 1536px){.timeline-container .more-detail{margin-left:.2rem}}@media (max-width: 1024px){.timeline-container .more-detail{margin-left:.1rem;padding-left:.4rem;margin-right:-.6rem}}.timeline-container .card-item .title{letter-spacing:.06rem;font-size:1.1rem}@media (max-width: 1536px){.timeline-container .card-item .title{font-size:.96rem}}@media (max-width: 1024px){.timeline-container .card-item .title{letter-spacing:.02rem}}.timeline-container .card-item .sub-title{margin-top:.1rem;letter-spacing:.04rem;font-size:.9rem;color:#b2b2b2}@media (max-width: 1536px){.timeline-container .card-item .sub-title{font-size:.8rem}}@media (max-width: 1024px){.timeline-container .card-item .sub-title{letter-spacing:.02rem}}.timeline-container .card-item .description{letter-spacing:.02rem;margin-top:.8rem;font-size:.9rem;color:#b2b2b2}@media (max-width: 1536px){.timeline-container .card-item .description{letter-spacing:.02rem;font-size:.8rem}}@media (max-width: 1024px){.timeline-container .card-item .description{font-size:.76rem}}.timeline-container .container-card-item{position:relative}.timeline-item{position:absolute;top:0;left:-6.2rem;height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:right}@media (max-width: 1024px){.timeline-item{left:-5.4rem}}.timeline-item.one-range{justify-content:center}.timeline-item .date{font-size:.8rem}@media (max-width: 1024px){.timeline-item .date{font-size:.7rem}}.timeline-item .helper-text{color:#b2b2b2;font-size:.7rem}@media (max-width: 1024px){.timeline-item .helper-text{font-size:.6rem}}.timeline-item .helper-text.rotate{transform:rotate(-90deg) translateY(160%);text-align:center}@media (max-width: 1024px){.timeline-item .helper-text.rotate{transform:rotate(-90deg) translateY(180%)}}.container-card-item .line{position:absolute;top:50%;transform:translateY(-50%);left:-1.6rem;width:.1rem;height:86%;background:#fff;z-index:1}@media (max-width: 1024px){.container-card-item .line{left:-1.2rem}}.container-card-item .line:after{content:"";position:absolute;top:-3%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;border:.1rem solid #fff;z-index:1}.container-card-item .line:before{content:"";position:absolute;top:103%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;border:.1rem solid #fff;z-index:1}.space-line{left:-1.6rem;position:absolute;bottom:-2.2rem;width:.1rem;height:2.4rem;z-index:1;background-image:linear-gradient(to bottom,rgba(255,255,255,.3137254902) 50%,transparent 50%);background-size:100% .64rem;background-repeat:repeat-y;background-position:center}@media (max-width: 1024px){.space-line{left:-1.2rem}}.exp-container-hover{position:absolute!important;padding:.3rem .4rem;background:rgba(255,255,255,.1882352941);top:0;right:2rem;z-index:-1;opacity:0;border-radius:.4rem .4rem 0 0;transition:all .16s ease-in-out}@media (max-width: 1024px){.exp-container-hover{right:.4rem}}.exp-container-hover.active{top:-2.21rem;opacity:1;z-index:1!important}.exp-container-hover .item-group{height:inherit;display:flex;justify-content:center;align-items:center;column-gap:.4rem}.exp-container-hover .item{position:relative;width:1.6rem;height:1.6rem;background:rgba(0,0,0,.2509803922);padding:.24rem;border-radius:.2rem;display:flex;justify-content:center;align-items:center;cursor:crosshair}.exp-container-hover .item img{object-fit:contain}.tooltip{transform:rotate(-30deg);top:-5.6rem;left:-.4rem;min-width:12rem;display:flex;flex-direction:row;justify-content:start;opacity:0;color:#000}.tooltip p{padding:.4rem .6rem;font-size:.8rem;letter-spacing:.06rem;border-radius:.8rem .4rem .4rem 0rem;background:#FFF}.exp-container-hover .item:hover .tooltip{opacity:1!important}.project-made-container{padding-top:8rem}@media (max-width: 1024px){.project-made-container{padding-top:6rem}}.project-made-content{margin-top:2.6rem;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:1rem}@media (max-width: 1536px){.project-made-content{grid-template-columns:repeat(3,1fr);gap:.8rem}}@media (max-width: 1024px){.project-made-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.project-made-content{margin-top:2rem;grid-template-columns:1fr;gap:1.5rem}}.view-more{height:16rem;width:100%;cursor:pointer;border:2px solid rgba(255,255,255,.5019607843);border-radius:.6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;letter-spacing:.06rem;font-weight:500;font-size:1.6rem;color:#bcbcbc;gap:.4rem;transition:all .2s ease-in-out}.view-more:hover{border:2px solid #FFFFFF;background:rgba(255,255,255,.062745098)}.view-more:hover .label,.view-more:hover .icon{transform:scale(1.04)}@media (max-width: 1536px){.view-more{height:13.4rem}}@media (max-width: 768px){.view-more{height:5rem;font-size:1rem}}.card-project-container{position:relative;cursor:pointer;box-shadow:0 .2rem .2rem #0000001a}.card-project-container:hover .overlay{opacity:1}.card-project-container:hover .card-project-img{transform:scale(1.04)}.card-project-container:hover .card-project-content{top:8rem}.card-project-container:hover .card-project-content .title{padding:.28rem .5rem}@media (max-width: 1536px){.card-project-container:hover .card-project-content{top:5rem}}.card-project-container .position-wrapper{position:relative;top:0;left:0;width:100%;height:16rem;border-radius:.6rem;overflow:hidden}@media (max-width: 1536px){.card-project-container .position-wrapper{height:13.3rem}}.card-project-img{transition:all .2s ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.card-project-img img{object-fit:cover}.overlay{transition:all .2s ease-in-out;opacity:0;background:rgba(0,0,0,.5019607843);position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.card-project-content{overflow-y:auto;transition:all .2s ease-in-out;background:rgba(0,0,0,.5647058824);position:absolute;top:13.5rem;left:0;width:100%;height:100%;z-index:3}@media (max-width: 1536px){.card-project-content{top:11.1rem}}.card-project-content .title{transition:all .2s ease-in-out;width:100%;padding:.6rem .5rem;background:#FFB81D;color:#000;text-align:center;font-weight:500;font-size:.86rem;letter-spacing:.04rem}@media (max-width: 1536px){.card-project-content .title{padding:.5rem;font-size:.8rem}}.card-project-content .sub-title{padding-top:.6rem;width:90%;margin:0 auto;font-size:.9rem}.card-project-content .description{padding-top:.4rem;width:90%;margin:0 auto;font-size:.9rem}.label,.icon{transition:all .2s ease-in-out}.project-made.dev-tools{position:absolute;display:flex;gap:.4rem;right:0;z-index:20;margin:.4rem .4rem 0 0}.project-made.dev-tools .item{padding:.2rem;background:rgba(0,0,0,.5647058824);border-radius:.2rem;display:flex;align-items:center;justify-content:center}.project-made.dev-tools .item img{object-fit:contain;width:1.6rem;height:1.6rem}.container-skill{padding-top:6rem}.custom-icon-skill{padding:.2rem .6rem;border:2px solid rgba(255,255,255,.3764705882);border-radius:.2rem;margin-top:-.4rem}.skill-content-contaner{margin-top:2rem;padding:2.8rem 2.4rem;background-color:#353543;border-radius:1rem;display:flex;flex-direction:column;gap:6rem}.card-skill .title{font-size:1.4rem;color:#ffb81d;margin-bottom:.5rem;font-family:Lacquer,sans-serif;letter-spacing:.04rem}@media (max-width: 768px){.card-skill .title{margin-bottom:-1rem}}.group-skills{display:flex;flex-direction:column;gap:1.4rem;margin-top:2.8rem}@media (max-width: 768px){.group-skills{margin-top:0rem;gap:0}}.group-wrapper{min-width:100%;height:100%;overflow:hidden}.list-item-wrapper{position:relative;cursor:pointer;display:flex;gap:.4rem;min-width:100%;height:100%}@media (max-width: 768px){.list-item-wrapper{display:grid;grid-template-columns:repeat(2,1fr)}}.scroll-container{transition:all .2s}.group-skills .label{rotate:-40deg;padding-top:2rem;text-align:right;letter-spacing:.04rem}@media (max-width: 768px){.group-skills .label{padding-top:1rem;rotate:-10deg;text-align:left}}.group-skills .level{display:grid;grid-template-columns:6.8rem 1fr;gap:2rem;align-items:center;overflow:hidden;min-height:5.6rem}@media (max-width: 768px){.group-skills .level{grid-template-columns:1fr;grid-template-rows:5.6rem 1fr;gap:.8rem}}.group-skills .item-skill{min-height:6.8rem;min-width:12rem;background:#1C1D24;border-radius:.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.68rem;transition:all .2s ease-in-out}.group-skills .item-skill:hover{filter:brightness(1.2)}@media (max-width: 768px){.group-skills .item-skill{min-width:0}}.item-skill img{user-select:none;width:2.2rem;height:2.2rem;object-fit:contain}.item-skill .item-label{user-select:none;color:#fff;opacity:80%;font-size:.88rem;letter-spacing:.02rem}.navbar-wrapper{position:relative}.navbar-background{position:fixed;z-index:100;top:-4rem;left:0;width:100%;height:3.6rem;background:#353543;transition:all .2s}@media (max-width: 768px){.navbar-background{position:absolute}}.navbar-background.show{top:0rem}.navbar-background.shadow{box-shadow:0 0 10px #00000040}.navbar-container{z-index:1000;position:fixed;top:-4rem;left:50%;transform:translate(-50%);width:100%;width:86%;max-width:1800px;font-family:Lacquer,sans-serif;height:3rem;display:flex;justify-content:space-between;align-items:center;user-select:none;transition:all .2s}@media (max-width: 768px){.navbar-container{position:absolute}}.navbar-container.show{top:0rem;height:3.4rem}.navbar-container.show.top{top:0rem;height:4.6rem}.navbar-logo{cursor:pointer;display:flex;align-items:center}.navbar-logo-icon{font-size:2rem;color:#ffb81d}@media (max-width: 1280px){.navbar-logo-icon{font-size:1.6rem}}.navbar-logo-text{margin-top:.4rem;font-size:1.5rem;margin-left:.6rem;letter-spacing:.04rem;transition:all .2s}.navbar-logo-text:hover{color:#ffb81d}@media (max-width: 1280px){.navbar-logo-text{font-size:1.2rem}}.navbar-menu{position:relative}@media (max-width: 1024px){.navbar-menu{display:none}}.navbar-menu-group{display:flex;align-items:center;gap:4rem;font-size:1.1rem;letter-spacing:.1rem}@media (max-width: 1280px){.navbar-menu-group{gap:2.5rem}}.navbar-menu-item-name{transition:all .2s;color:#b2b2b2}.navbar-menu-item-name:active,.navbar-menu-item-name:hover{color:#fff}.navbar-menu-underline{width:0;height:.1rem;border-radius:4px;background-color:#fff;transition:all .2s;position:absolute;bottom:-6px}.burger-menu{display:flex;flex-direction:column;align-items:flex-end;cursor:pointer;padding:.4rem 0;border-radius:50%;row-gap:5px}@media (min-width: 1024px){.burger-menu{display:none}}.burger-menu .line{width:1.66rem;height:.15rem;transition:all .2s;background-color:#fff;border-radius:4px}.burger-menu .line:nth-child(2){width:60%}.burger-menu .line:nth-child(3){width:80%}.burger-menu .line.active:nth-child(1){transform:rotate(45deg) translate(.34rem,.34rem)}.burger-menu .line.active:nth-child(2){width:0;opacity:0;transform:translate(-40%)}.burger-menu .line.active:nth-child(3){width:100%;transform:rotate(-45deg) translate(.34rem,-.34rem)}.ball{width:2.5rem;height:2.5rem;position:fixed;top:0;left:0;border:2px solid rgba(30,144,255,.3764705882);border-radius:50%;pointer-events:none;z-index:9999}.sidebar-container{position:fixed;right:-10rem;top:5rem;display:flex;flex-direction:column;gap:1rem;z-index:2000;transition:all .2s ease-in-out}.sidebar-container.active{right:1.6rem;top:5rem}.sidebar-container .item{padding:.6rem 2rem;background:#000000;opacity:80%;box-shadow:.2rem .2rem .4rem #00000080;border-radius:2rem .2rem}@keyframes fullview-fadein{0%{top:0;left:-100vw}to{left:0}}@keyframes fullview-fadeout{0%{top:0}to{top:100vh}}.fullview-container-slide-fade{position:fixed;top:0;z-index:2000;width:100vw;height:100dvh;background:#282934}@media (max-width: 768px){.fullview-container-slide-fade{overflow-y:auto}}.fullview-container-slide-fade.fade-in{animation:fullview-fadein .4s ease-in-out}.fullview-container-slide-fade.fade-out{animation:fullview-fadeout .3s ease-in-out forwards}.fullview-content-container{position:relative;width:100%;height:100%;overflow:hidden;display:grid;grid-template-columns:3fr 1fr}@media (max-width: 1280px){.fullview-content-container{grid-template-columns:2fr 1fr}}@media (max-width: 1024px){.fullview-content-container{grid-template-columns:2fr 1.4fr}}@media (max-width: 768px){.fullview-content-container{display:flex;flex-direction:column-reverse;overflow-y:auto}}.fullview-content-container .img_group_preview{overflow-y:auto;height:100dvh}@media (max-width: 768px){.fullview-content-container .img_group_preview{overflow-y:hidden;height:min-content}}.fullview-content-container .status-preview{text-align:center;padding:.4rem;letter-spacing:.1rem;box-shadow:0 0 .4rem #0003}@media (max-width: 768px){.fullview-content-container .status-preview{font-size:.8rem}}@media (max-width: 768px){.iframe-preview{width:100%;height:100dvh}}.img-warpper-swiper{height:min-content}.fullview-content-container .img-warpper{width:100%;height:min-content}.fullview-content-container .img-warpper img{width:100%;height:100%;object-fit:contain;object-position:left top}@media (max-width: 768px){.fullview-content-container .img-warpper img{object-fit:contain}}.fullview-content-container .detail-group{position:inherit;padding:2rem;width:100%}.fullview-content-container .detail-group .title{font-size:1.4rem;font-weight:600}.fullview-content-container .detail-group .sub-title{margin-top:-.2rem}.fullview-content-container .detail-group .desc{font-size:1rem;font-weight:300;margin-top:.4rem}.fullview-content-container .tools-used-container{margin-top:1.2rem}.fullview-content-container .tools-used-items{display:flex;flex-direction:row;align-items:center;margin-top:1rem;margin-left:.6rem;gap:1.6rem;flex-wrap:wrap}.fullview-content-container .tools-used-items .img-warpper{width:1.8rem;height:1.8rem}.fullview-content-container .tools-used-items .img-warpper img{object-fit:contain}.fullview-content-container .tools-used-items .img-warpper.preview{margin:0;padding:0}@media (max-width: 768px){.fullview-content-container .tools-used-items .img-warpper.preview{height:min-content;width:100%;object-fit:contain}}.fullview-content-container .tools-used-item{display:flex;align-items:center;gap:.4rem}.topic-tools-use{color:#bce2ff}.visit-group{margin-top:2rem;display:flex;gap:.8rem;width:100%}@media (max-width: 768px){.visit-group{margin-top:1rem}}.visit-group a{width:100%}.visit-group .btn-visit{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.6rem 0rem;border-radius:.4rem;background:#353543;color:#fff;font-size:1rem;letter-spacing:.06rem;cursor:pointer;transition:all .2s ease-in-out;box-shadow:2px 2px .4rem #0003}.visit-group .btn-visit:hover{filter:brightness(1.2)}@media (max-width: 768px){.visit-group .btn-visit{font-size:.8rem}}.action-wrapper{width:100%;display:flex;justify-content:flex-end;background:none;height:1rem}.action-wrapper .icon{font-size:2rem}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}