@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Kanit&display=swap";@import"https://fonts.googleapis.com/css2?family=Prompt&display=swap";:root{--c-primary: #111111;--c-primary-half: #001030aa;--c-primary-light: #051955aa;--c-secondary: #e06f3c;--c-accent: #181818;--c-accent-light: #242424;--c-light: #e1d9cf;--c-white: #ffffff;--c-white-tint: #fbfbfb;--c-white-soft: #f8f8f8;--c-white-mute: #f2f2f2;--c-black: #181818;--c-black-soft: #222222;--c-black-mute: #282828;--c-black-grey: #363636;--c-divider-light-1: rgba(60, 60, 60, .29);--c-divider-light-2: rgba(60, 60, 60, .12);--c-divider-dark-1: rgba(84, 84, 84, .65);--c-divider-dark-2: rgba(84, 84, 84, .48);--c-text-light-05: rgba(60, 60, 60, 1);--c-text-light-1: rgba(60, 60, 60, .85);--c-text-light-2: rgba(60, 60, 60, .75);--c-text-light-3: rgba(60, 60, 60, .66);--c-text-light-4: rgba(60, 60, 60, .4);--c-text-dark-1: var(--c-white);--c-text-dark-2: rgba(235, 235, 235);--c-text-dark-3: rgba(195, 195, 195);--c-warning: #f4592e;--c-warning-soft: #ed6f4c;--c-shadow-softest: rgba(0, 0, 0, .04);--c-shadow-soft: rgba(0, 0, 0, .08)}:root{--rounded-sm: .25rem;--rounded-md: .35rem;--rounded-lg: .75rem;--rounded-xl: 1.5rem;--rounded-2xl: 2rem;--rounded-full: 100%;--b-standard: var(--c-white-mute) 1px solid;--b-seperator: var(--c-text-dark-2) 1px solid;--b-black: var(--c-text-light-2) .5px solid;--b-primary: var(--c-primary-half) 1px solid;--b-grey: var(--c-text-dark-3) 1px solid;--b-light: var(--c-light) 1px solid;--b-transparent: transparent 1px solid;--b-weight-bold: 2px;--shadow-xs: rgba(0, 0, 0, .03) -4px 4px 12px 1px;--shadow-sm: rgba(0, 0, 0, .05) 1px 1px 54px 2px;--shadow-md: rgba(0, 0, 0, .075) -6px 6px 18px 1px;--drop-shadow-sm: drop-shadow(0px -2px 3px rgba(0, 0, 0, .08))}:root{--font-display-en: "YoungSerif", "sans-serif";--font-display-th: "KulachatSerif", "sans-serif";--font-sans-en: "Kanit", "sans-serif";--font-sans-th: "Kanit", "sans-serif";--font-body: "Prompt"}@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)}}*,*:before,*:after{box-sizing:border-box;margin:0;border-width:0;border-style:solid}html{letter-spacing:.025em;font-size:16px;scrollbar-gutter:stable}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:YoungSerif,KulachatSerif-Regular,Overpass,Prompt,IBM Plex Sans Thai,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button :focus{outline-color:var(--c-black-mute)}a{text-decoration:none}img,svg,video,canvas,audio,iframe,embed,object{max-width:100%;max-height:100%}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul{list-style:none;margin:0;padding:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none;margin:0}@font-face{font-family:YoungSerif;src:url(/fonts/YoungSerif-Regular.eot);font-weight:400;font-style:normal}@font-face{font-family:YoungSerif;src:url(/fonts/YoungSerif-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-ExtraLightItalic.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-Thin.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-ThinItalic.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-Black.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-ExtraBoldItalic.ttf) format("truetype");font-weight:800;font-style:italic}@font-face{font-family:KulachatSerif;src:url(/fonts/KulachatSerif-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal}h1{font-size:2em;font-family:var(--font-display-en);font-weight:600;line-height:1.3em;letter-spacing:.035em;color:var(--c-primary)}h2{font-size:1em;font-family:var(--font-display-en);font-weight:500;letter-spacing:.06em;color:var(--c-primary-light)}h3{font-size:1.35em;font-family:var(--font-body);font-weight:700;line-height:1.6em;letter-spacing:.065em;color:var(--c-primary)}h4{font-size:1.1em;font-family:var(--font-body);font-weight:500;letter-spacing:.035em;line-height:1.3em;color:var(--c-primary-light)}h5{font-size:1em;font-family:var(--font-body);font-weight:700;line-height:1.6em;letter-spacing:.08em;color:var(--c-text-light-05)}p{font-size:1em;font-family:var(--font-body);font-weight:300;letter-spacing:.025em;color:var(--c-text-light-2)}.--\$headline{font-size:2em;white-space:nowrap}.--\$headline-th{font-size:2.3em;white-space:nowrap}.--\$subhead,.--\$subhead-th{font-size:1.4em}@media (min-width: 454px){.--\$headline{font-size:2.8em}.--\$headline-th{font-size:3.3em}.--\$subhead{font-size:1.5em}.--\$subhead-th{font-size:1.6em}}@media (min-width: 768px){.--\$headline,.--\$headline-th{font-size:5.3em}.--\$subhead{font-size:2em}.--\$subhead-th{font-size:1.8em}}@media (min-width: 1024px){.--\$headline{font-size:7em}.--\$headline-th{font-size:8em}.--\$subhead{font-size:2.2em}.--\$subhead-th{font-size:2em}}@media (min-width: 1280px){.--\$headline{font-size:9em}.--\$headline-th{font-size:8em}.--\$subhead,.--\$subhead-th{font-size:2.2em}}@media (hover: hover){::-webkit-scrollbar{z-index:99;width:.925rem;border-radius:8px}::-webkit-scrollbar-track{z-index:99;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.03);box-shadow:inset 0 0 4px #00000008;background-color:#fafafa;border-radius:8px}::-webkit-scrollbar-thumb:window-inactive{width:.925rem;background-color:#ecebeb;border:1px solid #f5f4f4;border-radius:8px}::-webkit-scrollbar-thumb{width:.925rem;z-index:99;background-color:#e2e2e2;border:1px solid #f5f4f4;border-radius:8px}::-webkit-scrollbar-thumb:hover{z-index:99;background-color:#cdcdcd;border:1px solid #f5f4f4;border-radius:8px}}.--mocked{opacity:.12;filter:contrast(.1)}.--mocked:before{content:"";z-index:10;position:absolute;inset:0;opacity:.95;mix-blend-mode:multiply}.--\$util-trailing:after{content:".";font-family:var(--font-display-en);font-size:.9em;margin-left:-.15em;color:var(--c-secondary)}button{font-family:Overpass,Helvetica,sans-serif;font-weight:700;cursor:pointer;background:white;padding:0}hr{margin-bottom:12px;border-bottom:var(--b-standard);width:100%;opacity:.6}.base-icon[data-v-302351d5]{display:flex;align-items:center;justify-content:center;color:var(--c-text-light-3);transition:color .12s;fill:currentcolor}.base-icon:hover.hover-color-primary[data-v-302351d5]{color:var(--c-primary)}.base-icon:hover.hover-color-secondary[data-v-302351d5]{color:var(--c-secondary)}.base-icon:hover.hover-color-accent[data-v-302351d5]{color:var(--c-accent)}.base-icon:hover.hover-color-warning[data-v-302351d5]{color:var(--c-warning)}.icon-xs[data-v-302351d5]{width:8px}.icon-sm[data-v-302351d5]{width:16px}.icon-md[data-v-302351d5]{width:24px}.icon-lg[data-v-302351d5]{width:32px}.icon-xl[data-v-302351d5]{width:40px}.icon-2xl[data-v-302351d5]{width:60px}.icon-4xl[data-v-302351d5]{width:80px}.navigation-logo[data-v-60caa971]{line-height:1.15em}.navigation-logo .main-logo[data-v-60caa971],.navigation-logo .sub-logo[data-v-60caa971]{font-family:var(--font-display-en);color:var(--c-primary)}.navigation-logo .main-logo[data-v-60caa971]{font-size:28px;letter-spacing:.06em}.navigation-logo .sub-logo[data-v-60caa971]{font-size:12px;letter-spacing:.02em;opacity:.95}.social-share-buttons[data-v-918cca54]{display:flex;align-items:center;justify-content:flex-end}.link-button[data-v-918cca54]{width:24px;height:24px;margin:0 12px;color:var(--c-text-dark-2);cursor:pointer}.link-button:hover.icon-share[data-v-918cca54]{color:var(--c-primary)}.link-button:hover.icon-facebook[data-v-918cca54]{color:#1b6be4}.link-button:hover.icon-pinterest[data-v-918cca54]{color:#e23a07}.navigation-bar-header[data-v-a7ec21ae]{display:flex;align-items:center;justify-content:space-between;height:64px;padding:16px}.navigation-bar-header .cart-icon[data-v-a7ec21ae]{position:relative;margin-right:12px}.right-group-top[data-v-a7ec21ae]{position:absolute;right:16px;bottom:4px}.menu-icon[data-v-a7ec21ae]{margin-top:8px;display:flex;align-items:center;cursor:pointer;transition:all .12s}.menu-icon .icon-menu[data-v-a7ec21ae]{color:var(--c-text-light-3)}.menu-icon .menu-text[data-v-a7ec21ae]{margin-left:4px;font-family:var(--font-sans-th);color:var(--c-text-light-2);font-weight:600}.menu-icon:hover .icon-menu[data-v-a7ec21ae],.menu-icon:hover .menu-text[data-v-a7ec21ae]{color:var(--c-accent)}@media (width >= 768px){.menu-icon[data-v-a7ec21ae]{display:none}}.back-button[data-v-a7ec21ae]{position:absolute;left:0;bottom:8px;font-size:16px}.nav-logo[data-v-a7ec21ae]{position:absolute;left:50%;top:24px;transform:translate(-45%)}.detail-button[data-v-a7ec21ae]{width:min-content;padding:4px;font-size:13px;font-weight:400;font-family:var(--font-sans-th);color:var(--c-text-light-3)}@media (width >= 768px){.navigation-bar-header .menu-icon[data-v-a7ec21ae],.navigation-bar-header .cart-icon[data-v-a7ec21ae],.navigation-bar-header .back-button[data-v-a7ec21ae]{display:none}}.link-button[data-v-3bb32a46]{display:flex;align-items:center;white-space:nowrap;cursor:pointer;transition:all .15s}.link-button.--labeled[data-v-3bb32a46]{padding:4px 8px;border:var(--b-standard);border-radius:var(--rounded-2xl)}.link-button.--labeled[data-v-3bb32a46]:hover{border:var(--b-grey)}.link-button .anchor-wrapper[data-v-3bb32a46]{display:flex;align-items:center;justify-content:space-between;text-decoration:none}.link-button .anchor-wrapper .link-button-icon[data-v-3bb32a46]{width:24px;height:24px;flex-shrink:0;color:var(--c-text-dark-2);cursor:pointer;transition:all .12s ease-in}.link-button .anchor-wrapper .link-button-icon.--dim[data-v-3bb32a46]{filter:grayscale(1) brightness(6) contrast(.6)}.link-button .anchor-wrapper .link-label[data-v-3bb32a46]{padding:2px 8px;font-family:var(--font-sans-th);font-size:15px;color:var(--c-text-light-1)}.link-button:hover .anchor-wrapper .link-button-icon[data-v-3bb32a46]{color:var(--hovered-color);filter:none}.link-button .link-button-icon[data-v-3bb32a46]{margin:0 8px}.social-links-buttons[data-v-521a7139]{position:relative;display:flex;align-items:center}.navigation-bar-sub[data-v-cb2abb5f]{padding:0 4px;background:var(--c-white)}.navigation-bar-sub .bar-inflow[data-v-cb2abb5f]{flex-grow:1;display:flex;justify-content:flex-end;align-items:flex-end;font-size:16px;padding:8px;background:white}.navigation-bar-sub .bar-inflow.--transparent-bg[data-v-cb2abb5f]{background:transparent}.navigation-bar-sub .bar-inflow .left-group[data-v-cb2abb5f]{display:flex;margin-right:auto;background:white}.navigation-bar-sub .bar-inflow .left-group.--middle[data-v-cb2abb5f]{position:absolute;left:50%;transform:translate(-47%);display:flex;align-items:center;justify-content:center}.navigation-bar-sub .bar-inflow .left-group .action-button[data-v-cb2abb5f]{width:min-content;font-family:var(--font-sans-th);font-size:16px;font-weight:500;color:var(--c-primary)}.navigation-bar-sub .bar-inflow .right-group[data-v-cb2abb5f]{display:flex;justify-content:flex-end}.navigation-bar-sub .bar-inflow .right-group .detail-button[data-v-cb2abb5f]{height:36px;margin-right:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:min-content;font-size:13px;font-weight:600;font-family:var(--font-sans-th);color:var(--c-text-light-4)}.navigation-bar-sub .bar-inflow .right-group .detail-button[data-v-cb2abb5f]:hover{color:var(--c-text-light-2)}.navigation-bar-sub[data-v-cb2abb5f]{z-index:1;position:relative}.navigation-bar-sub .bar-inflow[data-v-cb2abb5f]{z-index:2;position:relative}.navigation-bar-sub .bar-inflow .left-group[data-v-cb2abb5f]{margin-left:48px;height:36px}.navigation-bar-sub .bar-inflow .right-group[data-v-cb2abb5f]{right:0}.navigation-bar-sub .bar-inflow .right-group .social-link-buttons[data-v-cb2abb5f]{display:none}@media (width >= 454px){.navigation-bar-sub .bar-inflow .right-group .social-link-buttons[data-v-cb2abb5f]{display:flex}}.navigation-overlay[data-v-d20a4c2e]{width:100%;height:100%;cursor:pointer;mix-blend-mode:multiply;background:var(--c-black-mute);opacity:.2}.fade-enter-from[data-v-d20a4c2e],.fade-leave-to[data-v-d20a4c2e]{opacity:0}.fade-enter-active[data-v-d20a4c2e],.fade-leave-active[data-v-d20a4c2e]{transition:all .4s ease}.the-navigation-bar[data-v-fd6ed542]{position:relative;padding:0}.the-navigation-bar .navigation-overlay[data-v-fd6ed542]{position:fixed;z-index:30;top:62px;left:0}.the-navigation-bar .navigation-bar-header[data-v-fd6ed542]{z-index:2;position:relative}.the-navigation-bar .navigation-barsub[data-v-fd6ed542]{z-index:1;position:relative}.the-navigation-bar .navigation-submenu[data-v-fd6ed542]:before{content:"";position:absolute;left:0;top:0;margin-left:-200%}.the-navigation-bar .navigation-submenu-mobile[data-v-fd6ed542]{display:flex}.the-navigation-bar .navigation-contact[data-v-fd6ed542]{position:absolute;top:0;left:0}.the-navigation-bar.--minimal[data-v-fd6ed542]{border-bottom:none}.the-navigation-bar.--minimal .navigation-bar-header[data-v-fd6ed542],.the-navigation-bar.--minimal .navigation-barsub[data-v-fd6ed542]{background:transparent}@media (width >= 768px){.the-navigation-bar[data-v-fd6ed542]{padding:0 16px}.the-navigation-bar .navigation-overlay[data-v-fd6ed542]{top:116px}.the-navigation-bar .navigation-submenu-mobile[data-v-fd6ed542]{display:none}.the-navigation-bar .navigation-barsub[data-v-fd6ed542]{display:flex}}.language-toggle[data-v-33da5b8d]{display:flex;align-items:center;justify-content:center}.toggle-th[data-v-33da5b8d],.toggle-en[data-v-33da5b8d]{line-height:1em;border-radius:var(--rounded-lg);border:var(--b-standard);font-size:.95em;font-family:var(--font-body);cursor:pointer}.toggle-th[data-v-33da5b8d]:hover,.toggle-en[data-v-33da5b8d]:hover{background:var(--c-text-light-2);color:var(--c-text-dark-1);border:var(--b-grey)}.toggle-th.--selected[data-v-33da5b8d],.toggle-en.--selected[data-v-33da5b8d]{background:var(--c-text-light-05);color:var(--c-text-dark-1)}.language-toggle>*[data-v-33da5b8d]:not(:first-of-type){margin-left:6px}.language-toggle .toggle-th[data-v-33da5b8d],.language-toggle .toggle-en[data-v-33da5b8d]{padding:4px 12px;overflow:hidden}.language-toggle .toggle-th[data-v-33da5b8d]:before{content:"ไทย"}.language-toggle .toggle-en[data-v-33da5b8d]:before{content:"Eng"}@media (width >= 640px){.language-toggle .toggle-th[data-v-33da5b8d],.language-toggle .toggle-en[data-v-33da5b8d]{width:auto;padding:6px 20px}.language-toggle .toggle-en[data-v-33da5b8d]:before{content:"English"}}.default-layout[data-v-770dca4b]{max-width:100vw;overflow-y:visible;display:flex;flex-direction:column;align-items:stretch}.default-layout header[data-v-770dca4b]{z-index:14;width:100%}.default-layout header[data-v-770dca4b]:hover{z-index:15}.default-layout header nav[data-v-770dca4b]{position:relative;max-width:1800px;margin-right:auto;margin-left:auto}.default-layout header nav .the-navigation-bar[data-v-770dca4b]{position:absolute;top:0;max-width:1800px;width:100%;background:white;transition:all .48s}.default-layout header nav .navigation-spacer[data-v-770dca4b]{height:118px}.default-layout header nav .navigation-language[data-v-770dca4b]{z-index:4;top:4px;left:4px}@media (width >= 768px){.default-layout header nav .navigation-language[data-v-770dca4b]{top:200px;left:30px}}@media (width >= 1024px){.default-layout header nav .navigation-language[data-v-770dca4b]{top:232px;left:30px}}.default-layout header.--offseted[data-v-770dca4b]{z-index:12}.default-layout header.--offseted nav .navigation-spacer[data-v-770dca4b]{height:12px}.default-layout header.--offseted nav .the-navigation-bar[data-v-770dca4b]{top:12px;left:0;background:transparent}@media (width >= 768px){.default-layout header.--offseted nav .the-navigation-bar[data-v-770dca4b]{top:118px}.default-layout header.--offseted nav .navigation-spacer[data-v-770dca4b]{height:96px}}@media (width >= 1024px){.default-layout header.--offseted nav .navigation-spacer[data-v-770dca4b]{height:118px}}.default-layout main[data-v-770dca4b]{z-index:11;max-width:1800px;width:100%;margin-right:auto;margin-left:auto}.default-layout main.--top-most[data-v-770dca4b]{z-index:16}.default-layout main .body-content[data-v-770dca4b]{width:100%;flex-grow:2;padding:0 6px}@media (width >= 454px){.default-layout main .body-content[data-v-770dca4b]{padding:0 12px}}@media (width >= 768px){.default-layout main .body-content[data-v-770dca4b]{padding:0 20px}}.button-click-more[data-v-a1624c57]{padding:4px 16px;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);color:var(--c-text-light-3);border-top-right-radius:var(--rounded-lg);transition:all .2s}.button-click-more .open-icon[data-v-a1624c57]{width:24px;fill:none}.button-click-more[data-v-a1624c57]:hover{color:var(--c-text-light-1)}.roll-appear[data-v-a1624c57]{transition:1.6s all .6s cubic-bezier(.19,1,.22,1)}.path[data-v-a1624c57]{stroke-dasharray:74;animation:5s ease-out 12s infinite reverse dash-a1624c57}@keyframes dash-a1624c57{to{stroke-dashoffset:74}}.button-click-more .open-icon[data-v-a1624c57]{margin-right:6px}.roll-enter-active[data-v-ead227af]{transition:all 1.6s cubic-bezier(.19,1,.22,1)}.roll-leave-active[data-v-ead227af]{transition:all 1s cubic-bezier(1,0,0,1)}.roll-enter-from[data-v-ead227af]{transform:translateY(85%)}.roll-leave-to[data-v-ead227af]{transform:translateY(-85%)}.portfolio-cover[data-v-ead227af]{position:relative}.portfolio-cover .cover-top[data-v-ead227af]{position:relative;height:100%}.portfolio-cover .cover-top .welcome-wrapper[data-v-ead227af],.portfolio-cover .cover-top .title-wrapper[data-v-ead227af]{overflow:hidden}.portfolio-cover .cover-top .cover-cta[data-v-ead227af]{position:absolute;right:12px;top:12px}.portfolio-cover .cover-top .cover-cta .open-icon[data-v-ead227af]{margin-right:6px}.portfolio-cover .cover-top[data-v-ead227af]{padding:4em;display:flex;flex-direction:column;justify-content:center;background:white;color:var(--c-text-light-05);cursor:pointer;transition:transform .6s ease-in-out;transform-origin:left;box-shadow:var(--shadow-sm);border-top-right-radius:var(--rounded-xl);border-top-left-radius:var(--rounded-sm);border-bottom-right-radius:var(--rounded-xl);border-bottom-left-radius:var(--rounded-sm);pointer-events:visible}.portfolio-cover .cover-top[data-v-ead227af]:hover{transform:scaleX(.8) skew(10deg) rotate(10deg);background:var(--c-text-dark-1)}.portfolio-cover .cover-top .paper-welcome[data-v-ead227af]{color:var(--c-text-light-1)}.portfolio-cover .cover-top .paper-welcome .english[data-v-ead227af]{font-weight:400}.portfolio-cover .cover-top .paper-welcome .thai[data-v-ead227af]{font-family:var(--font-display-th),Prompt;font-weight:600}.portfolio-cover .cover-top .paper-title .thai[data-v-ead227af]{font-family:var(--font-display-th),Prompt;font-weight:700}.roll-appear[data-v-ead227af]{transition:1.6s all .6s cubic-bezier(.19,1,.22,1)}.portfolio-outter[data-v-887e8757]{display:flex}.portfolio-outter .portfolio-backcover[data-v-887e8757]{transition:transform .6s ease-in-out;transform-origin:left;box-shadow:var(--shadow-sm);border-top-right-radius:var(--rounded-xl);border-top-left-radius:var(--rounded-sm);border-bottom-right-radius:var(--rounded-xl);border-bottom-left-radius:var(--rounded-sm);flex-grow:1;background:white;border-top-left-radius:var(--rounded-xl)}.portfolio-outter .portfolio-inner-container[data-v-887e8757]{max-width:90%;min-height:100%;flex-grow:1;display:flex;flex-direction:column;transition:all .8s}.portfolio-outter .portfolio-inner-container.--exposed[data-v-887e8757]{max-width:100%}.portfolio-outter .portfolio-overlay[data-v-887e8757]{transition:all .2s;background:rgba(0,0,0,.012);pointer-events:none}.slide-left-enter-active[data-v-887e8757],.slide-left-leave-active[data-v-887e8757]{transition:all .8s ease-in-out}.slide-left-leave-from[data-v-887e8757]{position:absolute}.slide-left-enter-from[data-v-887e8757],.slide-left-leave-to[data-v-887e8757]{position:absolute;transform:translate(-150%);opacity:.7}.portfolio-outter[data-v-887e8757]{position:relative;max-width:1800px}.portfolio-outter .portfolio-backcover[data-v-887e8757]{z-index:0;position:relative}.portfolio-outter .portfolio-inner-container[data-v-887e8757]{z-index:2;position:absolute;inset:8px 0 0}.portfolio-outter .portfolio-cover[data-v-887e8757]{z-index:3;position:absolute;inset:120px 0 0}.portfolio-outter .portfolio-cover:hover+.portfolio-overlay[data-v-887e8757]{z-index:1;content:"";position:fixed;inset:0}@media (width >= 768px){.portfolio-outter .portfolio-cover[data-v-887e8757]{inset:152px 48px 0 0}.portfolio-outter .portfolio-inner-container[data-v-887e8757]{top:16px}.portfolio-outter .portfolio-inner-container.--exposed[data-v-887e8757]{max-width:90%}}@media (width >= 1024px){.portfolio-outter .portfolio-inner-container.--exposed[data-v-887e8757]{max-width:95%}}.base-swatch[data-v-3ca8f978]{display:flex;font-family:var(--font-display-en);font-size:14px;font-weight:500;letter-spacing:.075em;white-space:nowrap;text-transform:uppercase;color:var(--c-text-light-05);cursor:pointer;overflow:hidden;background:white;border-radius:var(--rounded-lg);opacity:.75;filter:drop-shadow(1px -1px 2px var(--c-shadow-soft));transition:all .15s}.base-swatch .pin-decorator[data-v-3ca8f978]{background:repeating-conic-gradient(rgba(204,204,204,.8) 0%,transparent 20%,rgba(68,68,68,.4) 60%);border-radius:var(--rounded-lg)}.base-swatch[data-v-3ca8f978]:hover:not(.--selected){opacity:1;filter:drop-shadow(0 -3px 3px var(--c-shadow-soft))}.base-swatch.--selected[data-v-3ca8f978]{color:var(--c-accent);opacity:1;filter:drop-shadow(0 -2px 3px var(--c-shadow-soft))}.base-swatch[data-v-3ca8f978]{z-index:1;position:relative;padding:24px 32px}.base-swatch .pin-decorator[data-v-3ca8f978]{position:absolute;top:12px;right:12px;width:20px;height:20px}.base-swatch[data-v-3ca8f978]:hover:not(.--selected){z-index:7;transform:translateY(-2px) translate(8px)}.base-swatch.--selected[data-v-3ca8f978]{z-index:6!important;margin-top:-1px}@media (width >= 768px){.base-swatch[data-v-3ca8f978]{font-size:18px}}.nav-swatches[data-v-3f90695e]{z-index:1;position:relative;padding:8px 0;display:flex;white-space:nowrap;overflow:hidden}.nav-swatches .base-swatch[data-v-3f90695e]{width:320px}.deck-of-sheets[data-v-ea5e4dea]{display:flex;align-items:start;background:white;box-shadow:var(--shadow-sm);border-radius:var(--rounded-xl) var(--rounded-xl) 0 0;transition:all .2s}.deck-of-sheets .inner-main-body[data-v-ea5e4dea]{flex-grow:1;box-shadow:var(--shadow-sm);border-radius:var(--rounded-xl) var(--rounded-xl) 0 0}.deck-of-sheets[data-v-ea5e4dea]{position:relative;height:100%}.deck-of-sheets .inner-main-body[data-v-ea5e4dea]{z-index:6;position:absolute;top:72px;right:0;left:0}@media (width >= 396px){.deck-of-sheets .inner-main-body[data-v-ea5e4dea]{top:96px}}@media (width >= 454px){.deck-of-sheets[data-v-ea5e4dea]{align-items:start;justify-content:start}}@media (width >= 768px){.deck-of-sheets[data-v-ea5e4dea]{flex-direction:column;box-shadow:none}.deck-of-sheets .inner-main-body[data-v-ea5e4dea]{left:96px;top:0}}.badge-style-header[data-v-4ebe6425]{font-family:var(--font-sans-th);overflow:hidden;border-radius:var(--rounded-xl)}.badge-style-header .card-header[data-v-4ebe6425]{font-size:17px;font-weight:700;text-transform:uppercase;color:var(--c-text-dark-1)}.badge-style-header .card-body[data-v-4ebe6425]{padding:20px 72px 8px 20px;display:flex;flex-direction:column}.badge-style-header .card-body .card-avatar[data-v-4ebe6425]{width:56px;height:56px;overflow:hidden;border-radius:var(--rounded-full)}.badge-style-header .card-body .card-body-title[data-v-4ebe6425]{font-family:var(--font-display-en);font-size:24px;font-weight:600;letter-spacing:.095em;color:var(--c-text-light-05)}.badge-style-header .card-body .card-body-subtitle[data-v-4ebe6425]{font-size:16px;color:var(--c-text-light-1)}.badge-style-header .card-body .card-body-content[data-v-4ebe6425]{font-size:14px}.badge-style-header .card-body .card-action .card-action-button[data-v-4ebe6425]{padding:6px 18px;display:flex;font-family:var(--font-sans-th);font-size:15px;font-weight:500;letter-spacing:.05em;color:var(--c-text-light-05);border:var(--b-grey);border-radius:var(--rounded-2xl)}.badge-style-header .card-body .card-action .card-action-button .btn-icon[data-v-4ebe6425]{color:#0a66c2}.badge-style-header .card-body .card-action .card-action-button[data-v-4ebe6425]:hover{color:var(--c-text-dark-1);background-color:var(--c-text-light-1);border:var(--b-transparent)}.badge-style-header .card-footer[data-v-4ebe6425]{display:flex;flex-direction:column}.badge-style-header .card-footer .card-footer-title[data-v-4ebe6425]{font-size:14px;font-weight:500;letter-spacing:.05em;color:var(--c-text-light-2)}.badge-style-header .card-body .card-body-title[data-v-4ebe6425]{margin-top:18px}.badge-style-header .card-body .card-body-content[data-v-4ebe6425]{margin-top:8px}.badge-style-header .card-body .card-action[data-v-4ebe6425]{margin-top:16px}.badge-style-header .card-footer[data-v-4ebe6425]{padding:12px}.badge-style-header .card-footer .card-footer-title[data-v-4ebe6425]{margin-left:16px}.badge-style-header hr[data-v-4ebe6425]{margin-bottom:4px;background:var(--c-text-dark-1)}.links-list[data-v-0789f859]{display:flex;flex-wrap:wrap}.links-list .contact-button[data-v-0789f859]{margin:.4em;color:green}.additional-links[data-v-662892cc]{display:flex;gap:6px}.additional-links .action-btn[data-v-662892cc]{width:184px}.additional-links .action-btn.portfolio-button[data-v-662892cc]{margin-left:8px;border:1.5px solid #888888}.additional-links .portfolio-icon[data-v-662892cc]{margin-left:8px;font-family:var(--font-display-en);color:var(--c-text-light-1)}.header-group[data-v-c0332a93]{font-family:var(--font-sans-th);overflow:hidden}.body-title[data-v-c0332a93]{font-family:var(--font-display-en);font-size:16px;font-weight:600;letter-spacing:.065em;color:var(--c-text-light-05)}.body-subtitle[data-v-c0332a93]{font-size:15.5px;color:var(--c-text-light-1)}.body-content[data-v-c0332a93]{font-size:14px}.tags-line[data-v-42e7219e]{display:flex;flex-wrap:wrap}.tags-line .tag-badge[data-v-42e7219e]{padding:2px 18px;display:flex;align-items:center;font-family:var(--font-body);font-size:14px;white-space:nowrap;color:var(--c-text-light-2);border:var(--b-standard);border-radius:var(--rounded-xl)}.tags-line .tag-badge[data-v-42e7219e]{height:32px;margin-right:4px;margin-bottom:6px}.tags-line .tag-badge .tag-icon[data-v-42e7219e]{margin-right:4px}.tags-line .tag-badge .tag-icon.--no-label[data-v-42e7219e]{width:52px}.descriptive-item[data-v-455776d3]{display:flex;font-size:14.5px}.descriptive-item .item-title[data-v-455776d3]{display:flex;color:var(--c-text-light-2)}.descriptive-item .item-title[data-v-455776d3]:hover{color:var(--c-text-light-05)}.descriptive-item .item-title .open-icon[data-v-455776d3]{width:18px;margin-left:6px;color:#dadada;fill:none}.resume-paper-contents[data-v-d46ffe9d],.resume-paper-contents .content-section[data-v-d46ffe9d]{padding:1em}.resume-paper-contents .project-box[data-v-d46ffe9d]{display:flex;flex-direction:column;align-items:center}.resume-paper-contents .project-box .project-icon[data-v-d46ffe9d]{padding:8px;display:flex;align-items:center;justify-content:center;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--rounded-lg);cursor:pointer;background:white;box-shadow:#00000008 -2px 4px 9px 1px;transition:all .5s}.resume-paper-contents .project-box .project-icon .button-logo[data-v-d46ffe9d]{height:14px}.resume-paper-contents .project-box .project-icon .button-logo img[data-v-d46ffe9d]{max-height:100%}.resume-paper-contents .project-box .link-label[data-v-d46ffe9d]{text-transform:uppercase;font-weight:600;font-size:13px;letter-spacing:.05em;color:var(--c-text-light-2)}.resume-paper-contents[data-v-d46ffe9d]{max-width:20cm}.resume-paper-contents .content-section hr[data-v-d46ffe9d]{margin-bottom:14px}.resume-paper-contents .content-section .header-group[data-v-d46ffe9d]{margin-bottom:6px}.resume-paper-contents .content-section#skill-section .technologies.tags[data-v-d46ffe9d]{filter:grayscale(.15)}.resume-paper-contents .content-section#project-section .section-body[data-v-d46ffe9d]{display:flex}.resume-paper-contents .content-section#project-section .section-body .project-box[data-v-d46ffe9d]{width:156px}.resume-paper-contents .content-section#project-section .section-body .project-box .project-icon[data-v-d46ffe9d]{position:relative;width:96px;height:96px}.resume-paper-contents .content-section#project-section .section-body .project-box .project-icon .open-icon-box[data-v-d46ffe9d]{position:absolute;bottom:2px;right:2px}.resume-paper-contents .content-section#project-section .section-body .project-box .project-icon .open-icon-box .open-icon[data-v-d46ffe9d]{width:18px;fill:none;color:#dadada}.resume-paper-contents .content-section#project-section .section-body .project-box .link-label[data-v-d46ffe9d]{margin-top:12px;text-decoration:none;color:var(--c-text-light-05)}.resume-paper-contents .content-section#resources-section .descriptive-item[data-v-d46ffe9d]{margin-bottom:2px}@media print{.resume-paper-contents[data-v-d46ffe9d]{max-width:auto;max-height:auto}}.resume-paper-timeline .timeline-item[data-v-3e223ffe]{position:relative;padding:.5em;display:flex;align-items:flex-start;font-family:var(--font-body);font-size:14px}.resume-paper-timeline .timeline-item .item-stripe[data-v-3e223ffe]{position:absolute;left:-12px;top:0;bottom:0;width:12px;height:auto;border-left:var(--b-standard)}.resume-paper-timeline .timeline-item .item-bullet[data-v-3e223ffe]{position:absolute;left:-8px;top:14px;width:4px;height:4px;border:var(--b-standard);border-radius:var(--rounded-full)}.resume-paper-timeline .timeline-item .item-year[data-v-3e223ffe]{max-width:82px;font-family:var(--font-sans-th);font-size:1em;font-weight:600;color:var(--c-text-light-05)}.resume-paper-timeline .timeline-item .item-content[data-v-3e223ffe]{display:flex;flex-direction:column;align-items:start;padding:0 8px}.resume-paper-timeline .timeline-item .item-content .item-label[data-v-3e223ffe]{font-size:1em;font-weight:600;letter-spacing:.045em}.resume-paper-timeline .timeline-item .item-content .item-description[data-v-3e223ffe]{font-size:.9em;letter-spacing:.025em;color:var(--c-text-light-1)}.resume-paper[data-v-a99a6ee2]{padding:12px;background:white;border-radius:var(--rounded-2xl);transition:transform .6s ease-in-out;transform-origin:left;box-shadow:var(--shadow-sm)}.resume-paper[data-v-a99a6ee2]{position:relative}.resume-paper .column-splitter[data-v-a99a6ee2]{display:flex;flex-wrap:wrap}.resume-paper .column-splitter .left-column[data-v-a99a6ee2]{flex-basis:60%}.resume-paper .column-splitter .right-column[data-v-a99a6ee2]{flex-grow:1;flex-basis:35%;padding-top:3cm;padding-left:1cm}@media (width >= 494px){.content-section[data-v-603f538a]{border-top-left-radius:0}}.portfolio-side-button[data-v-b8bf5b33]{padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:white;border-radius:var(--rounded-full);box-shadow:#00000008 -2px 4px 9px 1px;transition:all .5s}.portfolio-side-button .button-logo[data-v-b8bf5b33]{height:14px;opacity:.6;filter:grayscale(1) contrast(.6);transition:all .2s}.portfolio-side-button .button-logo img[data-v-b8bf5b33]{max-height:100%}.portfolio-side-button[data-v-b8bf5b33]:hover{background:var(--c-text-dark-1)}.portfolio-side-button:hover .button-logo[data-v-b8bf5b33]{opacity:1;filter:none}.portfolio-side-button .button-mark[data-v-b8bf5b33]{display:flex;justify-content:center;opacity:0;transition:all .2s}.portfolio-side-button .button-mark .button-mark-icon[data-v-b8bf5b33]{color:var(--c-text-light-1)}.portfolio-side-button.--actived .button-mark[data-v-b8bf5b33]{opacity:1}.portfolio-side-button.--actived .button-logo[data-v-b8bf5b33]{opacity:1;filter:none}.portfolio-side-button[data-v-b8bf5b33]{position:relative;width:60px;height:60px;overflow:hidden}@media (width >= 396px){.portfolio-side-button[data-v-b8bf5b33]{width:72px;height:72px}}@media (width >= 454px){.portfolio-side-button[data-v-b8bf5b33]{width:96px;height:96px;border-radius:var(--rounded-lg) var(--rounded-lg) 0 0;border-top-left-radius:var(--rounded-lg)}.portfolio-side-button.--opened[data-v-b8bf5b33]{border-top-right-radius:var(--rounded-md);box-shadow:#0000000b -3px -6px 9px 4px}.portfolio-side-button.--last[data-v-b8bf5b33]{border-top-right-radius:var(--rounded-xl)}}@media (width >= 768px){.portfolio-side-button[data-v-b8bf5b33]{margin-top:-4px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--rounded-lg)}.portfolio-side-button.--opened[data-v-b8bf5b33]{border-top-left-radius:var(--rounded-md);border-top-right-radius:0;box-shadow:#0000000b -6px 4px 9px 3px}}.portfolio-inner-history .history-tag .tag-container[data-v-5d96ba55]{display:flex;align-items:center;justify-content:center;background:var(--c-text-light-3);border-radius:var(--rounded-xl)}.portfolio-inner-history .history-tag .tag-container .tag-icon[data-v-5d96ba55]{color:#fff}.portfolio-inner-history .history-tag:hover .tag-container[data-v-5d96ba55],.portfolio-inner-history .history-tag.--selected .tag-container[data-v-5d96ba55]{background:var(--c-text-light-05)}.portfolio-inner-history[data-v-5d96ba55]{position:relative}.portfolio-inner-history .history-tag.--first[data-v-5d96ba55]{margin-top:1px;border-top-left-radius:var(--rounded-xl)}.portfolio-inner-history .history-tag .tag-container[data-v-5d96ba55]{width:48px;height:48px}.base-tab[data-v-ad809113]{position:relative;padding:8px 32px;font-family:var(--font-body);font-size:13px;font-weight:600;text-transform:uppercase;color:var(--c-primary);cursor:pointer;background:white;border-top-left-radius:var(--rounded-xl);border-top-right-radius:var(--rounded-xl);opacity:.75;filter:drop-shadow(1px -1px 2px var(--c-shadow-soft));transition:all .15s}.base-tab[data-v-ad809113]:hover:not(.--selected){transform:translateY(-2px) translate(8px);opacity:1;filter:drop-shadow(0 -3px 3px var(--c-shadow-soft))}.base-tab.--selected[data-v-ad809113]{color:var(--c-accent);opacity:1;filter:drop-shadow(0 -2px 3px var(--c-shadow-soft))}.base-tab[data-v-ad809113]:after{content:"";background:white;border-radius:var(--rounded-xl);filter:drop-shadow(8px -6px 5px var(--c-shadow-softest))}.base-tab .decorator-base[data-v-ad809113],.base-tab .decorator-left[data-v-ad809113]{position:absolute;min-width:20px;min-height:20px;background:white}.base-tab .decorator-base[data-v-ad809113]{right:-20px;bottom:0;clip-path:path("M 0 0 L 0 20 L 20 20 C 10 20, 0 10, 0 0")}.base-tab .decorator-left[data-v-ad809113]{bottom:0;left:-20px;clip-path:path("M 20 10 L 20 20 L 10 20 C 20 25, 25 5, 20 10")}.base-tabs[data-v-ad809113]{z-index:1;position:relative;padding:8px 0;display:flex;flex-wrap:wrap;white-space:nowrap;overflow:hidden}.base-tabs[data-v-ad809113]:after{z-index:5;position:absolute;right:0;width:100%;height:16px;margin-top:31px}.base-tabs[data-v-ad809113]:not(:first-child){margin-left:-10px}.base-tabs .base-tab[data-v-ad809113]:hover:not(.--selected){z-index:7;transform:translateY(-2px) translate(8px)}.base-tabs .base-tab.--selected[data-v-ad809113]{z-index:6!important;margin-top:-1px}@media (width >= 768px){.base-tabs[data-v-ad809113]{font-size:13px}}@media (width >= 1024px){.base-tabs[data-v-ad809113]:after{margin-top:33px}}.card-actions-line .see-more-button[data-v-be80d271]{padding:4px 12px;display:flex;align-items:center;justify-content:center;font-size:13px;background:var(--c-text-light-05);border-radius:var(--rounded-md);transition:all .2s}.card-actions-line .see-more-button .see-more-label[data-v-be80d271]{font-weight:600;letter-spacing:.2em;color:var(--c-text-dark-1)}.card-actions-line .see-more-button .see-more-icon[data-v-be80d271]{color:var(--c-text-dark-1)}.card-actions-line .see-more-button[data-v-be80d271]:hover{background:var(--c-text-light-1)}.card-actions-line .see-more-button:hover .see-more-icon[data-v-be80d271],.card-actions-line .see-more-button:hover .see-more-label[data-v-be80d271]{color:#fff}.card-actions-line[data-v-be80d271]{display:flex;align-items:flex-end;justify-content:space-between;font-family:var(--font-sans-en)}.card-actions-line .see-more-button[data-v-be80d271]{width:100%;margin-top:32px;height:42px}.card-actions-line .see-more-icon[data-v-be80d271]{margin-right:12px;margin-bottom:2px}@media (width >= 454px){.card-actions-line[data-v-be80d271]{align-items:center;width:100%}.card-actions-line .see-more-button[data-v-be80d271]{font-size:13px}}.swapable-image[data-v-c41b2a10]{overflow:hidden;border-radius:var(--rounded-md)}.swapable-image img[data-v-c41b2a10]{max-width:100%;height:100%;object-fit:cover;object-position:top;transition:all .2s}.text-lines[data-v-47b60065]{position:relative;padding:8px}.text-lines section[data-v-47b60065]{margin:8px 0}.text-lines .section-title[data-v-47b60065]{margin-bottom:8px;text-transform:uppercase}.link-line[data-v-221fa372]{display:flex;font-family:var(--font-sans-th);font-size:1em;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--c-text-light-3);transition:all .16s}.link-line[data-v-221fa372]:hover{text-decoration:underline;color:var(--c-text-light-05)}.link-line .link-icon[data-v-221fa372]{fill:none}.link-line .link-icon[data-v-221fa372]{margin-right:6px}.basic-section[data-v-9eaf8cf0]{padding:2px;border:var(--b-standard);border-radius:var(--rounded-md);transition:all .15s}.basic-section[data-v-9eaf8cf0]:hover{box-shadow:var(--shadow-sm)}.basic-section .section-descriptions .description-label[data-v-9eaf8cf0]{display:flex;flex-direction:column;align-items:stretch}.basic-section .section-descriptions .description-label .label-title[data-v-9eaf8cf0]{text-transform:uppercase}.basic-section .section-descriptions .description-content[data-v-9eaf8cf0]{display:flex;flex-direction:column}.basic-section .section-descriptions .description-content .description-actions[data-v-9eaf8cf0]{width:100%}.basic-section[data-v-9eaf8cf0]{position:relative;display:flex;flex-direction:column;justify-content:start}.basic-section .section-descriptions[data-v-9eaf8cf0]{margin-top:24px;padding:6px}.basic-section .section-descriptions .description-label>*[data-v-9eaf8cf0]:not(:first-child){margin-bottom:16px}@media (width >= 454px){.basic-section .section-descriptions[data-v-9eaf8cf0]{padding:6px 12px}}@media (width >= 768px){.basic-section .section-descriptions[data-v-9eaf8cf0]{padding:6px 20px}}@media (width >= 1200px){.basic-section[data-v-9eaf8cf0]{min-height:1024px;flex-direction:row-reverse}.basic-section .section-image[data-v-9eaf8cf0]{flex-basis:65%;flex-grow:1;margin-top:78px;padding:8px}.basic-section .section-descriptions[data-v-9eaf8cf0]{flex-basis:35%}}.expand-right-enter-active[data-v-780b3c79],.expand-right-leave-active[data-v-780b3c79]{transition:all .28s ease-out}.expand-right-enter-from[data-v-780b3c79],.expand-right-leave-to[data-v-780b3c79]{transform:scaleX(.5) translate(-100%)}.expand-right-enter-to[data-v-780b3c79],.expand-right-leave[data-v-780b3c79]{transform:scaleX(1)}.portfolio-overview[data-v-780b3c79]{width:100%;overflow:clip;overflow-clip-margin:32px}.portfolio-overview .overview-paper[data-v-780b3c79]{padding:12px;display:flex;flex-direction:column;color:var(--c-text-light-05);background:white;transition:transform .6s ease-in-out;transform-origin:left;box-shadow:var(--shadow-sm);border-top-right-radius:var(--rounded-xl);border-top-left-radius:var(--rounded-sm);border-bottom-right-radius:var(--rounded-xl);border-bottom-left-radius:var(--rounded-sm)}.portfolio-overview .overview-paper .paper-header[data-v-780b3c79]{margin:20px 0;font-size:32px}.portfolio-overview.--in-transit[data-v-780b3c79]{overflow-clip-margin:0}@media (width >= 494px){.portfolio-overview .overview-paper[data-v-780b3c79]{padding:24px}.portfolio-overview .overview-paper .paper-body .paper-body-content .content-section[data-v-780b3c79]{margin:4px 2px}}.button-content[data-v-a78356a9]{display:flex;align-items:center}.button-content .button-content-icon[data-v-a78356a9]:not(:only-child){margin-right:8px}.button-action[data-v-a78356a9]{position:relative;white-space:nowrap;transition:all .15s}.button-action .button-content[data-v-a78356a9]{letter-spacing:.04em;text-decoration:none}.button-action .loading-spinner[data-v-a78356a9]{position:absolute;top:50%;left:48px;transform:translateY(-50%)}.--disabled[data-v-a78356a9]{position:relative;opacity:.8;pointer-events:none}.--disabled[data-v-a78356a9]:after{position:absolute;inset:0;background:var(--c-text-light-05);border-radius:var(--rounded-md);opacity:.1;content:""}.--skin-cta[data-v-a78356a9]{padding:8px 30px 8px 22px;font-family:var(--font-sans-en);font-size:15px;font-weight:500;color:var(--c-text-dark-1);border-radius:var(--rounded-md)}.--skin-cta .button-content[data-v-a78356a9]{justify-content:center}.--skin-cta .button-content .button-content-label[data-v-a78356a9]{margin-top:3px}.--skin-cta.dark[data-v-a78356a9]{text-transform:uppercase;background:var(--c-black-soft)}.--skin-cta.dark[data-v-a78356a9]:hover{color:var(--c-text-dark-1);background:var(--c-text-light-1)}.--skin-cta.high-contrast[data-v-a78356a9]{text-transform:uppercase;background-color:var(--c-accent)}.--skin-cta.high-contrast[data-v-a78356a9]:hover{background:var(--c-accent-light)}.--skin-cta.border[data-v-a78356a9]{color:var(--c-black-soft);border:var(--b-standard)}.--skin-cta.border .button-content-icon[data-v-a78356a9]{color:var(--c-black-soft)}.--skin-cta.border[data-v-a78356a9]:hover{color:var(--c-text-dark-1);background:var(--c-black-soft)}.--skin-cta.border:hover .button-content>*[data-v-a78356a9]{color:var(--c-text-dark-1)}.--skin-cta.border:hover .button-content-icon[data-v-a78356a9]{color:var(--c-text-dark-1)}.--skin-cta.warning[data-v-a78356a9]{color:var(--c-white);background:var(--c-warning)}.--skin-cta.warning[data-v-a78356a9]:hover{background:var(--c-warning-soft)}.--skin-rounded[data-v-a78356a9]{width:48px;height:48px;color:var(--c-text-light-2);background:var(--c-white-mute);border-radius:var(--rounded-full)}.--skin-rounded .button-content[data-v-a78356a9]{display:flex;align-items:center;justify-content:center}.--skin-rounded[data-v-a78356a9]:hover{background:var(--c-black-mute)}.--skin-rounded:hover .button-content>*[data-v-a78356a9]{color:var(--c-text-dark-2)}.--skin-menu[data-v-a78356a9]{padding:8px 16px;color:var(--c-primary);border-radius:var(--rounded-2xl)}.--skin-menu[data-v-a78356a9]:hover{background:var(--c-white-soft)}.--skin-menu:hover .button-content>*[data-v-a78356a9]{color:var(--c-accent)}.--skin-underline[data-v-a78356a9]{padding:2px 6px;text-decoration:underline;color:var(--c-primary)}.--skin-underline[data-v-a78356a9]:hover{color:var(--c-accent)}.--skin-warning[data-v-a78356a9]{padding:8px 16px;color:var(--c-text-light-1);border-radius:var(--rounded-2xl)}.--skin-warning[data-v-a78356a9]:hover{background:var(--c-warning)}.--skin-warning:hover .button-content>*[data-v-a78356a9]{color:var(--c-white-mute)}.--actived[data-v-a78356a9]{background:var(--c-text-light-05)}.--actived .button-content>*[data-v-a78356a9]{color:var(--c-text-dark-2)}.image-popup-fullscreen[data-v-20464ab2]{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(rgba(0,0,2,.6),rgba(0,3,1,.2))}.fade-enter-from[data-v-20464ab2],.fade-leave-to[data-v-20464ab2]{opacity:0}.fade-enter-active[data-v-20464ab2],.fade-leave-active[data-v-20464ab2]{transition:all .4s ease}.pop-enter-active[data-v-20464ab2],.pop-leave-active[data-v-20464ab2]{transition:transform .3s cubic-bezier(.5,.82,.165,1),opacity .4s linear}.pop-enter-from[data-v-20464ab2],.pop-leave-to[data-v-20464ab2]{opacity:0;transform:scale(.5) translateY(-50%)}.image-popup-fullscreen[data-v-20464ab2]{z-index:10;position:fixed;inset:0;max-height:100vh;padding:80px 24px}.image-popup-fullscreen[data-v-20464ab2]:before{content:"";position:fixed;inset:0;cursor:pointer}.image-popup-fullscreen img[data-v-20464ab2]{max-height:100%}.image-popup-fullscreen .close-button[data-v-20464ab2]{position:absolute;top:36px;left:50%;transform:translate(-50%) translateY(-50%)}.paper-display-header[data-v-59f6e76f]{display:flex;flex-wrap:wrap;align-items:flex-end}.paper-display-header .header-title[data-v-59f6e76f],.paper-display-header .header-subtitle[data-v-59f6e76f]{text-transform:uppercase}.images-gallery-display[data-v-665c5918]{display:flex}.images-gallery-display .image-container[data-v-665c5918]{display:flex;align-items:center;cursor:pointer;user-select:none;border:var(--b-transparent);transition:all .15s;border-width:var(--b-weight-bold)}.images-gallery-display .image-container[data-v-665c5918]:hover{border:var(--b-grey);border-width:var(--b-weight-bold);opacity:.9}.images-gallery-display .image-container.--selected[data-v-665c5918]{border:var(--b-standard);border-width:var(--b-weight-bold)}.icon-left[data-v-665c5918],.icon-right[data-v-665c5918]{color:var(--c-text-light-2);cursor:pointer;background:var(--c-divider-light-2);border-radius:var(--rounded-full);transition:all .15s}.icon-left[data-v-665c5918]:hover,.icon-right[data-v-665c5918]:hover{background:var(--c-text-dark-2)}.images-gallery-display[data-v-665c5918]{position:relative;max-width:100%}.images-gallery-display .image-container[data-v-665c5918]{height:60px;margin:2px}.images-gallery-display .image-container .image-element[data-v-665c5918]{max-height:100%;height:auto;vertical-align:middle;object-fit:fill}.images-gallery-display .icon-left[data-v-665c5918],.images-gallery-display .icon-right[data-v-665c5918]{position:absolute;top:50%;transform:translateY(-50%);height:32px}.images-gallery-display .icon-left[data-v-665c5918]{left:0}.images-gallery-display .icon-right[data-v-665c5918]{right:0}@media (width >= 768px){.images-gallery-display .icon-left[data-v-665c5918],.images-gallery-display .icon-right[data-v-665c5918]{display:none}}.image-swiper[data-v-e62ef6b7]{position:relative}.image-swiper .swiper-custom[data-v-e62ef6b7]{margin:0!important;vertical-align:middle}.image-swiper .swiper-custom img[data-v-e62ef6b7]{max-width:100%;padding:4px;cursor:pointer;transition:all .15s}.image-swiper .swiper-custom img[data-v-e62ef6b7]:hover{opacity:.8}.paper-display[data-v-f2b78393]{min-height:60vh}.paper-display .display-header[data-v-f2b78393]{margin:16px;padding:8px}.paper-display .section-seperator[data-v-f2b78393]{margin:12px 8px}.paper-display .display-body[data-v-f2b78393]{padding:8px;display:flex;flex-direction:column}.paper-display .display-body .body-right[data-v-f2b78393]{padding:8px}@media (width >= 768px){.paper-display .display-header[data-v-f2b78393]{padding:16px}.paper-display .display-body[data-v-f2b78393]{padding:24px}}@media (width >= 1024px){.paper-display[data-v-f2b78393]{margin-top:20px}.paper-display .display-body[data-v-f2b78393]{position:relative;flex-direction:row}.paper-display .display-body .display-body-gallery[data-v-f2b78393]{max-width:68%}.paper-display .display-body .display-body-descriptions[data-v-f2b78393]{margin-top:48px;margin-left:48px}}.papers-sheet[data-v-f784b950]{display:flex;flex-direction:column;align-items:stretch;padding:24px 16px 32px;background:white}.papers-sheet .sheet-header[data-v-f784b950]{display:flex;flex-direction:column;margin-right:1em;color:var(--c-text-light-1)}.papers-sheet .sheet-header .header-logo[data-v-f784b950]{display:block;object-fit:contain}.papers-sheet .sheet-header .header-logo img[data-v-f784b950]{margin-right:24px;max-height:100%}.papers-sheet .sheet-header .header-link[data-v-f784b950]{align-self:end}.papers-sheet .sheet-title[data-v-f784b950]{color:var(--c-text-light-05);text-transform:uppercase;font-weight:500;letter-spacing:.05em}.papers-sheet .short-description[data-v-f784b950]{color:var(--c-text-light-3)}.papers-sheet[data-v-f784b950]{position:relative}.papers-sheet .header-logo[data-v-f784b950]{height:24px}.papers-sheet .header-link[data-v-f784b950]{display:none}.papers-sheet .sheet-main[data-v-f784b950]{margin-top:32px}.papers-sheet .papers-sheet-inner[data-v-f784b950]{position:relative;margin-top:32px}.papers-sheet .short-description[data-v-f784b950]{margin-top:12px;margin-left:3px}@media (width >= 768px){.papers-sheet .sheet-header .header-logo[data-v-f784b950]{height:32px}.papers-sheet .sheet-main[data-v-f784b950]{margin-left:22px}.papers-sheet .header-link[data-v-f784b950]{display:flex}.sheet-link[data-v-f784b950]{display:none}}.slide-down-enter-active[data-v-8b45635f],.slide-down-leave-active[data-v-8b45635f]{transition:all 1s ease}.slide-down-enter-from[data-v-8b45635f]{position:absolute;top:0px;transform:translateY(-100%);opacity:1}.slide-down-leave-to[data-v-8b45635f]{z-index:0;position:absolute;opacity:0;width:100%;transform:translate(-10%)}.portfolio-folders[data-v-8b45635f]{position:relative;overflow-x:clip}.portfolio-folders .folder-sheet[data-v-8b45635f]{position:absolute;width:100%;border-top-left-radius:var(--rounded-md);transition:transform .6s ease-in-out;transform-origin:left;box-shadow:var(--shadow-sm);border-top-right-radius:var(--rounded-xl);border-top-left-radius:var(--rounded-sm);border-bottom-right-radius:var(--rounded-xl);border-bottom-left-radius:var(--rounded-sm)}.portfolio-folders .folder-sheet[data-v-8b45635f]:not(.z-0){filter:blur(1.6px)}@media (width >= 768px){.portfolio-folders[data-v-8b45635f]{overflow:visible}}.slide-down-enter-active[data-v-8b45635f],.slide-down-leave-active[data-v-8b45635f],.slide-down-move[data-v-8b45635f]{position:absolute;transition:all .6s}.portfolio-overview-button[data-v-377aae2d]{display:flex;align-items:center;justify-content:center;background:transparent;border-top-left-radius:var(--rounded-lg);border-bottom-left-radius:var(--rounded-lg);border-bottom-left-radius:0;transition:all .2s}.portfolio-overview-button[data-v-377aae2d]:hover{background:var(--c-text-dark-1)}.portfolio-overview-button[data-v-377aae2d],.portfolio-overview-button .overview-inner-button[data-v-377aae2d]{width:60px;height:60px}@media (width >= 396px){.portfolio-overview-button[data-v-377aae2d],.portfolio-overview-button .overview-inner-button[data-v-377aae2d]{width:72px;height:72px}}@media (width >= 454px){.portfolio-overview-button[data-v-377aae2d]{width:96px;height:96px;background:white;border-bottom-left-radius:0;box-shadow:#00000008 -8px 4px 12px 4px}.portfolio-overview-button .overview-inner-button[data-v-377aae2d]{width:48px;height:48px}}@media (width >= 768px){.portfolio-overview-button.--opened[data-v-377aae2d]{left:0;border-bottom-left-radius:var(--rounded-lg)}}.portfolio-inner-projects[data-v-581fe303]{position:relative;padding-top:8px}.portfolio-inner-projects .portfolio-overview-button[data-v-581fe303]{z-index:2;position:relative;flex-shrink:0;margin-right:8px;margin-left:4px}.portfolio-inner-projects .portfolio-side-button[data-v-581fe303]{z-index:1;position:relative;left:0;margin-right:8px}.portfolio-inner-projects .portfolio-folders[data-v-581fe303]{position:relative}.portfolio-inner-projects .portfolio-overview[data-v-581fe303]{z-index:10;position:absolute}@media (width >= 454px){.portfolio-inner-projects[data-v-581fe303]{padding-top:0}.portfolio-inner-projects .portfolio-overview-button[data-v-581fe303]{margin-right:0;margin-left:0}.portfolio-inner-projects .portfolio-side-button[data-v-581fe303]{top:8px;margin-right:0}.portfolio-inner-projects .portfolio-side-button.--accent[data-v-581fe303]{top:0}}@media (width >= 768px){.portfolio-inner-projects .portfolio-overview-button[data-v-581fe303]{left:8px}.portfolio-inner-projects .portfolio-side-button[data-v-581fe303]{top:0;left:8px}.portfolio-inner-projects .portfolio-side-button.--accent[data-v-581fe303]{left:-2px;width:98px}}.roll-enter-active[data-v-26cf3aba]{transition:all 1.6s cubic-bezier(.19,1,.22,1)}.roll-leave-active[data-v-26cf3aba]{transition:all 1s cubic-bezier(1,0,0,1)}.roll-enter-from[data-v-26cf3aba]{transform:translateY(85%)}.roll-leave-to[data-v-26cf3aba]{transform:translateY(-85%)}.deck-cover[data-v-26cf3aba]{position:relative;height:100%}.deck-cover .content-button[data-v-26cf3aba]{margin-top:24px;margin-right:16px}.deck-cover[data-v-26cf3aba]{padding:4em;justify-content:end;background:white;color:var(--c-text-light-05);cursor:pointer;transition:transform .6s ease-in-out;transform-origin:left;border-top-right-radius:var(--rounded-xl);border-top-left-radius:var(--rounded-sm);border-bottom-right-radius:var(--rounded-xl);border-bottom-left-radius:var(--rounded-sm);box-shadow:var(--shadow-sm);transition:all .2s}.deck-cover .cover-content[data-v-26cf3aba]{display:flex;flex-direction:column;align-items:start;font-size:10px}.deck-cover .cover-content .content-header[data-v-26cf3aba]{padding:12px;transition:all .3s;font-family:var(--font-display-en);color:var(--c-text-light-05);font-weight:500;letter-spacing:.06em;text-transform:uppercase}.deck-cover:hover .content-header[data-v-26cf3aba]{text-decoration:underline}.deck-cover .content-button[data-v-26cf3aba]{display:flex;align-items:center;padding:8px 32px;font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--c-text-light-1);text-transform:uppercase;letter-spacing:.06em;border:var(--b-standard);border-radius:var(--rounded-sm)}.deck-cover .content-button[data-v-26cf3aba]:hover{opacity:.8}.deck-cover .content-button .button-icon[data-v-26cf3aba]{margin-left:8px;color:var(--c-text-light-1)}@media (min-width: 768px){.deck-cover .content-button[data-v-26cf3aba]{font-size:14px}}.slide-left-enter-active[data-v-9d62a776],.slide-left-leave-active[data-v-9d62a776]{transition:all .8s ease-in-out}.slide-left-leave-from[data-v-9d62a776]{position:absolute}.slide-left-enter-from[data-v-9d62a776],.slide-left-leave-to[data-v-9d62a776]{position:absolute;transform:translate(-150%);opacity:.7}.slide-enter-active[data-v-9d62a776],.slide-leave-active[data-v-9d62a776]{position:absolute;transition:all .8s ease-in-out}.slide-leave-from[data-v-9d62a776],.slide-leave[data-v-9d62a776]{position:absolute;top:0}.slide-enter-from[data-v-9d62a776],.slide-leave-to[data-v-9d62a776]{position:absolute;transform:translate(-150%);opacity:.7}.expand-enter-active[data-v-9d62a776],.expand-leave-active[data-v-9d62a776]{transition:all .4s ease}.expand-enter-from[data-v-9d62a776]{max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;transform:scaleY(.5) translateY(-100%)}.expand-enter-to[data-v-9d62a776]{max-height:600px;transform:scaleY(1)}.expand-leave-to[data-v-9d62a776]{max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;transform:scaleY(.5) translateY(-100%)}.expand-leave-from[data-v-9d62a776]{max-height:600px;transform:scaleY(1)}.portfolio-inners[data-v-9d62a776]{position:relative;transition:all .4s}.portfolio-inners .inners-navigation[data-v-9d62a776]{z-index:0;position:relative}.portfolio-inners .inners-body[data-v-9d62a776]{position:relative}.portfolio-inners .inners-body .portfolio-inner-projects[data-v-9d62a776]{z-index:0;position:relative}.portfolio-inners .inners-body .portfolio-inner-profile[data-v-9d62a776]{z-index:1;position:relative}.portfolio-inners .inners-body .portfolio-inner-profile.slide-leave-from[data-v-9d62a776],.portfolio-inners .inners-body .portfolio-inner-profile.slide-leave[data-v-9d62a776],.portfolio-inners .inners-body .portfolio-inner-profile.slide-leave-to[data-v-9d62a776]{position:absolute;width:100%}.portfolio-inners .inners-cover[data-v-9d62a776]{position:absolute;inset:0}.portfolio-inners .inners-cover .projects-cover[data-v-9d62a776]{z-index:1;top:96px;width:98%}.portfolio-inners .inners-cover .profile-cover[data-v-9d62a776]{z-index:2;position:absolute;inset:40% 6% 0 0}@media (width >= 768px){.portfolio-inners[data-v-9d62a776]{margin-top:42px}.portfolio-inners .inners-cover .projects-cover[data-v-9d62a776]{inset:0 0 0 96px;box-shadow:none}}.portfolio-contact-card[data-v-7d22cd37]{padding:12px;display:flex;align-items:center;justify-content:center;background:white;border-radius:var(--rounded-2xl);transition:transform .6s ease-in-out;transform-origin:left;box-shadow:var(--shadow-sm)}.portfolio-contact-card .close-box[data-v-7d22cd37]{padding:2px;border:var(--b-standard);border-radius:var(--rounded-full)}.portfolio-contact-card .close-box[data-v-7d22cd37]:hover{color:var(--c-text-light-2);cursor:pointer;border:var(--b-grey)}.portfolio-contact-card .card-container[data-v-7d22cd37]{font-family:var(--font-sans-th);overflow:hidden;border-radius:var(--rounded-xl)}.portfolio-contact-card .card-container .card-header[data-v-7d22cd37]{font-size:17px;font-weight:700;text-transform:uppercase;color:var(--c-text-dark-1)}.portfolio-contact-card .card-container .card-body[data-v-7d22cd37]{padding:20px 72px 8px 20px;display:flex;flex-direction:column}.portfolio-contact-card .card-container .card-body .card-avatar[data-v-7d22cd37]{width:56px;height:56px;overflow:hidden;border-radius:var(--rounded-full)}.portfolio-contact-card .card-container .card-body .card-body-title[data-v-7d22cd37]{font-family:var(--font-display-en);font-size:17px;font-weight:600;letter-spacing:.055em;color:var(--c-text-light-05)}.portfolio-contact-card .card-container .card-body .card-body-subtitle[data-v-7d22cd37]{font-size:16px;color:var(--c-text-light-1)}.portfolio-contact-card .card-container .card-body .card-body-content[data-v-7d22cd37]{font-size:14px}.portfolio-contact-card .card-container .card-body .card-action .card-action-button[data-v-7d22cd37]{padding:6px 18px;display:flex;font-family:var(--font-sans-th);font-size:15px;font-weight:500;letter-spacing:.05em;color:var(--c-text-light-05);border:var(--b-grey);border-radius:var(--rounded-2xl)}.portfolio-contact-card .card-container .card-body .card-action .card-action-button .btn-icon[data-v-7d22cd37]{color:#0a66c2}.portfolio-contact-card .card-container .card-body .card-action .card-action-button[data-v-7d22cd37]:hover{color:var(--c-text-dark-1);background-color:var(--c-text-light-1);border:var(--b-transparent)}.portfolio-contact-card .card-container .card-footer[data-v-7d22cd37]{display:flex;flex-direction:column}.portfolio-contact-card .card-container .card-footer .card-footer-title[data-v-7d22cd37]{font-size:14px;font-weight:500;letter-spacing:.05em;color:var(--c-text-light-2)}.portfolio-contact-card .card-container .card-footer .card-footer-contacts[data-v-7d22cd37]{display:flex;flex-wrap:wrap}.portfolio-contact-card .card-container .card-footer .card-footer-contacts .contact-button[data-v-7d22cd37]{color:green}.portfolio-contact-card[data-v-7d22cd37]{position:relative;max-width:456px}.portfolio-contact-card .close-box[data-v-7d22cd37]{position:absolute;top:16px;right:16px;width:32px;height:32px}.portfolio-contact-card .card-container .card-body .card-body-title[data-v-7d22cd37]{margin-top:18px}.portfolio-contact-card .card-container .card-body .card-body-content[data-v-7d22cd37]{margin-top:10px}.portfolio-contact-card .card-container .card-body .card-action[data-v-7d22cd37]{margin-top:24px}.portfolio-contact-card .card-container .card-body .card-action .btn-icon[data-v-7d22cd37]{height:24px;margin-right:12px}.portfolio-contact-card .card-container .card-footer[data-v-7d22cd37]{padding:12px}.portfolio-contact-card .card-container .card-footer .card-footer-title[data-v-7d22cd37]{margin-left:16px}.portfolio-contact-card .card-container .card-footer .contact-button[data-v-7d22cd37]{margin:4px}.portfolio-contact-card .card-container hr[data-v-7d22cd37]{margin-bottom:4px;background:var(--c-text-dark-1)}.portfolio-contact-card .links-group>*[data-v-7d22cd37]:not(:last-child){margin-bottom:18px}.slide-right-enter-active[data-v-68ebb2ea],.slide-right-leave-active[data-v-68ebb2ea]{transition:all .8s ease-in-out}.slide-right-enter-from[data-v-68ebb2ea],.slide-right-leave-to[data-v-68ebb2ea]{position:absolute;transform:translate(150%);opacity:.7}.portfolio-page[data-v-68ebb2ea]{position:relative;min-height:100vh}.portfolio-page .portfolio-grouped[data-v-68ebb2ea]{position:relative}.portfolio-page .portfolio-grouped .portfolio-outter[data-v-68ebb2ea]{height:100vh}.portfolio-page .portfolio-grouped .portfolio-outter .portfolio-inners[data-v-68ebb2ea]{position:relative;top:18%;left:0;min-height:100%}.portfolio-page .portfolio-grouped .portfolio-contact-card[data-v-68ebb2ea]{z-index:3;position:absolute;right:0}.portfolio-page.--opened .portfolio-grouped .portfolio-outter .portfolio-inners[data-v-68ebb2ea],.portfolio-page.--arrived .portfolio-grouped .portfolio-outter .portfolio-inners[data-v-68ebb2ea]{top:0;left:0}.portfolio-page.--arrived[data-v-68ebb2ea],.portfolio-page.--covered[data-v-68ebb2ea]{overflow-y:hidden}.portfolio-page.--covered .portfolio-grouped .portfolio-contact-card[data-v-68ebb2ea]{z-index:6;position:absolute;top:236px;right:20px}.portfolio-page.--covered .portfolio-grouped:hover .portfolio-outter .portfolio-inners[data-v-68ebb2ea]{top:15%;left:15%}.component-slider[data-v-48039a26]{--m-adjusted: 0px 12px;position:relative}.component-slider .icon-left[data-v-48039a26],.component-slider .icon-right[data-v-48039a26]{z-index:10;position:absolute;top:50%;transform:translateY(-50%);height:40px}.component-slider .icon-left[data-v-48039a26]{left:0px}.component-slider .icon-right[data-v-48039a26]{right:0px}.component-slider[data-v-48039a26]{display:flex;justify-content:start}.component-slider .length-span[data-v-48039a26]{scroll-behavior:smooth;overflow-x:scroll;display:flex;justify-content:space-between}.component-slider .length-span .spacer[data-v-48039a26]{flex-shrink:0}.component-slider .length-span .wrapper[data-v-48039a26]{padding:40px 0}.component-slider .length-span[data-v-48039a26]::-webkit-scrollbar:horizontal{height:0}.component-slider .icon-left[data-v-48039a26],.component-slider .icon-right[data-v-48039a26]{color:var(--c-text-light-2);background:var(--c-text-dark-2);border-radius:var(--rounded-full);cursor:pointer;transition:all .15s}.component-slider .icon-left[data-v-48039a26]:hover,.component-slider .icon-right[data-v-48039a26]:hover{background:var(--c-text-dark-2)}.holder-component[data-v-0bba5257]{width:600px;height:240px;display:flex;align-items:center;justify-content:center;color:var(--c-text-dark-1);background:var(--c-text-dark-2);border-radius:var(--rounded-lg)}.main-card[data-v-e89cc267]{width:280px;height:370px}.main-card .card-top[data-v-e89cc267]{position:relative}.main-card .card-top .badges-tag[data-v-e89cc267]{position:absolute;bottom:0px;left:4px;transform:translateY(50%)}.main-card .card-top .badges-tag .badge[data-v-e89cc267]{margin-left:8px}.main-card .card-bottom[data-v-e89cc267]{align-self:start}.main-card[data-v-e89cc267]{overflow:hidden;display:flex;flex-direction:column;align-items:center;border-radius:var(--rounded-lg);background:white;box-shadow:var(--shadow-sm)}.main-card .card-top[data-v-e89cc267]{display:flex}.main-card .card-top .image[data-v-e89cc267]{max-height:100%}.main-card .card-top .badges-tag[data-v-e89cc267]{width:100%;display:flex;align-items:center;justify-content:space-between}.main-card .card-top .badges-tag .badges[data-v-e89cc267]{display:flex}.main-card .card-top .badges-tag .badges .badge[data-v-e89cc267]{overflow:hidden;height:48px;border-radius:var(--rounded-full);box-shadow:var(--shadow-md)}.main-card .card-top .badges-tag .tag[data-v-e89cc267]{height:24px;display:flex;align-items:center;padding:4px 14px;border-top-left-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md);color:var(--c-text-dark-1);background:#54aa70}.main-card .card-middle[data-v-e89cc267]{padding:32px 16px 8px}.main-card .card-middle .title[data-v-e89cc267]{font-weight:600;color:var(--c-text-light-05)}.main-card .card-middle .description[data-v-e89cc267]{color:var(--c-text-light-1);font-family:var(--font-body);font-weight:400;font-size:13px}.main-card .card-bottom[data-v-e89cc267]{flex-grow:1;padding:8px 24px;display:flex;align-items:end}.main-card .card-bottom .price[data-v-e89cc267]{font-size:17px;font-weight:600;letter-spacing:.07em;color:#00532a}.main-card .card-bottom .price-from[data-v-e89cc267]{text-decoration:line-through;font-size:15px;font-weight:400;color:var(--c-text-light-2)}.skilllane-page-content>*[data-v-41f243a3]{margin-bottom:24px}.skilllane-page-content .content-section .header[data-v-41f243a3]{margin-bottom:12px}.content-section .header[data-v-41f243a3]{font-size:1.8em;font-weight:600;letter-spacing:.04em}.menu-button .button-icon[data-v-0f322c3d]{margin-left:4px}.menu-button[data-v-0f322c3d]{display:flex;align-items:center;justify-content:center;padding:8px 17px;color:var(--c-text-dark-1);background:#00532a;border-radius:var(--rounded-sm);white-space:nowrap;cursor:pointer}.menu-button .button-icon[data-v-0f322c3d]{color:var(--c-text-dark-1)}.menu-button[data-v-0f322c3d]:hover{background:#074b18}.menu-button.--bordered[data-v-0f322c3d]{background:white;color:#00532a;border:1px solid #00532a}.menu-button.--bordered[data-v-0f322c3d]:hover{background:var(--c-text-dark-1)}.menu-button.--text[data-v-0f322c3d]{background:white;color:var(--c-text-light-05)}.menu-button.--text[data-v-0f322c3d]:hover{background:var(--c-text-dark-2)}.skilllane-nav-actions[data-v-5ce22277]{display:flex}.skilllane-nav-actions .vertical-seperator[data-v-5ce22277]{height:20px;border-right:var(--border-standard)}.skilllane-nav-logo[data-v-85b78099]{display:flex;align-items:center}.skilllane-nav-logo img[data-v-85b78099]{width:134px;max-height:100%}.base-text-input[data-v-2a5fa25a]{font-size:16px;font-weight:500;letter-spacing:.035em;color:var(--c-text-light-05);background:var(--c-white-soft);border:var(--b-seperator);border-radius:var(--rounded-2xl)}.base-text-input[data-v-2a5fa25a]::placeholder{color:var(--c-text-dark-2)}.skilllane-nav-searchbox[data-v-e6a5c4a6]{position:relative}.skilllane-nav-searchbox .searchbox[data-v-e6a5c4a6]{width:100%;padding:4px 12px;height:40px;background:white;border-radius:var(--rounded-sm);font-size:14px;font-family:var(--font-body)}.skilllane-nav-searchbox .icon-glass[data-v-e6a5c4a6]{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--c-text-dark-2)}.skilllane-nav-login[data-v-7ad1f05e]{display:flex;gap:12px}.skill-lane-nav-bar[data-v-be716d6e]{display:flex;align-items:center;justify-content:space-between;padding:12px 8px}.skill-lane-nav-bar .navbar-left[data-v-be716d6e]{display:flex;align-items:center}.skill-lane-nav-bar .navbar-middle-left[data-v-be716d6e]{margin:0 12px}.skill-lane-nav-bar .navbar-middle[data-v-be716d6e]{margin:0 12px;flex-grow:1;display:flex;align-items:center}.skill-lane-nav-bar .navbar-middle>*[data-v-be716d6e]{flex-grow:1}.skill-lane-nav-bar .navbar-right[data-v-be716d6e]{margin-left:24px}.skill-lane-page[data-v-c0dcb752]{max-width:100vw;overflow-y:visible;display:flex;flex-direction:column;align-items:stretch}.skill-lane-page .page-header[data-v-c0dcb752]{margin-top:24px;margin-bottom:48px}.skill-lane-page header[data-v-c0dcb752]{width:100%;z-index:10;box-shadow:var(--shadow-md)}.skill-lane-page header[data-v-c0dcb752]:hover{z-index:12}.skill-lane-page header nav[data-v-c0dcb752]{margin-left:auto;margin-right:auto;max-width:1800px;position:relative}.skill-lane-page header nav .the-navigation-bar[data-v-c0dcb752]{max-width:1800px;position:absolute;top:0;width:100%;background:white;transition:all .48s}.skill-lane-page header nav .navigation-spacer[data-v-c0dcb752]{height:118px}.skill-lane-page header nav .navigation-language[data-v-c0dcb752]{z-index:4;top:4px;left:4px}@media (width >= 768px){.skill-lane-page header nav .navigation-language[data-v-c0dcb752]{top:200px;left:30px}}@media (width >= 1024px){.skill-lane-page header nav .navigation-language[data-v-c0dcb752]{top:232px;left:30px}}.skill-lane-page main[data-v-c0dcb752]{z-index:11;margin-left:auto;margin-right:auto;max-width:1800px;width:100%}.skill-lane-page main .body-content[data-v-c0dcb752]{flex-grow:2;width:100%;padding:0 6px}@media (width >= 454px){.skill-lane-page main .body-content[data-v-c0dcb752]{padding:0 12px}}@media (width >= 768px){.skill-lane-page main .body-content[data-v-c0dcb752]{padding:0 20px}}.skill-lane-page{font-family:var(--font-sans-th)}.contact-page[data-v-842d2c5d]{display:flex}.contact-page>*[data-v-842d2c5d]{margin:18px}.resume-page[data-v-8b3de199]{display:flex;align-items:center;justify-content:center}.resume-page>*[data-v-8b3de199]{margin:18px}