.p-5sba_footer{color:var(--color-muted);border-block-start:1px solid var(--color-hairline);margin-block-start:auto;transition-property:background-color,color;transition-duration:.2s}.p-5sba_inner{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-4);flex-wrap:wrap;display:flex}.p-5sba_copy{color:var(--color-text);font-size:calc(var(--step-0) * .8);margin-block:0;margin-inline:0}.p-5sba_actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.p-5sba_links{align-items:center;gap:var(--space-1);flex-wrap:wrap;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none;display:flex}.p-5sba_iconLink{block-size:44px;inline-size:44px;color:var(--color-text);justify-content:center;align-items:center;display:inline-flex}a.p-5sba_iconLink:hover{color:var(--color-link)}.p-5sba_icon{block-size:24px;inline-size:24px}.p-5sba_coffee{min-block-size:44px;padding-inline:var(--space-3);color:var(--color-link);white-space:nowrap;border:1px solid var(--color-link);border-radius:var(--radius);background:0 0;justify-content:center;align-items:center;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}a.p-5sba_coffee:hover{outline:1px solid var(--color-link);outline-offset:0}
.Tkw0gW_header{z-index:2;color:var(--color-text);background:color-mix(in srgb, var(--color-header) 35%, transparent);border-block-end:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition-property:background,border-color,box-shadow,color;transition-duration:.2s;position:sticky;inset-block-start:0}:root[data-theme=dark] .Tkw0gW_header{background:var(--glass-fill)}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.Tkw0gW_header{background:var(--glass-fill)}}.Tkw0gW_bar{align-items:center;gap:var(--space-2);padding-block:var(--space-2);flex-wrap:nowrap;display:flex}.Tkw0gW_logoLink{flex-shrink:0;order:0;transition:transform 80ms;display:flex}.Tkw0gW_logoLink:active{transform:translateY(1px)scale(.96)}.Tkw0gW_logo{block-size:40px;inline-size:auto;max-inline-size:none;filter:var(--logo-halo)}.Tkw0gW_navRoot{display:contents}.Tkw0gW_menuButton{block-size:44px;inline-size:44px;color:var(--color-text);cursor:pointer;background:color-mix(in srgb, var(--color-text) 8%, transparent);border:none;border-radius:50%;flex-shrink:0;order:3;justify-content:center;align-items:center;padding:0;display:none}.Tkw0gW_menuButton:hover{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.Tkw0gW_menuButton:active{transform:translateY(1px)scale(.96)}.Tkw0gW_menuIcon{flex-direction:column;justify-content:center;gap:5px;inline-size:1.125rem;display:flex}.Tkw0gW_menuIcon span{transform-origin:50%;background:currentColor;border-radius:1px;block-size:2px;inline-size:100%;transition:transform .18s,opacity .12s;display:block}.Tkw0gW_navRoot[data-nav-open=true] .Tkw0gW_menuIcon span:first-child{transform:translateY(7px)rotate(45deg)}.Tkw0gW_navRoot[data-nav-open=true] .Tkw0gW_menuIcon span:nth-child(2){opacity:0}.Tkw0gW_navRoot[data-nav-open=true] .Tkw0gW_menuIcon span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.Tkw0gW_nav{align-items:center;column-gap:var(--space-2);flex-shrink:0;order:1;margin-inline-start:auto;display:flex}.Tkw0gW_navLink{min-block-size:44px;font-family:var(--font-display), sans-serif;font-size:calc(var(--step-0) - 2px);color:var(--color-text);white-space:nowrap;text-transform:uppercase;align-items:center;padding-inline:.2rem;font-weight:400;text-decoration:none;display:flex}.Tkw0gW_navLink:hover{text-decoration-line:underline;text-decoration-thickness:2px}.Tkw0gW_navLink[aria-current=page]{text-decoration-line:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:color-mix(in srgb, var(--color-text) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--color-text) 35%, transparent);text-underline-offset:.12em;transform:translateY(-2px)}.Tkw0gW_navLink[aria-current=page]:hover{text-decoration-thickness:2px;-webkit-text-decoration-color:color-mix(in srgb, var(--color-text) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--color-text) 35%, transparent)}.Tkw0gW_themeSlot{flex-shrink:0;order:4;align-items:center;display:flex}.Tkw0gW_menuTheme{display:none}.Tkw0gW_searchSlot{flex-shrink:0;order:2;justify-content:flex-end;align-items:center;min-inline-size:0;transition:flex-grow .28s;display:flex}.Tkw0gW_searchSlot:has([data-expanded=true]){flex:auto}.Tkw0gW_bar:has([data-nav-open=true]){flex-wrap:wrap}@media not (min-width:768px){.Tkw0gW_bar{column-gap:var(--space-1)}.Tkw0gW_menuButton{display:inline-flex}.Tkw0gW_searchSlot{margin-inline-start:auto}.Tkw0gW_nav{padding-block:var(--space-2) var(--space-3);border-block-start:1px solid var(--color-hairline);flex-direction:column;flex:1 0 100%;order:6;align-items:stretch;gap:0;margin-inline-start:0;display:none}.Tkw0gW_navRoot[data-nav-open=true] .Tkw0gW_nav{display:flex}.Tkw0gW_navLink{padding-inline:var(--space-2)}.Tkw0gW_themeSlot{display:none}.Tkw0gW_menuTheme{min-block-size:44px;padding-inline:var(--space-2) 0;font-family:var(--font-display), sans-serif;font-size:calc(var(--step-0) - 2px);color:var(--color-text);text-transform:uppercase;cursor:pointer;border-block-start:1px solid var(--color-hairline);justify-content:space-between;align-items:center;margin-block-start:var(--space-2);padding-block-start:var(--space-2);display:flex}}@media (min-width:768px){.Tkw0gW_logo{block-size:48px}.Tkw0gW_searchSlot:has([data-expanded=true]){flex:16rem;max-inline-size:20rem}}@media (min-width:960px){.Tkw0gW_navLink{padding-inline:var(--space-2)}}@media (prefers-reduced-motion:reduce){.Tkw0gW_searchSlot,.Tkw0gW_menuIcon span{transition:none}}
.semSRW_search{flex:none;justify-content:flex-end;inline-size:100%;min-inline-size:0;display:flex;position:relative}.semSRW_shell{block-size:44px;inline-size:44px;max-inline-size:44px;color:var(--color-text);background:color-mix(in srgb, var(--color-text) 8%, transparent);border:1px solid #0000;border-radius:50%;align-items:center;margin-inline-start:auto;transition:max-inline-size .28s,inline-size .28s,border-radius .28s,background-color .2s,border-color .2s;display:flex;overflow:hidden}.semSRW_search[data-expanded=true] .semSRW_shell{background:color-mix(in srgb, var(--color-text) 8%, transparent);border-radius:var(--radius-pill);inline-size:100%;max-inline-size:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:#0000}.semSRW_toggle,.semSRW_close{block-size:44px;inline-size:44px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.semSRW_close{opacity:0;pointer-events:none;inline-size:0;transition:inline-size .24s,opacity .18s;overflow:hidden}.semSRW_toggle:hover,.semSRW_close:hover{color:var(--color-link)}.semSRW_search:not([data-expanded=true]) .semSRW_shell:hover{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.semSRW_toggle:active,.semSRW_close:active{transform:translateY(1px)scale(.96)}.semSRW_search[data-expanded=true] .semSRW_close{opacity:1;pointer-events:auto;inline-size:44px}.semSRW_input{block-size:44px;inline-size:0;min-inline-size:0;font:inherit;color:var(--color-text);appearance:none;opacity:0;background:0 0;border:0;flex:auto;padding:0;transition:opacity .18s 40ms;overflow:hidden}.semSRW_input::placeholder{color:var(--color-text);opacity:1}.semSRW_input:focus-visible{outline:none}.semSRW_search[data-expanded=true] .semSRW_shell:focus-within{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-focus) 35%, transparent), 0 0 0 4px color-mix(in srgb, var(--color-focus) 12%, transparent);outline:none}.semSRW_search[data-expanded=true] .semSRW_input{inline-size:auto;padding-inline:0 var(--space-1);opacity:1}.semSRW_input::-webkit-search-cancel-button{appearance:none}.semSRW_input::-webkit-search-decoration{appearance:none}.semSRW_results{z-index:3;position:fixed;inset-block-start:0;inset-inline-start:0}.semSRW_wash{z-index:0;pointer-events:none;background-color:color-mix(in srgb, var(--color-bg) 52%, transparent);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(50px)saturate(2);backdrop-filter:blur(50px)saturate(2);position:absolute;inset:0}.semSRW_panel{z-index:1;color:var(--color-text);background:color-mix(in srgb, var(--color-header) 12%, transparent);border:1px solid var(--glass-edge);border-radius:var(--radius-card);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}:root[data-theme=dark] .semSRW_panel{background:var(--glass-fill)}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.semSRW_wash{background-color:var(--color-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.semSRW_panel{background:var(--glass-fill)}}.semSRW_status{padding:var(--space-2) var(--space-3);color:var(--color-muted);font-family:var(--font-body), sans-serif;margin:0;font-weight:500}.semSRW_list{border-block-start:1px solid var(--glass-edge);scrollbar-width:none;max-block-size:min(22rem,50vh);margin:0;padding:0;list-style:none;overflow:auto}.semSRW_list::-webkit-scrollbar{display:none}.semSRW_option{min-block-size:44px;padding:var(--space-2) var(--space-3);color:var(--color-text);flex-direction:column;justify-content:center;text-decoration:none;display:flex}.semSRW_option[data-active=true]{background:color-mix(in srgb, var(--color-text) 8%, transparent)}.semSRW_hitTitle{text-underline-offset:.15em;font-weight:500;text-decoration-line:underline;text-decoration-thickness:1px}.semSRW_option:hover .semSRW_hitTitle,.semSRW_option[data-active=true] .semSRW_hitTitle{text-decoration-thickness:2px}.semSRW_hitMeta{color:var(--color-muted);font-weight:400}.semSRW_hiddenLabel{white-space:nowrap;clip-path:inset(50%);border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:768px){.semSRW_search[data-expanded=true] .semSRW_shell{max-inline-size:20rem}}@media (prefers-reduced-motion:reduce){.semSRW_shell,.semSRW_close,.semSRW_input{transition:none}}
.pLv6Va_button{--track-width:48px;--track-height:28px;--knob:24px;--knob-inset:calc((var(--track-height) - var(--knob)) / 2);--slide:0px;--press:1;--track-bg:var(--color-control-off);--track-hover:color-mix(in srgb, var(--color-control-off) 80%, var(--color-text));inline-size:var(--track-width);cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;block-size:44px;padding:0;display:grid}.pLv6Va_button:active{--press:.92}.pLv6Va_button:focus-visible{outline:none}:root[data-theme=dark] .pLv6Va_button{--slide:calc(var(--track-width) - var(--knob) - 2 * var(--knob-inset));--track-bg:var(--color-accent);--track-hover:color-mix(in srgb, var(--color-accent) 82%, var(--color-text))}.pLv6Va_track{inline-size:var(--track-width);block-size:var(--track-height);background-color:var(--track-bg);border-radius:var(--radius-pill);transition:background-color .2s;display:block;position:relative}:root[data-theme=dark] .pLv6Va_track{outline:1px solid var(--color-selected-outline);outline-offset:-1px}.pLv6Va_button:hover .pLv6Va_track{background-color:var(--track-hover)}.pLv6Va_button:focus-visible .pLv6Va_track{outline:2px solid var(--color-focus);outline-offset:2px}.pLv6Va_thumb{inline-size:var(--knob);block-size:var(--knob);color:var(--color-accent);background-color:var(--color-on-accent);border-radius:var(--radius-pill);transform:translateX(var(--slide)) scale(var(--press));place-items:center;transition:transform .2s cubic-bezier(.3,.7,.4,1);display:grid;position:absolute;inset-block-start:var(--knob-inset);inset-inline-start:var(--knob-inset)}.pLv6Va_button:active .pLv6Va_thumb{transition-duration:80ms}.pLv6Va_icon{display:block}.pLv6Va_rays{opacity:0;stroke-dasharray:3;stroke-dashoffset:3px;transition:stroke-dashoffset .15s ease-in,opacity .1s}:root[data-theme=dark] .pLv6Va_rays{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .15s ease-out .12s,opacity 40ms .12s}@media (prefers-reduced-motion:reduce){.pLv6Va_track,.pLv6Va_thumb,.pLv6Va_rays{transition:none}}
@font-face{font-family:display;src:url(../media/F5_6_Regular-s.p.3wxwsb_nurskt.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:77.43%;descent-override:9.41%;line-gap-override:0.0%;size-adjust:138.19%}.alSmnW_className{font-family:display,display Fallback;font-weight:400}.alSmnW_variable{--font-display:"display", "display Fallback"}
@font-face{font-family:body;src:url(../media/Kodchasan_Regular-s.p.35r3o4yuon1pj.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:body;src:url(../media/Kodchasan_Medium-s.p.1y2m1pbryuqux.ttf)format("truetype");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:body;src:url(../media/Kodchasan_SemiBold-s.p.2cnx5yhcx7jr6.ttf)format("truetype");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:89.99%;descent-override:24.26%;line-gap-override:0.0%;size-adjust:113.79%}.gI9V0W_className{font-family:body,body Fallback}.gI9V0W_variable{--font-body:"body", "body Fallback"}
*,:before,:after{box-sizing:border-box}html{min-block-size:100%;scroll-padding-top:5.5rem}img{max-inline-size:100%;display:block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f3eee4;--color-hero:#000;--color-surface:#fff;--color-header:#faf7f1;--color-text:#1c1c1c;--color-muted:#2f4459;--color-hairline:#abc7d9;--color-control-border:#6f889c;--color-control-off:#8a8278;--color-link:#245780;--color-accent:#245780;--color-on-accent:#fff;--color-focus:#245780;--color-selected-outline:transparent;--step-0:1.125rem;--step-1:1.35rem;--step-2:clamp(1.7rem, 1.6586rem + .1768vw, 1.8rem);--step-3:clamp(2.35rem, 2.1635rem + .7956vw, 2.8rem);--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:4rem;--radius:.51mm;--radius-card:10px;--radius-pill:999px;--page-wash:none;--sheet-solid:transparent;--sheet-gradient-diagonal:linear-gradient(to bottom right, #7e240399, #feab4c99);--sheet-gradient-down:linear-gradient(to bottom, #7e240399, #feab4c99);--sheet-gradient-across:linear-gradient(to bottom left, #7e240399, #feab4c99);--sheet-gradient:var(--sheet-gradient-diagonal);--sheet-grain:url(/textures/grain-sheet.svg);--sheet-well:#1a1612;--sheet-ink:#1a0c06;--sheet-muted:#4a2612;--film-base:#15110e;--film-print:#eadcc3;--glass-light:radial-gradient(44rem 26rem at 50% 72%, #ffe2c2e6, #ecdcc873 45%, transparent 72%), radial-gradient(50rem 24rem at 50% 8%, #969ea852, transparent 70%);--glass-fill:linear-gradient(168deg, #ffffff75, #ffffff1f 40%, #46342438);--glass-edge:#ffffffbf;--glass-shadow:inset 0 1px 0 #ffffffe6, 0 0 0 1px #1c1c1c12, 0 22px 44px #46342433;--glass-blur:blur(14px) saturate(1.3);--logo-halo:none;--page-grain:url(/textures/grain-light.svg);--color-card:#ffffffeb;--card-background:linear-gradient(to bottom, #ffffffc7, #ffffff6b 42%), var(--color-card);--card-edge:0 1px 0 #ffffffd9, 0 10px 22px #2f445914;--card-border:1px solid var(--color-hairline)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#1c1c1c;--color-hero:#000;--color-surface:#2f4459;--color-header:#222;--color-text:#fff;--color-muted:#abc7d9;--color-hairline:#abc7d9;--color-control-border:var(--color-hairline);--color-control-off:#6b665f;--color-link:#95b9ff;--color-accent:#245780;--color-on-accent:#fff;--color-focus:#95b9ff;--color-selected-outline:#95b9ff;--color-card:color-mix(in srgb, color-mix(in srgb, var(--color-surface) 70%, black) 88%, transparent);--card-background:linear-gradient(to bottom, #ffffff0a, transparent 40%), var(--color-card);--card-edge:inset 0 1px 0 #ffffff0f;--card-border:none;--page-wash:none;--page-grain:url(/textures/grain.svg);--sheet-solid:#f7f3eb;--sheet-gradient:none;--sheet-well:#1a1612;--sheet-ink:#1a1612;--sheet-muted:#4e463c;--glass-light:radial-gradient(44rem 26rem at 50% 62%, #fff4e65c, #fff4e61a 45%, transparent 72%), radial-gradient(50rem 24rem at 50% 8%, #aab2be24, transparent 70%);--glass-fill:linear-gradient(168deg, #ffffff21, #ffffff0a 38%, #0000004d);--glass-edge:#ffffff29;--glass-shadow:inset 0 1px 0 #ffffff3d, 0 24px 48px #00000080;--logo-halo:drop-shadow(0 0 .5px #ffffff8c) drop-shadow(0 0 6px #ffffff17) drop-shadow(0 0 18px #ffffff12)}@media (prefers-contrast:more){:root{--color-bg:#fff;--color-control-border:var(--color-text);--color-control-off:var(--color-text);--page-wash:none;--page-grain:none;--sheet-grain:none;--card-background:var(--color-surface);--card-edge:none;--card-border:1px solid var(--color-hairline);--glass-light:none;--glass-fill:var(--color-surface);--glass-edge:var(--color-hairline);--glass-shadow:none;--glass-blur:none}:root[data-theme=dark]{--color-control-border:var(--color-text);--color-control-off:var(--color-text);--page-wash:none;--page-grain:none;--sheet-grain:none;--card-background:var(--color-surface);--card-edge:none;--card-border:1px solid var(--color-hairline);--glass-light:none;--glass-fill:var(--color-surface);--glass-edge:var(--color-hairline);--glass-shadow:none}}@media (prefers-reduced-transparency:reduce){:root,:root[data-theme=dark]{--glass-fill:var(--color-surface);--glass-blur:none}}body{background-color:var(--color-bg);background-image:var(--page-grain), var(--page-wash);min-block-size:100dvh;color:var(--color-text);font-family:var(--font-body), sans-serif;font-size:var(--step-0);background-repeat:repeat,no-repeat;background-size:auto,100% 100%;flex-direction:column;margin:0;line-height:1.6;transition-property:background-color,color;transition-duration:.2s;display:flex}h1,h2,h3{font-family:var(--font-display), sans-serif;text-wrap:balance;font-weight:400;line-height:1.2}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}a{color:var(--color-link);text-decoration-line:underline;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.skipLink{z-index:3;color:var(--color-text);white-space:nowrap;background:var(--color-surface);border-radius:var(--radius);clip-path:inset(50%);border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);overflow:hidden}.skipLink:focus{block-size:auto;inline-size:auto;padding-block:var(--space-2);padding-inline:var(--space-3);clip-path:none;margin:0;overflow:visible}.container{max-inline-size:1200px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.sample-card{padding:var(--space-4);background:var(--card-background);border:var(--card-border);border-radius:var(--radius-card);box-shadow:var(--card-edge);margin-block-start:var(--space-4);transition-property:background-color,color;transition-duration:.2s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}