@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Hind:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400&family=Sarabun:wght@400&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}hr{border-color:var(--color-text)!important}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{padding:0 15px;font-size:1.4rem;line-height:1.618;max-width:38em;margin:auto;color:var(--color-text);background:var(--color-background) no-repeat center center fixed;background-size:cover;overflow-x:hidden;transition:color .5s,background-color .5s;font-family:Sarabun,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Noto Sans Thai,sans-serif;color:var(--color-heading);margin:10px 0}h1{font-size:1.4em;font-weight:700}h2{font-size:1.05em;font-weight:700}h3{font-size:.8em;font-weight:600}h4{font-size:.55em}p{font-size:1rem;margin-top:0;word-wrap:break-word;white-space:normal}small,sub,sup{font-size:75%}hr{border-color:#1d7484}@media (max-width: 684px){body{font-size:1.2rem}}@media (max-width: 382px){body{font-size:1rem}}footer{margin-top:var(--section-gap);margin-bottom:calc(var(--section-gap) / 4)}.enPage,.thPage{display:flex;flex-direction:column;gap:20px}.namecard{margin-top:80px;display:flex;flex-direction:row;justify-content:space-between;align-items:end;gap:30px}.namecard img{display:none;border-radius:1rem;outline:1px var(--color-border) solid}.namecard h1{text-transform:uppercase}.namecard p{display:flex;flex-direction:row;gap:5px;margin:0}.namecard .name-info{display:flex;flex-direction:column;justify-content:space-around}@media (max-width: 852px){.namecard img{display:none}}.contacts a{margin-top:10px;margin-right:10px;padding:10px 10px 5px;border:1px var(--color-border) solid;border-radius:5px;color:var(--color-text);transition:all .3s}.contacts a:hover{background-color:var(--color-background-mute);outline:1px var(--color-text) solid}.contacts .contacts-list{margin-top:20px}.expertise .expertise-list{display:flex;flex-direction:column;gap:20px}.expertise .expertise-item{border-left:1px solid var(--color-border);margin-left:10px;padding-left:10px;transition:all .3s}.expertise .expertise-item p{margin:0}.expertise .expertise-item:hover{border-left:1px solid var(--color-text)}.skills .skills-list{display:flex;flex-direction:column;flex-wrap:wrap}.skills .pill-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.skills .pill{font-size:.7em;padding:0 10px 3px;border-radius:10px;border:1px var(--color-border) solid}.skills .languages-list p{margin:0}.skills .languages-list li{font-size:1rem;margin:0;word-wrap:break-word;white-space:normal}.experience .works-list{display:flex;flex-direction:column;gap:20px}.experience .work-item{border-left:1px solid var(--color-border);margin-left:10px;padding-left:10px;transition:all .3s}.experience .work-item .work-header{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between}.experience .work-item p{margin:0}.experience .work-item li{font-size:1rem;margin:0;word-wrap:break-word;white-space:normal}.experience .work-item:hover{border-left:1px solid var(--color-text)}.projects p{margin:0}.projects li{font-size:1rem;margin:0;word-wrap:break-word;white-space:normal}.projects .projects-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:space-evenly}.projects .project-item{flex-basis:calc(33.333% - 1rem);padding:10px;padding-top:.2rem;padding-bottom:1rem;display:flex;flex-direction:column;border:1px var(--color-border) solid;border-radius:.5rem;transition:all .3s}.projects .project-item .project-details{margin:0 10px}.projects .project-item .project-details p{line-height:1.2rem;margin-top:5px}.projects .project-item .project-details li{font-size:.95rem;line-height:1.2rem}.projects .project-item a{display:flex;flex-direction:column;width:100%;overflow:hidden;transition:all .3s ease;padding:0;padding-top:.25rem;padding-bottom:.5rem}.projects .project-item a img{margin:5px 10px;max-width:350px;object-fit:cover;border-radius:.6rem;transition:all .3s ease}.projects .project-item:hover{box-shadow:0 0 40px 1px var(--color-background-mute)}.projects .project-item:hover img{outline:1px var(--color-text) solid}@media (max-width: 852px){.project-item{flex-basis:calc(100% - 1rem)!important;display:flex;flex-direction:column}.project-item a{width:100%}.project-item a{align-items:center!important}.project-item a img{max-height:250px!important;max-width:80vw!important}}.educations .educations-list{display:flex;flex-direction:column;gap:20px}.educations .educations-list .education-item{border-left:1px solid var(--color-border);margin-left:10px;padding-left:10px;transition:all .3s}.educations .educations-list .education-item .education-header{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between}.educations .educations-list .education-item:hover{border-left:1px solid var(--color-text)}.background-wrapper[data-v-1147a489]:before{content:"";position:absolute;top:0;left:0;width:100%;height:430px;z-index:-1;max-width:100vw;transition:all .3 ease}@media (prefers-color-scheme: dark){.background-wrapper[data-v-1147a489]:before{background:url(https://i.imgur.com/ILMUTSg.png)}}@media (prefers-color-scheme: light){.background-wrapper[data-v-1147a489]:before{background:url(https://i.imgur.com/oiCr2nY.png)}}.language-switch[data-v-1147a489]{position:fixed;top:10px;right:10px;display:flex;gap:5px;padding:10px;border-radius:10px;border:1.5px var(--color-border) solid;background-color:var(--color-background)}.lang-button[data-v-1147a489]{padding:8px 12px;border:none;border-radius:5px;cursor:pointer;background-color:var(--color-background);color:var(--color-text);transition:background .3s}.lang-button.active[data-v-1147a489]{background-color:var(--color-background-soft);color:var(--color-text);outline:1px solid var(--color-border)}.lang-button[data-v-1147a489]:hover{background-color:var(--color-background-mute);color:var(--color-text)}.fade-slide-enter-active[data-v-1147a489],.fade-slide-leave-active[data-v-1147a489]{transition:all .5s ease-in-out}.fade-slide-enter[data-v-1147a489],.fade-slide-leave-to[data-v-1147a489]{opacity:0;transform:translateY(1px)}.fade-slide-enter[data-v-1147a489],.fade-slide-leave-to[data-v-1147a489]{filter:blur(1px)}.enPage p,.enPage li{font-family:Hind,sans-serif}.enPage h1{font-weight:700}.enPage h1,.enPage h2,.enPage h3,.enPage h4,.enPage h5,.enPage h6{font-family:Montserrat,sans-serif}.thPage p,.thPage li{font-family:Sarabun,sans-serif}.thPage h1{font-weight:700}.thPage h1,.thPage h2,.thPage h3,.thPage h4,.thPage h5,.thPage h6{font-family:Noto Sans Thai,sans-serif;line-height:1.5rem}