/*! ============================================================
/*
 * CSS by id3 (https://id3.co.th)
 * You may learn from and adapt elements of our CSS and markup in your own projects,
 * but the unique combination of images, colours, sizes, typography and positioning ("the design") is copyright 2022 id3
 * and may not be reproduced.
 *
 * Last updated: 25/10/22
 */
html,small{vertical-align:baseline}address,body,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul{border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}abbr,article,aside,b,blockquote,body div,caption,cite,code,dd,del,dfn,dt,em,fieldset,figure,footer,header,hgroup,i,ins,kbd,label,legend,li,mark,menu,nav,pre,q,samp,section,span,strong,table,tbody,td,tfoot,th,thead,time,tr,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}audio,iframe,img,object,video{padding:0;border:0;font-size:100%}address,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul{padding:0}.hideme,html,small,sub,sup{padding:0;border:0}audio,html,iframe,img,object,small,sub,sup,video{margin:0;outline:0;background:0 0}article,aside,figure,footer,form label input,form label select,form label textarea,header,hgroup,nav,section{display:block}*,::after,::before{box-sizing:border-box}.hideme{display:none!important;speak:never;position:absolute;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;clip:auto;height:auto;width:auto;margin:0;overflow:visible}.vertical-center{position:relative;top:50%;transform:translateY(-50%)}.debug{border:1px solid red}@-webkit-viewport{width:device-width}@-moz-viewport{width:device-width}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width}:root{--shadow-color:0deg 0% 0%;--shadow-elevation-medium:0px 0.5px 0.6px hsl(var(--shadow-color) / 0.11),
	0px 1.7px 1.9px -0.8px hsl(var(--shadow-color) / 0.11),
	0px 4.1px 4.6px -1.7px hsl(var(--shadow-color) / 0.11),
	0px 10px 11.3px -2.5px hsl(var(--shadow-color) / 0.11);--shadow-elevation-high:0px 0.5px 0.6px hsl(var(--shadow-color) / 0.1),
	0px 2.9px 3.3px -0.4px hsl(var(--shadow-color) / 0.1),
	0px 5.5px 6.2px -0.7px hsl(var(--shadow-color) / 0.1),
	0px 9px 10.1px -1.1px hsl(var(--shadow-color) / 0.1),
	-0.1px 14.3px 16.1px -1.4px hsl(var(--shadow-color) / 0.1),
	-0.1px 22.4px 25.2px -1.8px hsl(var(--shadow-color) / 0.1),
	-0.1px 34.1px 38.4px -2.1px hsl(var(--shadow-color) / 0.1),
	-0.2px 50.2px 56.5px -2.5px hsl(var(--shadow-color) / 0.1);--body-size:16px;--body-height:22px;--body-spacing:0;--body-case:none;--accentcolor:#178383;--accentcolor2:#4ab0b0;--secondarycolor:#0f202e;--h1-size:21px;--h1-height:normal;--h1-weight:200;--h1-spacing:0;--h1-case:none;--h1-align:center;--h1-color:inherit;--h2-size:16px;--h2-height:normal;--h2-weight:600;--h2-spacing:0;--h2-case:none;--h2-align:center;--h2-color:inherit;--h3-size:16px;--h3-height:normal;--h3-weight:800;--h3-spacing:0;--h3-case:none;--h3-align:center;--h3-color:inherit;--h4-size:21px;--h4-height:normal;--h4-weight:200;--h4-spacing:0;--h4-case:none;--h4-align:left;--h4-color:inherit;--gutter-width:20px;--max-width:62em}body,html{max-width:100vw}html{background:#fff;font-size:62.5%;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:#f3f5f6;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;line-sizing:normal;scrollbar-color:var(--secondarycolor) #fff;scroll-padding-top:62px;scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;padding:0;background-color:transparent;text-rendering:optimizeSpeed;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--body-size);line-height:var(--body-height);color:#000}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background-color:#fff}body::-webkit-scrollbar-thumb{background-color:var(--secondarycolor)}.js .js-hidden,.no-js{display:none}.margin-top{margin-top:20px}.margin-bottom{margin-bottom:20px}.legible{max-width:60em;margin:0 auto;text-align:left}.legible figcaption{font-style:italic;font-size:.875em}.legible-narrow{max-width:42em}.legible-left,form,li ol,li ul{margin:0}.maxwidth{max-width:var(--max-width);margin:0 auto}.sticktobottom{margin-top:auto;margin-bottom:0}.link-hidden,form br,source{display:none}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;color:inherit;text-rendering:optimizelegibility}.h1,h1{color:var(--h1-color);font-size:var(--h1-size);font-weight:var(--h1-weight);letter-spacing:var(--h1-spacing);line-height:var(--h1-height);text-transform:var(--h1-case)}h1{margin:0}.h1{margin-bottom:0}h2{margin:0 0 .7em}.h1,.h2,.h3,h1,h2,h3{display:block}.h2,h2{color:var(--h2-color);font-size:clamp(24px,var(--h2-size),48px);font-weight:var(--h2-weight);letter-spacing:var(--h2-spacing);line-height:var(--h2-height);text-transform:var(--h2-case)}.h2{margin-bottom:.7em}.h3,h3{color:var(--h3-color);font-size:var(--h3-size);font-weight:var(--h3-weight);letter-spacing:var(--h3-spacing);line-height:var(--h3-height);text-transform:var(--h3-case)}h3{margin:0 0 .93333333em}.h3{margin-bottom:.93333333em}.h4,h4{color:var(--h4-color);font-size:var(--h4-size);font-weight:var(--h4-weight);letter-spacing:var(--h4-spacing);line-height:var(--h4-height);text-transform:var(--h4-case)}.h4{margin-bottom:1.4em}h4,h5{margin:0 0 1.4em}.h4,.h5,.h6,h4,h5,h6{display:block}.h5,h5{color:var(--h5-color);font-size:var(--h5-size);letter-spacing:var(--h5-spacing);line-height:var(--h5-height);text-transform:var(--h5-case)}.h5{margin-bottom:1.4em}.h6,h6{color:var(--h6-color);font-size:var(--h6-size);letter-spacing:var(--h6-spacing);line-height:var(--h6-height);text-transform:var(--h6-case)}h6{margin:0 0 1.4em}.h6{margin-bottom:1.4em}address,dl,ol,p,ul{margin:0 0 1.4em;font-size:var(--body-size);line-height:var(--body-height)}ol,ul{padding:0 0 0 var(--gutter-width)}address,cite{font-style:normal}small{font-size:14px;font-size:1.4rem}q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}.notes{font-style:italic}b,strong{font-weight:700}.small-text{font-size:.875em}.larger-text{font-size:1.1428em}sub,sup{position:relative;font-size:12px;font-size:1.2rem;line-height:0;vertical-align:baselineheight}sup{top:-.5em}sub{bottom:-.25em}a{text-decoration:none}a,a:visited{color:#178383}a:hover{text-decoration:none;color:#136d6d}a:focus{outline:thin dotted;color:#000}a:active,a:hover{outline:0}::-moz-selection{background-color:#22c4c4;color:#fff;text-shadow:none}::selection{background-color:#22c4c4;color:#fff;text-shadow:none}hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #000;border-bottom:1px solid #000}img{width:inherit;border-width:0;-ms-interpolation-mode:bicubic}.fit-image,.js img[data-sizes=auto]{display:block;width:100%}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;max-width:100%}figure img{width:100%}picture{display:contents}.fit-image{height:100%;-o-object-fit:cover;object-fit:cover}canvas,figure img,img,svg,video{height:auto}svg,svg:not(:root){overflow:hidden}.lazyload:not([src]){visibility:hidden}.centered{text-align:center}.icon{height:1em}.button,a.button:link,a.button:visited{font-size:var(--button-size);line-height:1;padding:var(--button-padding-vert) var(--button-padding-horiz);text-align:center;cursor:pointer;display:inline-block;color:#fff;background-color:#000}a.button:link,a.button:visited{text-transform:uppercase;letter-spacing:.1em;transition:color 300ms ease-in-out,background 300ms ease-in-out}.button:hover,a.button:hover{background-color:var(--accentcolor);text-decoration:none}.button:active,a.button:active{background-color:#000;border-color:#000;color:#fff}form fieldset{margin-bottom:1.4em;padding:0;border-width:0}form legend{display:block;width:100%;padding:0;white-space:normal}form legend small{font-size:14px;font-size:1.4rem;color:#000}form p{margin-bottom:.7em}form ul{list-style-type:none;margin:0 0 1.4em;padding:0}button,form label,input,select{vertical-align:baseline}button,form label,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";line-height:1.4em;accent-color:var(--accentcolor)}form label{font-weight:700;display:block;color:#000;cursor:pointer}input,textarea{width:100%;background-color:#fff}input,select,textarea{display:inline-block;max-width:100%;padding:5px;border:1px solid #000;color:#000;font-size:1em;border-radius:0}input:hover,select:hover,textarea:hover{border-color:#000}input[type=button],input[type=reset],input[type=submit]{color:#fff;width:auto;height:auto;cursor:pointer;background-color:#000;text-transform:uppercase;border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:var(--accentcolor)}input[type=submit]:disabled{opacity:.5;pointer-events:none}.g-recaptcha{margin-bottom:var(--gutter-width)}select{width:auto;background-color:#fff}select[multiple],select[size],textarea{height:auto}textarea{resize:vertical;overflow:auto;vertical-align:top}#nav span,input[type=hidden]{display:none}input:focus,textarea:focus{outline:0;outline:thin dotted \9;background-color:#f3fdfd}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-color:#000}::-webkit-input-placeholder{font-size:16px;font-size:1.6rem;padding:5px}:-moz-placeholder{font-size:16px;font-size:1.6rem;padding:5px}::-moz-placeholder{font-size:16px;font-size:1.6rem;padding:5px}:-ms-input-placeholder{font-size:16px;font-size:1.6rem;padding:5px}#global{max-width:1280px;margin:0 auto}#header{background-color:var(--secondarycolor);padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;box-shadow:var(--shadow-elevation-medium)}#header,#header a:link,#header a:visited,.section-dark a:link,.section-dark a:visited,.section-highlight a:link,.section-highlight a:visited{color:#fff}.logo{height:30px}.header-signature{font-weight:200;white-space:nowrap}#nav{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}#nav ul{list-style-type:none;padding:0;margin:0;display:flex;gap:10px}#nav li{font-size:.875em;white-space:nowrap;text-transform:capitalize}#nav a:link,#nav a:visited{border-bottom:2px solid transparent}#nav a:hover{border-color:#999}#nav a.active{border-bottom:2px solid}.section{padding:40px 20px}.section-min-height{min-height:60vh}.section-highlight{color:#fff;background-color:var(--accentcolor);background:linear-gradient(180deg,#146f6f 0,#178383 100%)}.section-dark{color:#fff;background-color:var(--secondarycolor);background:linear-gradient(180deg,#000 0,#0f202e 100%)}.section-dark .aside{background-color:rgba(255,255,255,.15)}.intro-profile{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.intro-profile a:hover{text-decoration:underline}.intro-profile-pic{border-radius:6px;background-color:#54b9b9;display:grid;grid-template-columns:.9fr 1fr;justify-items:center;align-items:center;overflow:hidden;aspect-ratio:16/10}.site-title{font-size:clamp(1.75em,3em,5em);font-weight:200;margin-bottom:5px}.site-baseline{font-size:1.25em;font-weight:200;margin-bottom:0}.intro-profile-details{display:flex;flex-direction:column;justify-content:space-between}.article-main p:last-child,.intro-profile-details p:last-child{margin-bottom:0}.quote{font-style:italic;margin:20px 0}.quote p{font-size:1.125em;line-height:1.6}.button,a.link-cta:link,a.link-cta:visited{background-color:var(--secondarycolor);text-transform:uppercase;font-weight:400;letter-spacing:.05em;padding:10px 20px;border-radius:6px;margin-bottom:0;transition:color 300ms ease-in-out,background 300ms ease-in-out}a.link-cta:hover{color:var(--secondarycolor);background-color:#999;text-decoration:none}a.link-cta:active{color:#fff}.grid-by2{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.separator{border-top:6px solid #fff}#profil,.article-main{display:flex;flex-direction:column}.article-main{align-items:flex-start;align-content:space-between}.thumb{width:100%;margin-bottom:20px;border-radius:6px}.thumb-small{max-width:240px}.shadow{box-shadow:var(--shadow-elevation-medium)}.shadow-high{box-shadow:var(--shadow-elevation-high)}a.link-more:link,a.link-more:visited{color:var(--secondarycolor);font-weight:700;margin-top:auto;text-underline-offset:2px;text-decoration-thickness:2px}a.link-more:hover{text-decoration:underline;text-decoration-thickness:2px}.aside{background-color:rgba(0,0,0,.15);padding:20px;border-radius:6px}.rate{font-size:1.25em;font-weight:700;margin-top:auto;display:block}#profil{background-color:#eafbfb;background:linear-gradient(180deg,#d6e4e4 0,#eafbfb 100%);justify-content:center}#contact{background-color:#f7f7f7;border-top:1px solid}a.link-subtle{color:inherit;text-decoration:underline}a.link-subtle:hover{text-decoration:none}#footer,.box{color:#fff;text-align:center;padding:20px}.box{position:relative;background-color:#54bab9}.box ul{list-style-type:none;padding:0;margin:0}.box .close{position:absolute;top:5px;right:5px}#footer{font-size:.785em;text-transform:uppercase;letter-spacing:2px;background-color:var(--secondarycolor)}@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}@page{margin:1cm}h1{margin-bottom:10px!important}h2,h3{page-break-after:avoid}h2,h3,p{orphans:3;widows:3}blockquote,img,pre,tr{page-break-inside:avoid}a,a:visited{text-decoration:underline}img{max-width:100%!important}thead{display:table-header-group}}@media only screen and (min-width:37.5em){.fig-by2{display:grid;gap:40px;grid-template-columns:1fr 1fr}}@media only screen and (min-width:48em){#header{padding-left:40px;padding-right:40px}#nav ul{gap:var(--gutter-width)}#nav li{font-size:1em;text-transform:none}#nav span{display:inline-block}.section{padding:40px}}@media only screen and (min-width:74.5em){.section{padding-top:80px;padding-bottom:80px}.form-by2{display:grid;grid-template-columns:1fr 1fr;gap:20px}}