:root{interpolate-size:allow-keywords}body{background:#f4f5f0;margin:0}a{color:#1d2130;text-underline-offset:4px;text-decoration-color:#ffd447;text-decoration-thickness:3px;transition:color .2s}a:hover{color:#5b6172}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #52d6d9}.lbl{letter-spacing:.08em;text-transform:uppercase;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;font-weight:500}html[lang=th] .lbl:not(.la){letter-spacing:0;text-transform:none;font-family:Anuphan,Noto Sans Thai,sans-serif;font-size:14px;font-weight:600}.lbl.lc{text-transform:none;letter-spacing:.02em}.btn{justify-content:center;align-items:center;gap:10px;transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .3s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn .arr{transition:transform .25s cubic-bezier(.22,1,.36,1);display:inline-block}.btn:hover .arr{transform:translate(4px)}.stage{height:calc(100vh - var(--sample-h,0px))}@supports (height:100svh){.stage{height:calc(100svh - var(--sample-h,0px))}}.panel-pos{pointer-events:none;width:min(440px,38vw);position:absolute;top:50%;left:max(24px,6vw);transform:translateY(-50%)}.panel-pos.low{top:auto;bottom:48px;transform:none}.panel{transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.thought{white-space:nowrap;pointer-events:none;font-family:Mitr,sans-serif;font-size:22px;font-weight:500;transition:opacity .4s;position:absolute;top:12%;left:64%;transform:translate(-50%)}.rail{flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.rail button .rl{opacity:0;transition:opacity .2s,transform .2s;transform:translate(6px)}.rail button:hover .rl,.rail button:focus-visible .rl{opacity:1;transform:none}.doodle{transform-origin:0 0;pointer-events:none;--sw:6px;--fs:24px;width:1px;height:1px;position:absolute;top:0;left:0}.doodle svg{position:absolute;top:0;left:0;overflow:visible}.dd path{fill:none;stroke-width:var(--sw);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2400;stroke-dashoffset:2400px;transition:stroke-dashoffset .35s ease-in}.dd.on path{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1)}.dd.on path:nth-of-type(2){transition-delay:.12s}.dd.on path:nth-of-type(3){transition-delay:.24s}.dd.on path:nth-of-type(4){transition-delay:.36s}.dd.on path:nth-of-type(5){transition-delay:.48s}.dd.on path:nth-of-type(n+6){transition-delay:.6s}.dd text{font-family:Mitr,sans-serif;font-weight:500;font-size:var(--fs);opacity:0;transition:opacity .3s}.dd.on text{opacity:1;transition:opacity .5s .55s}.dd .dt{white-space:nowrap;font-family:Mitr,sans-serif;font-weight:500;font-size:var(--fs);opacity:0;line-height:1;transition:opacity .3s;position:absolute}.dd.on .dt{opacity:1;transition:opacity .5s .55s}.doodle .m-only{display:none}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.bob{animation:1.6s ease-in-out infinite bob}@keyframes oDrop{0%{opacity:0;transform:translateY(-1.6em)}55%{opacity:1}to{transform:translateY(-.22em)}}.o-drop{animation:1.1s cubic-bezier(.34,1.56,.64,1) .15s both oDrop;display:inline-block;transform:translateY(-.22em)}@keyframes hgBlink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.12)}}.hg-blink{transform-origin:50%;animation:4.2s infinite hgBlink}@keyframes hgHop{0%{transform:none}35%{transform:translateY(-8%)rotate(-3deg)}70%{transform:translateY(0)rotate(1deg)}85%{transform:translateY(-2%)}to{transform:none}}.hg-hop{animation:.7s cubic-bezier(.34,1.56,.64,1) hgHop}@keyframes hgZ{0%{opacity:0;transform:translate(0)scale(.6)}30%{opacity:1}to{opacity:0;transform:translate(.8em,-1.6em)scale(1.1)}}.hg-z{animation:2.4s ease-out infinite hgZ;position:absolute}@keyframes swing{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.swing{transform-origin:84% 6%;animation:4.8s ease-in-out infinite swing}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}details .plus{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}details[open] .plus{transform:rotate(45deg)}details::details-content{height:0;transition:height .35s cubic-bezier(.22,1,.36,1),content-visibility .35s allow-discrete;overflow:clip}details[open]::details-content{height:auto}.lang{background:#fff;border:1px solid #dddfd7;border-radius:999px;flex:none;align-items:center;padding:2px;display:inline-flex}.lang a{box-sizing:border-box;letter-spacing:.08em;color:#5b6172;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;min-width:40px;min-height:38px;padding:0 10px;font:500 12px IBM Plex Mono,ui-monospace,monospace;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.lang a:hover{color:#1d2130}.lang a[aria-current=true]{color:#f4f5f0;background:#1d2130}.sm-only{display:none}@media (width<=760px){.sm-only{display:inline!important}.hnav{gap:10px!important}.lang a{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;min-width:34px!important;padding:0 6px!important}.panel-pos{top:auto;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:auto;transform:none}.panel-pos.low{bottom:calc(16px + env(safe-area-inset-bottom))}.panel-card{background:#f4f5f0eb;border-radius:20px;padding:20px}.m-tight{gap:10px!important;padding:16px!important}.m-o1{order:1}.m-o2{order:2}.m-o3{order:3}.m-o4{order:4}.m-o5{order:5}.m-p{line-height:1.6;font-size:16px!important}.m-note{line-height:1.5;font-size:14px!important}.cta-row{flex-wrap:nowrap!important;gap:8px!important}.cta-row .btn{white-space:nowrap;flex:auto;min-height:48px!important;padding:0 12px!important}.m-h{font-size:34px!important}.panel-pos.dark .panel-card{background:#1d2130e6}.thought{font-size:18px;top:88px;left:50%}.rail{right:8px}.hide-sm{display:none!important}.doodle .m-only{display:inline}.doodle .m-hide{display:none}}.hop-veil{inset:var(--sample-h,0px) 0 0 0;z-index:90;pointer-events:none;background:#101219;position:fixed}.hop-veil.run{transition:clip-path .7s cubic-bezier(.7,0,.2,1),opacity .35s}.hop-face{height:auto;position:absolute;overflow:visible}.hop-veil.run .hop-face{transition:left .7s cubic-bezier(.7,0,.2,1),top .7s cubic-bezier(.7,0,.2,1),transform .7s cubic-bezier(.7,0,.2,1)}.lids{z-index:91;pointer-events:none;position:fixed;inset:0}.lid{background:#f4f5f0;width:120%;height:0;position:absolute;left:-10%}.lid-t{border-radius:0 0 50% 50%/0 0 22vh 22vh;top:0;box-shadow:0 2px #1d213014}.lid-b{border-radius:50% 50% 0 0/22vh 22vh 0 0;bottom:0;box-shadow:0 -2px #1d213014}.lid-face{opacity:0;width:min(30vmin,220px);height:auto;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.lids.shut .lid{height:64vh;transition:height .46s cubic-bezier(.55,0,.7,.35)}.lids.shut .lid-face{opacity:1;transition:opacity .2s .32s}.lids.closed .lid{height:64vh}.lids.closed .lid-face{opacity:1}.lids.wake .lid{animation:1s cubic-bezier(.3,0,.2,1) forwards lidWake}.lids.wake .lid-face{opacity:0;transition:opacity .18s}@keyframes lidWake{0%{height:64vh}28%{height:40vh}42%{height:60vh}to{height:0}}.lids.rm{opacity:0;transition:opacity .28s}.lids.rm .lid{height:52vh;box-shadow:none;border-radius:0}.lids.rm.on{opacity:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.lids.rm{transition:opacity .28s!important}}