:root{--whiteText:#eceaea;--whiteTextLess:#eceaeada;--white:#fcfcfc;--gray-l:#f2f3f4;--gray:#e5e7e9;--gray-md:#918e8e;--gray-d:#535c62;--black:#0c0d0e;--clr1-ml:#afe8e8;--clr1:#17dfe6;--clr1-md:#0bb2bb;--clr1-d:#077378;--clr2-l:#d97967;--clr2-ml:#eb8d89;--clr2:#c8150c;--bg-l:#f2f2f2;--bg-d:#2f354a;--link-accent:#ffcc70;--background-gradient:linear-gradient(328deg, #435bd0f4 0%, #c850c0f4 46%, #ffcc70f4 100%);--text-gradient:linear-gradient(328deg, #5670f3f4 0%, #dd3fd3f4 46%, #ffcc70f4 100%);--ff1:"Athiti", sans-serif;--fz-xs:.8rem;--fz-s:.85rem;--fz-m:1rem;--fz-l:1.125rem;--fz-xl:1.25rem;--fz-2xl:1.5rem;--fz-3xl:2rem;--fz-4xl:2.5rem;--bdr:5px;--bdr-m:10px;--bdr-l:20px;--sectionTop:5em;--sectionSides:8%;--sectionBottom:4em;--spacer-2xs:.25em;--spacer-xs:.5em;--spacer-s:1em;--spacer-m:1.5em;--spacer-l:2em;--spacer-xl:2.5em;--spacer-2xl:3em;--spacer-3xl:3.5em;--spacer-4xl:4em;--spacer-5xl:4.5em;--spacer-6xl:5em;--ease:cubic-bezier(.47, .53, .36, .98);--easeOutBack:cubic-bezier(.34, 1.56, .64, 1)}@font-face{font-family:Athiti;font-style:normal;font-weight:200;src:local(""),url(/fonts/athiti-v12-thai_latin-200.woff2)format("woff2"),url(/fonts/athiti-v12-thai_latin-200.woff)format("woff")}@font-face{font-family:Athiti;font-style:normal;font-weight:400;src:local(""),url(/fonts/athiti-v12-thai_latin-regular.woff2)format("woff2"),url(/fonts/athiti-v12-thai_latin-regular.woff)format("woff")}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleDownFadeIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.bg{background-attachment:fixed;grid-template-rows:1fr auto;min-height:100svh;display:grid}.main{justify-content:center;align-items:center;gap:var(--spacer-l);padding:var(--spacer-l) 1rem;flex-direction:column;display:flex}footer{padding:0 1rem max(1rem, env(safe-area-inset-bottom));position:relative}.bg:before{content:"";background-attachment:fixed;background-image:var(--background-gradient), url(/img/webp/bg.webp);opacity:0;animation:fadeIn 1.6s .35s var(--ease) forwards;background-color:#3d8bd4;background-size:cover,13rem;background-attachment:fixed;display:block;position:fixed;inset:0}.VerticalCard__container{opacity:0;animation:scaleDownFadeIn 1s .9s var(--ease) forwards}.clr1{color:var(--clr1)}.clr1-md{color:var(--clr1-md)}.clr2{color:var(--clr2)}.filler__wrapper{align-items:center;width:50%;min-width:200px;max-width:220px;margin-left:auto;margin-right:auto;display:grid}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::placeholder{opacity:.4}::selection{background-color:var(--clr1-ml)}html{scroll-behavior:smooth;background-color:var(--bg-d);scroll-padding-top:5em;font-size:18px}.loading{opacity:0;transition:opacity .1s ease-out}html,body{height:auto;overflow-x:hidden}body{background-color:var(--bg-d);color:var(--white);font-family:var(--ff1);background-attachment:fixed;min-width:0}*>p{margin-top:var(--spacer-m)}h1,h2,h3,h4,h5{font-weight:700}h1{font-size:2.2353rem;line-height:35px}h2{font-size:1.7647rem;line-height:38px}h3{font-size:1.3529rem;line-height:30px}h4{font-size:1.08rem;line-height:28px}h5{text-transform:uppercase;font-size:1rem;line-height:32px}h6{margin-top:var(--spacer-s);font-size:1.1765rem;font-weight:300;line-height:32px}p{letter-spacing:.1px;font-size:1rem;font-weight:400;line-height:28px}a{color:var(--black);font-weight:700;text-decoration:none}ul,li{list-style:none}strong{font-weight:700}button{margin-top:var(--spacer-xl);font-family:var(--ff1);border:0 solid #0000;font-weight:700}img,svg{width:100%}button:disabled{cursor:not-allowed}input,textarea{font-family:var(--ff1);border-radius:var(--bdr-m);border:1px solid var(--gray-md);width:100%;color:var(--black);appearance:none;margin-top:1em;padding:1.1em;font-size:1rem}.heheForm,.topForm{opacity:0;z-index:-1;width:0;height:0;position:absolute;top:0;left:0}@media only screen and (width>=1024px){html{font-size:17px}h1{letter-spacing:.27px;font-size:2.2353rem;line-height:45px}h2{letter-spacing:.21px;font-size:1.7647rem;line-height:40px}h3{letter-spacing:.16px;font-size:1.3529rem;line-height:33px}h4{font-size:1.08rem;line-height:34px}h5{letter-spacing:.17px;text-transform:uppercase;font-size:1rem;line-height:34px}h6{margin-top:var(--spacer-s);letter-spacing:.2px;font-size:1.1765rem;font-weight:300;line-height:34px}p{letter-spacing:.17px;font-size:1rem;font-weight:400;line-height:28px}}.FadeIn{transition:opacity 1.2s .2s var(--ease), transform .8s .2s var(--ease)}.FadeIn--show{opacity:1;transform:translateY(0)}.FadeIn--hide{opacity:0;transform:translateY(10px)}.ScrollToTop__wrapper{background-color:var(--clr1);text-align:center;cursor:pointer;border:2px solid var(--clr1-d);z-index:800;opacity:0;border-radius:50%;width:3em;height:3em;margin-top:0;position:fixed;bottom:20px;right:20px}.ScrollToTop__button:before{content:"";border-radius:var(--bdr-m);background-color:var(--white);width:3px;height:13px;transition:transform .25s var(--ease);display:block;position:absolute;top:50%;left:41%;transform:translateY(-50%)translate(-50%)rotate(45deg)}.ScrollToTop__button:after{content:"";border-radius:var(--bdr-m);background-color:var(--white);width:3px;height:13px;transition:transform .25s var(--ease);display:block;position:absolute;top:50%;right:41%;transform:translateY(-50%)translate(50%)rotate(-45deg)}.ScrollToTop__wrapper:hover .ScrollToTop__button:before{transform:translateY(-60%)translate(-50%)rotate(45deg)}.ScrollToTop__wrapper:hover .ScrollToTop__button:after{transform:translateY(-60%)translate(50%)rotate(-45deg)}@media only screen and (width>=600px){.ScrollToTop__wrapper{width:3.75em;height:3.75em;bottom:35px;right:35px}.ScrollToTop__button:before{content:"";border-radius:var(--bdr-m);background-color:var(--white);width:3px;height:17px;transition:transform .25s var(--ease);display:block;position:absolute;top:50%;left:41%;transform:translateY(-50%)translate(-50%)rotate(45deg)}.ScrollToTop__button:after{content:"";border-radius:var(--bdr-m);background-color:var(--white);width:3px;height:17px;transition:transform .25s var(--ease);display:block;position:absolute;top:50%;right:41%;transform:translateY(-50%)translate(50%)rotate(-45deg)}.ScrollToTop__wrapper:hover .ScrollToTop__button:before{transform:translateY(-60%)translate(-50%)rotate(45deg)}.ScrollToTop__wrapper:hover .ScrollToTop__button:after{transform:translateY(-60%)translate(50%)rotate(-45deg)}}.VerticalCard__container{-webkit-backdrop-filter:blur(19.7px);border-radius:16px;border-radius:var(--bdr-m);background:#1716179a;width:100%;max-width:400px;margin-top:0;margin-left:auto;margin-right:auto;padding:clamp(1.5em,6vw,3em);position:relative;box-shadow:15px 15px 25px #00000026,5px 5px 10px #0000000d}.VerticalCard__container.left .VerticalCard__wrapper{align-items:flex-start}.VerticalCard__container.left .VerticalCard__title,.VerticalCard__container.left .VerticalCard__subtitle{text-align:left}.VerticalCard__wrapper{flex-direction:column;align-items:center;display:flex}.VerticalCard__imgWrapper{max-width:100px;margin-top:var(--spacer-s);margin-bottom:var(--spacer-s);position:relative}.VerticalCard__imgWrapper :before{content:"";z-index:-1;filter:blur(.25em);background:linear-gradient(135deg,#435bd0f4 0%,#c850c0f4 46%,#ffcc70f4 100%);border-radius:50%;width:108px;height:108px;display:block;position:absolute;top:-4px;left:-4px}.VerticalCard__imgWrapper :after{content:"";background:var(--black);z-index:-2;opacity:.05;filter:blur(.35em);border-radius:50%;width:116px;height:116px;display:block;position:absolute;top:-8px;left:-8px}.VerticalCard__img{border:3px solid var(--white);border-radius:50%}.VerticalCard__divider{margin-top:var(--spacer-m);border:var(--white) .5px solid;opacity:.18;background-color:#0000;width:100%}.VerticalCard__title,.VerticalCard__subtitle,.VerticalCard__content{color:var(--whiteText)}.VerticalCard__title{text-align:center;margin-top:0}.VerticalCard__subtitle{text-align:center;margin-top:.25em}.VerticalCard__anchor{color:var(--whiteText);position:relative}.VerticalCard__anchor:hover{text-decoration:underline}@media only screen and (width>=600px){.VerticalCard__subtitle{margin-top:0}}.HorizontalCard__container{margin-top:var(--sectionTop);-webkit-backdrop-filter:blur(19.7px);border-radius:16px;border-radius:var(--bdr-m);background:#1716179a;width:clamp(300px,80%,500px);margin-left:auto;margin-right:auto;padding:3em;position:relative;box-shadow:15px 15px 25px #00000026,5px 5px 10px #0000000d}.HorizontalCard__container.left .HorizontalCard__wrapper{align-items:flex-start}.HorizontalCard__container.left .HorizontalCard__title,.HorizontalCard__container.left .HorizontalCard__subtitle{text-align:left}.HorizontalCard__superTitle{font-size:4em;line-height:1em}.HorizontalCard__wrapper{flex-direction:column;align-items:center;display:flex}.HorizontalCard__imgWrapper{width:100%;margin-top:var(--spacer-s);margin-bottom:var(--spacer-s);position:relative}.HorizontalCard__img{object-fit:cover;border-radius:var(--bdr-l);border:8px solid #1716173f;width:100%;height:100%;max-height:250px}.HorizontalCard__divider{margin-top:var(--spacer-m);border:var(--white) .5px solid;opacity:.18;background-color:#0000;width:100%}.HorizontalCard__title,.HorizontalCard__subtitle,.HorizontalCard__content{color:var(--whiteText);text-align:center}.HorizontalCard__title{text-align:center;background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5em;line-height:1.125em}.HorizontalCard__subtitle{text-transform:uppercase;color:var(--whiteTextLess);margin-top:.25em;font-size:.85em;font-weight:700}.HorizontalCard__anchor{color:var(--whiteText);position:relative}.HorizontalCard__anchor:hover{text-decoration:underline}@media only screen and (width>=800px){.HorizontalCard__container{width:clamp(500px,80%,800px)}.HorizontalCard__wrapper{gap:var(--spacer-3xl);flex-direction:row}.HorizontalCard__imgWrapper{flex-basis:30%;min-width:200px}.HorizontalCard__title,.HorizontalCard__subtitle,.HorizontalCard__content{color:var(--whiteText);text-align:left}}.copyright__wrapper{color:var(--whiteText);text-align:center;opacity:0;max-width:22ch;animation:scaleDownFadeIn 1s .9s var(--ease) forwards;margin:0 auto}.copyright__text{margin-top:0;font-size:.9em}@media only screen and (width>=450px){.copyright__wrapper{max-width:unset}}.fadeDisplay-enter{opacity:0}.fadeDisplay-enter-active{opacity:.75;transition:opacity .3s var(--ease)}.fadeDisplay-enter-done{opacity:.75}.fadeDisplay-exit{opacity:.75;transform:scale(1)}.fadeDisplay-exit-active{opacity:0;transition:opacity .3s var(--ease), transform .3s .35s var(--ease);transform:scale(0)}.fadeDisplay-exit-done{opacity:0;transform:scale(0)}.VerticalCard__website{border:1px solid var(--link-accent);border-radius:var(--bdr-m);color:var(--link-accent);padding:.65em 1em;display:inline-block}.VerticalCard__anchor:focus-visible{outline:2px solid var(--link-accent);outline-offset:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bg:before,.VerticalCard__container,.copyright__wrapper{opacity:1;animation:none;transform:none}.FadeIn{opacity:1;transition:none;transform:none}}