/* CHAYLUEKLAB: one compact navigation system for public marketing pages. */
.studio-refresh{--studio-ink:#0b0d10;--studio-surface:#14171b;--studio-text:#f5f1e8;--studio-muted:#a4a7ad;--studio-gold:#d3b47d;--studio-border:#ffffff17;--gold:#d3b47d;--gold2:#eedcbb;--muted:#b0b0b2;--line:#ffffff1c;background-color:var(--studio-ink);color:var(--studio-text);color-scheme:dark}
.studio-refresh :where(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #eedcbb;outline-offset:4px}
.studio-refresh :where(button,summary){-webkit-tap-highlight-color:transparent}
.studio-refresh .studio-header{position:sticky;inset-block-start:0;z-index:100;background:#0b0d10f5!important;border-bottom:1px solid #ffffff13!important;backdrop-filter:blur(14px);padding:0!important;transform:none!important;isolation:isolate}
.studio-header .studio-row{width:min(1240px,calc(100% - 72px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:86px;padding:12px 0;position:relative}
.studio-header .studio-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;color:#f5f1e8!important;line-height:1.2}
.studio-header .studio-brand img{width:42px;height:42px;object-fit:contain;filter:none}
.studio-header .studio-brand span{font-family:'Noto Sans Thai',system-ui,sans-serif;font-size:17px;font-weight:700;letter-spacing:.035em}
.studio-header .studio-brand small{display:block;font-size:9px;letter-spacing:.12em;font-weight:400;line-height:1.6;color:#a4a7ad;margin-top:5px}
.studio-header .studio-nav{display:flex!important;align-items:center;gap:24px;padding:0;margin:0;border:0;width:auto;background:none;overflow:visible;grid-template-columns:none}
.studio-header .studio-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0!important;font-size:13px;font-weight:400;white-space:nowrap;line-height:1.6;color:#b5b4b7;border:0!important;background:none!important;text-decoration:none;border-radius:0;box-shadow:none!important;position:relative}
.studio-header .studio-nav a:hover,.studio-header .studio-nav a[aria-current]{color:#f1d5a7}
.studio-header .studio-nav a[aria-current]::after{content:'';position:absolute;inset-inline:0;bottom:3px;height:1px;background:#d3b47d;opacity:1;width:auto;transform:none}
.studio-header .studio-contact{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 16px;border:1px solid #bfa47666;color:#e9d8ba;white-space:nowrap;text-decoration:none;font-size:13px;font-weight:500;line-height:1.5;border-radius:5px;transition:background .18s,border-color .18s;background:#1b1c1d}
.studio-header .studio-contact:hover{background:#29251f;border-color:#dec394}
.studio-header svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.studio-header .studio-menu{display:none}
.studio-header #launch-progress{position:absolute;bottom:-1px;left:0;height:2px;background:#d3b47d;pointer-events:none}
/* Service pages retain their own content, with quieter pre-content navigation. */
.studio-refresh.service-page{--bg:#0b0d10;--line:#ffffff1c;background:#0b0d10}
.studio-refresh.service-page .breadcrumb{padding-block:14px 8px;font-size:.8125rem}
.studio-refresh.service-page .service-nav{padding-block:0 10px;gap:8px 22px}
.studio-refresh.service-page .service-hero{padding-block:42px 52px}
.studio-refresh.service-page .service-scope{background:#15171b;border-color:#d3b47d48;border-top-color:#d3b47d;border-radius:10px}
.studio-refresh.service-page .service-contact{background:#15171b;border-color:#d3b47d42;border-radius:10px}
.studio-refresh.service-page .action{border-radius:5px;box-shadow:none}
.studio-refresh.service-page .service-price strong{color:#e6c795}
@media(max-width:1120px){.studio-header .studio-row{gap:18px;width:calc(100% - 40px)}.studio-header .studio-nav{gap:16px}.studio-header .studio-brand span{font-size:15px}.studio-header .studio-contact{padding-inline:12px}}
@media(max-width:920px){
 .studio-header .studio-row{width:calc(100% - 36px);min-height:72px;padding:10px 0;gap:12px}
 .studio-header .studio-brand img{width:36px;height:36px}.studio-header .studio-brand{gap:9px}.studio-header .studio-brand span{font-size:14px}.studio-header .studio-brand small{font-size:8px;letter-spacing:.07em;margin-top:4px}
 .studio-header .studio-nav,.studio-header .studio-contact{display:none!important}
 .studio-header .studio-menu{display:block;position:static;border:0;padding:0;margin:0;background:transparent}
 .studio-header .studio-menu>summary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:9px 11px;list-style:none;border:1px solid #b4a38945;border-radius:5px;cursor:pointer;color:#e8d9bf;font-size:13px;font-weight:500;line-height:1.5;background:#17191c}
 .studio-header .studio-menu>summary::-webkit-details-marker{display:none}
 .studio-header .studio-menu[open]>summary{border-color:#d3b47d;background:#26211b}
 .studio-header .studio-menu>nav{position:absolute;top:calc(100% - 1px);left:-18px;right:-18px;display:grid!important;grid-template-columns:1fr 1fr;gap:2px 12px;padding:16px 20px 20px;background:#101215;border-bottom:1px solid #d3b47d42;box-shadow:0 18px 28px #0007;max-height:calc(100dvh - 90px);overflow:auto;margin:0;width:auto;border-radius:0}
 .studio-header .studio-menu:not([open])>nav{display:none!important}
 .studio-header .studio-menu nav>a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 12px;font-size:15px;font-weight:400;text-decoration:none;color:#dedbd4;background:transparent;border:0;border-radius:5px;line-height:1.7}
 .studio-header .studio-menu nav>a:hover,.studio-header .studio-menu nav>a[aria-current]{background:#211e19;color:#e9c990}
 .studio-header .studio-menu nav>a:nth-last-child(1){grid-column:1/-1;border:1px solid #c6aa7245;color:#efd6aa;margin-top:6px}
 .studio-header .effects-button{grid-column:1/-1;position:static;max-width:100%;justify-content:center;margin-top:10px;min-height:44px}
 .studio-refresh.service-page .service-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:20px;padding-bottom:10px}
 .studio-refresh.service-page .service-nav a{white-space:nowrap;min-height:44px;flex:none;font-size:13px}
 .studio-refresh.service-page .service-hero{padding-block:26px 36px}
}
@media(prefers-reduced-motion:reduce){.studio-refresh{scroll-behavior:auto}.studio-header .studio-contact{transition:none}}

.studio-refresh .hero-bottom #launch-effects-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;width:auto;padding:9px 12px;margin:0;font-size:12px;border-radius:5px;background:#141914;color:#ddc698;border:1px solid #b6a47450}
.studio-refresh .hero-bottom #launch-effects-toggle [data-effects-label]{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:nowrap}
.studio-refresh .hero-bottom #launch-effects-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}