/* THAJ: quiet chrome around the existing gold and silver worlds. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:absolute;top:8px;left:16px;z-index:200;background:var(--metal-lit);color:var(--ink);padding:14px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
#nav.site-header{position:relative;inset:auto;padding:0;display:block;z-index:60;background:var(--ink);border-bottom:1px solid var(--rule);opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none}
.site-nav-inner{max-width:1440px;margin:auto;min-height:96px;padding:14px var(--gut);display:flex;align-items:center;gap:32px}
#nav.site-header .brand{flex:none;display:flex;align-items:center;min-height:48px}
#nav.site-header .brand-logo{width:126px;height:63px;mix-blend-mode:normal}
.site-navigation{display:flex;align-items:center;gap:26px;margin-left:auto}
.site-navigation a,.site-navigation summary{font:500 14px/1.4 var(--body);color:var(--paper);letter-spacing:0;text-transform:none;text-decoration:none}
.site-home-link,.site-navigation summary{display:flex;align-items:center;gap:9px;min-height:48px;cursor:pointer;list-style:none}
.site-navigation summary::-webkit-details-marker{display:none}
.nav-chevron{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .18s}
.site-nav-group[open] .nav-chevron{transform:rotate(225deg);margin-top:3px}
.site-nav-group{position:relative;border:0;margin:0;padding:0}
.site-nav-group[data-current] > summary,.site-navigation a[aria-current],.site-navigation a:hover,.site-navigation summary:hover{color:var(--metal-lit)}
.site-nav-group[data-current] > summary{box-shadow:inset 0 -1px var(--metal)}
.site-submenu{position:absolute;top:calc(100% + 12px);left:-20px;min-width:282px;padding:12px;list-style:none;border:1px solid var(--rule);background:var(--ink-2);box-shadow:0 18px 38px #0006;max-height:70svh;overflow:auto}
.site-submenu a{display:flex;align-items:center;min-height:44px;padding:10px 12px;white-space:nowrap}
.site-submenu a:hover,.site-submenu a:focus-visible{background:var(--ink-3)}
.site-contact-group .site-submenu{left:auto;right:0}
.site-contact-menu p{font:500 12px/1.4 var(--body);color:var(--paper-mid);padding:12px 12px 3px}
.site-contact-menu p:not(:first-child){border-top:1px solid var(--rule);margin-top:8px}
.site-contact-menu #navExpert,.site-contact-menu #navCta{border-top:1px solid var(--rule);margin-top:6px;color:var(--metal-lit)}
.site-consultation{font:500 14px/1.3 var(--body);background:var(--metal-lit);color:var(--ink);border:1px solid var(--metal-lit);min-height:46px;padding:12px 18px;cursor:pointer;white-space:nowrap;flex:none;border-radius:2px}
.site-consultation:hover{background:var(--paper)}
.site-menu-toggle{display:none}
.site-header :focus-visible,.home-overview :focus-visible{outline:2px solid var(--metal-lit);outline-offset:5px}
/* Homepage now scrolls naturally with the header; no nested fixed viewport. */
html[data-page="gate"] #gate{position:relative;inset:auto;overflow:visible;min-height:calc(100svh - 96px);padding:44px max(var(--gut),calc((100vw - 1320px)/2)) 32px}
html[data-page="gate"] #gate .gate-top{display:none}
html[data-page="gate"] #content,html[data-page="gate"] footer{display:none}
.gate-card h2{position:static}
.gate-card h2 a{color:inherit;text-decoration:none}
.gate-card h2 a::after{content:'';position:absolute;inset:0;z-index:3}
.gate-card:focus-within{outline:2px solid var(--metal-lit);outline-offset:4px}
.home-reference{margin-top:24px!important;font-size:13px!important}
.home-reference a{text-decoration:underline;text-underline-offset:4px}
.home-overview{padding-top:72px;color:var(--paper)}
.home-overview-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:40px}
.home-overview h2{font:400 clamp(30px,3.3vw,46px)/1.15 var(--display);max-width:20ch;letter-spacing:-.02em}
.home-overview p{font:400 16px/1.75 var(--body);color:var(--paper-mid);max-width:65ch;margin:0 0 18px}
.home-service-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--rule);padding:32px 0}
.home-overview h3{font:400 26px/1.25 var(--display);margin:0 0 18px}
.home-overview article a{display:inline-flex;align-items:center;min-height:48px;color:var(--metal-lit);text-decoration:underline;text-underline-offset:5px;font-size:15px}
.home-start{display:flex;align-items:center;gap:40px;justify-content:space-between;border-top:1px solid var(--rule);padding:32px 0 8px}
.home-start p{max-width:70ch;margin-bottom:0}
.home-start .btn{flex:none}
html[data-page] #world-golden #hero,html[data-page] #hero-b{padding-top:64px}
@media(max-width:1050px){
 .site-nav-inner{gap:18px}.site-navigation{gap:18px}.site-home-link{display:none}
 #nav.site-header .brand-logo{width:112px;height:56px}
}
@media(max-width:820px){
 .site-nav-inner{min-height:80px;padding:10px 20px;gap:14px;flex-wrap:wrap}
 #nav.site-header .brand-logo{width:96px;height:48px}
 .site-consultation{margin-left:auto;min-height:44px;padding:10px 13px;font-size:13px}
 .site-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;background:none;border:1px solid var(--rule);color:var(--paper);cursor:pointer;border-radius:2px;flex:none}
 .site-menu-toggle>span:not(.visually-hidden){display:block;width:18px;height:1px;background:currentColor;transition:transform .18s}
 .site-menu-toggle[aria-expanded="true"]>span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .site-menu-toggle[aria-expanded="true"]>span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
 .site-navigation{order:4;flex:1 0 100%;margin:0;display:block;padding:12px 0 4px;border-top:1px solid var(--rule)}
 .nav-enhanced .site-navigation:not(.is-open){display:none}
 .site-home-link{display:flex}
 .site-nav-group,.site-home-link{border-bottom:1px solid var(--rule-soft)}
 .site-navigation summary,.site-home-link{min-height:52px;justify-content:space-between;font-size:16px;padding:10px 2px}
 .site-submenu,.site-contact-group .site-submenu{position:static;min-width:0;width:100%;border:0;border-left:1px solid var(--rule);box-shadow:none;background:none;padding:0 0 10px 12px;margin:0 0 12px 0;max-height:none;overflow:visible}
 .site-submenu a{white-space:normal;font-size:14px}
 html[data-page="gate"] #gate{min-height:calc(100svh - 80px);padding:30px 22px}
 .gate-lead{margin-top:0}
 .home-overview{padding-top:48px}
 .home-overview-intro,.home-service-columns{grid-template-columns:1fr;gap:28px}
 .home-overview-intro{margin-bottom:24px}
 .home-overview p{font-size:15px}
 .home-service-columns article+article{border-top:1px solid var(--rule);padding-top:28px}
 .home-start{display:block}.home-start .btn{margin-top:22px}
 html[data-page] #world-golden #hero,html[data-page] #hero-b{padding-top:32px}
 .gate-card > p{display:block;font-size:14px;line-height:1.5}
 .gate-card{min-height:290px}
}
@media(max-width:360px){
 .site-nav-inner{padding:10px 14px;gap:10px}
 #nav.site-header .brand-logo{width:80px;height:40px}
 .site-consultation{font-size:12px;padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){.site-header *{transition:none!important}}