:root{--def-duration:.25s;--fadein-step:50ms;--move:6px;--move-hole:var(--container-bs-size);--move-hole-c:var(--container-bs-c);--move-duration:var(--def-duration);--move-ease:cubic-bezier(.2, .8, .3, 1.1);--move-ease-back:ease;--bg-c-1:white;--bg-c-2:#242424;--dot-c-1:#006900;--dot-c-2:white;--dot-size:clamp(.45px, .15vw, 1.2px);--dot-space:clamp(4.5px, 1.5vw, 15px);--font-mono:"Roboto Mono";--font-serif:"Fleischmann";--font-display:"Druk Condensed";--txt-c-1:black;--txt-c-2:white;--txt-c-3:#006900;--txt-c-4:red;--h1-sz:clamp(65px, 20vw, 150px);--h3-sz:clamp(14px, 3vw, 20px);--b1-sz:clamp(11px, 1.8vw, 14px);--h2-sz:var(--b1-sz);--h2-lh:normal;--pad:10px;--pad-body:clamp(16px, 5vw, 50px);--marg:60px;--marg-header:clamp(10px, 5vw, 40px);--header-nav-gap:clamp(21px, 5vw, 34px);--header-gap:clamp(0px, 1vw, 10px);--container-bs-size:4px;--container-border-size:1px;--container-bg-c-1:white;--container-border-c-1:black;--container-bs-c-1:#000;--container-bg-c-2:#242424;--container-border-c-2:white;--container-bs-c-2:white}.top-right-arrow:after{content:"↗︎"}.top-arrow:after{content:"↑︎"}.underline{text-decoration:underline}.spacer{padding-bottom:var(--pad)}.light-bg{background-color:var(--bg-c-1);position:relative}.dark-bg{background-color:var(--bg-c-2);position:relative}@keyframes fadein{0%{opacity:0}to{opacity:1}}._fadein{animation-name:fadein;animation-duration:2s;animation-fill-mode:both}@keyframes fadeout{0%{opacity:1}to{opacity:0}}._fadeout{animation-name:fadeout;animation-duration:2s;animation-delay:1s;animation-fill-mode:both}._hole{isolation:isolate;display:block;position:relative}._hole:before{content:"";z-index:-1;background-color:var(--move-hole-c);transform:translate(calc(var(--move-hole)*(-1)), var(--move-hole));position:absolute;inset:0}._hole>._move{display:block}._move{transition:transform var(--move-duration) var(--move-ease-back)}@media (hover:hover){._hole:hover>._move{transform:translate(var(--move), calc(var(--move)*(-1)));transition-timing-function:var(--move-ease)}}@media (prefers-reduced-motion:reduce){._move{transition:none}._hole:hover>._move{transform:none}}._highlight-white{text-decoration:underline;text-decoration-color:var(--txt-c-4)}._highlight-white:hover{background-color:var(--txt-c-4);color:var(--txt-c-2)}._highlight-black{text-decoration:underline;text-decoration-color:var(--txt-c-4);transition-duration:var(--def-duration)}._highlight-black:hover{background-color:var(--txt-c-2);color:var(--txt-c-4)}._invert-c{transition-duration:var(--def-duration)}._invert-c:hover{background-color:var(--b1-c);& h1,& h2,& h3,& b1{color:var(--bg-c)}}@font-face{font-family:Roboto Mono;src:url(/assets/fonts/RobotoMono-Light.ttf)}@font-face{font-family:Fleischmann;src:url(/assets/fonts/DTLFleischmann-TRegular.ttf)}@font-face{font-family:Fleischmann italic;src:url(/assets/fonts/DTLFleischmann-TItalic.ttf)}@font-face{font-family:Fleischmann bold;src:url(/assets/fonts/DTLFleischmann-TBold.ttf)}@font-face{font-family:Druk Condensed;src:url(/assets/fonts/DrukXCond-Super-Trial.otf)}@font-face{font-family:Druk;src:url(/assets/fonts/Druk-Medium-Trial.otf)}a{color:inherit;text-decoration:none}ul{margin:0;padding:15px 0;list-style:none}ul li{padding:clamp(1px,.35vw,5px) 0}ul.topics{list-style-type:none}ul.topics li{padding-left:clamp(20px,5vw,30px);position:relative}ul.topics li:before{content:"->";position:absolute;left:0}h1,h2,h3,b1,b2,b3{margin:0;font-weight:100;display:inline}h1{font-family:var(--font-display);color:var(--h1-c);background-color:var(--h1-bg-c);font-size:var(--h1-sz);line-height:calc(var(--h1-sz)*.77);font-style:normal}h2{font-family:var(--font-mono);color:var(--h2-c);background-color:var(--h2-bg-c);font-size:var(--h2-sz);line-height:var(--h2-lh);font-style:normal}h3{font-family:var(--font-serif);color:var(--h3-c);background-color:var(--h3-bg-c);font-size:var(--h3-sz);font-style:italic}b1{font-family:var(--font-mono);color:var(--b1-c);background-color:var(--b1-bg-c);font-size:var(--b1-sz);font-style:normal;line-height:normal}b2{font-family:var(--font-mono);color:var(--b1-c);background-color:var(--b1-bg-c);font-size:clamp(10px,2vw,12px);font-style:normal;line-height:1.3}.header-item-3 ul{row-gap:var(--pad);flex-wrap:wrap;padding:0}.header-item-3 a{display:inline-block}.header-item-3{margin-top:var(--header-nav-gap)}.header-grid .grid-item{margin-bottom:var(--header-gap)}.header-item-2{left:clamp(15px,10vw,35px)}.header-item{flex-direction:row;width:max-content;display:flex;position:relative}.header-flex-2{white-space:nowrap;position:absolute;top:0}.header-item{& ul,& h1{justify-content:center;display:flex}& li{padding:0 clamp(5px,2vw,20px)}}#Body{overflow-x:hidden}body{background-color:var(--bg-c);margin:0}.grid{flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex}.grid-item{margin:var(--pad-body) 0;position:relative}.container-1{padding:var(--pad);border:var(--container-border-size) solid;background-color:var(--container-bg-c);border-color:var(--container-border-c);box-shadow:calc(var(--container-bs-size)*(-1)) var(--container-bs-size) var(--container-bs-c)}._move.container-1{box-shadow:none}.container-2{padding:var(--pad);border:var(--container-border-size) dashed;background-color:var(--container-bg-c);border-color:var(--container-border-c)}#scrollToTopBtn{opacity:0;z-index:1000;pointer-events:none;transition:opacity .3s ease, background-color var(--def-duration);position:fixed;bottom:50px;right:10%}#scrollToTopBtn.visible{opacity:1;pointer-events:auto}.gallery-intro{margin-bottom:0}:root{--topic-gap:5px;--topic-indent:clamp(20px, 5vw, 30px);--topic-c:var(--b1-c);--topic-size:1.2em;--topic-font:"Lao Sangam MN", "Noto Sans Lao", "Leelawadee UI", "Lao UI", sans-serif}@counter-style lao{system:numeric;symbols:"໐" "໑" "໒" "໓" "໔" "໕" "໖" "໗" "໘" "໙"}@counter-style thai{system:numeric;symbols:"๐" "๑" "๒" "๓" "๔" "๕" "๖" "๗" "๘" "๙"}[class*=topics-]{counter-reset:topic}[class*=topics-] li{counter-increment:topic;padding-left:var(--topic-indent);padding-top:var(--topic-gap);padding-bottom:0}[class*=topics-] li:before{width:var(--topic-indent);margin-left:calc(var(--topic-indent) * -1);color:var(--topic-c);font-family:var(--topic-font);font-size:var(--topic-size);line-height:1;display:inline-block}.topics-lao li:before{content:counter(topic, lao) "."}.topics-thai li:before{content:counter(topic, thai) "."}:root{--bg-c:var(--bg-c-2);--h1-c:var(--txt-c-2);--h2-c:var(--txt-c-2);--h3-c:var(--txt-c-2);--b1-c:var(--txt-c-2);--h1-bg-c:transparent;--h2-bg-c:transparent;--h3-bg-c:transparent;--b1-bg-c:transparent;--container-bg-c:var(--container-bg-c-2);--container-border-c:var(--container-border-c-2);--container-bs-c:var(--container-bs-c-2)}#Noise_bg-1:after{content:"";opacity:.6;background-image:url(/assets/images/bg/bg_noise.png);width:300%;height:300%;animation:15s steps(10,end) infinite grain;position:fixed;top:-110%;left:-50%}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}