.site-preferences{position:relative;flex:none;color:var(--ink,#1e232c);font-family:var(--font-sans),var(--font-thai),sans-serif}.site-header-marker{position:absolute;top:40px;left:0;width:1px;height:1px;pointer-events:none}.site-home .site-header:not(.floating) .site-preferences-trigger{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff}.site-preferences-trigger{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--hair,rgba(0,0,0,.12));border-radius:999px;background:var(--glass,rgba(255,255,255,.6));color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-preferences-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:40;width:292px;max-width:calc(100vw - 24px);padding:18px;border:1px solid var(--hair,rgba(0,0,0,.12));border-radius:16px;background:var(--solid,#f9f8f8);color:var(--ink,#1e232c);box-shadow:0 12px 38px rgba(20,40,80,.14);font-size:13px;text-align:left}.site-preferences-panel fieldset{min-width:0;margin:0;padding:0;border:0}.site-preferences-panel fieldset+fieldset{margin-top:18px}.site-preferences-panel legend{margin-bottom:9px;color:inherit;font-size:13px;font-weight:600}.site-preferences-panel p{margin:8px 0 0;color:var(--muted,#626974);font-size:12px;line-height:1.6}.site-language-options,.site-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.site-preferences-panel button{display:flex;align-items:center;gap:6px;min-height:36px;padding:8px 10px;border:1px solid var(--hair,rgba(0,0,0,.12));border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}.site-preferences-panel button>svg:last-child{margin-left:auto}.site-preferences-panel button[aria-pressed=true]{border-color:var(--blue-line,rgba(65,118,230,.4));background:var(--blue-soft,rgba(65,118,230,.12))}.site-preferences-panel button:hover{background:var(--blue-soft,rgba(65,118,230,.12))}html[data-theme=dark] .site-preferences{--ink:#e6e9ef;--solid:#1b1e23;--muted:#abb4c3;--hair:rgba(255,255,255,.13);--glass:rgba(255,255,255,.06);--blue:#6f95f0;--blue-soft:rgba(111,149,240,.16);--blue-line:rgba(111,149,240,.4)}@media(max-width:520px){.site-preferences-panel{position:fixed;top:64px;right:12px}.site-preferences-trigger{width:32px;height:32px}}html[data-language-updating=true][lang=en] [data-content-language=th],html[data-language-updating=true][lang=th] [data-content-language=en]{visibility:hidden}.locale-update-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:150;display:flex;align-items:center;gap:16px;max-width:calc(100vw - 24px);width:max-content;padding:12px 16px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 8px 30px #0002;font:13px/1.6 var(--font-sans),var(--font-thai),sans-serif}.locale-update-notice button{flex:none;padding:5px 10px;border:1px solid var(--line-soft);border-radius:6px;background:var(--canvas);color:inherit;cursor:pointer}.home-preview-examples-head p{max-width:60ch;margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.8}.vp-message .vp-retry{display:block;margin:8px auto 0;padding:5px 10px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:rgba(255,255,255,.12);color:#f4f6fc;font:inherit;cursor:pointer}.home-featured-work{margin-top:28px}.home-work-availability{color:var(--blue)!important;font-size:13px!important;font-weight:500}.home-work-note{font-size:13px!important;line-height:1.8!important;color:var(--muted)!important}.home-work-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}.home-work-selection .home-preview-example-image img{object-fit:contain}.home-work-selection .home-preview-example{min-width:0}.home-work-selection .home-preview-example-copy .home-work-availability{margin-top:12px}@media(max-width:680px){.home-work-selection{display:grid;grid-template-columns:1fr;overflow:visible}.home-work-selection .home-preview-example{width:auto}.home-work-selection .home-preview-example-image{height:300px}.site-header .cta-small{padding-inline:10px;font-size:12px}.site-header-actions{gap:6px}}@media(max-width:700px){.site-home .hero-scene{min-height:560px}.site-home .hero{padding-top:98px}.site-home .hero h1{font-size:32px;line-height:1.5}}