
#grNav{--bg:#141411;--bg2:#1b1b17;--bg3:#20201b;--ink:#f4f1e8;--muted:#a9a69c;--line:rgba(244,241,232,.16);--line2:rgba(244,241,232,.09);--paper:#e9e4da;--accent:#b39c7d;--max:1400px}

#grNav *{box-sizing:border-box}

.gr-preview-canvas{min-height:calc(100vh - var(--hdr,110px));padding:72px 28px}
.gr-preview-note{max-width:500px;color:var(--muted);font-size:13px}
.gr-preview-note h1{color:var(--ink);font-size:13px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}
.gr-preview-note p{margin:8px 0}
.gr-preview-feedback{position:fixed;bottom:24px;left:24px;right:24px;z-index:150;width:fit-content;max-width:calc(100% - 48px);padding:14px 20px;background:var(--paper);color:#141411;border-radius:3px;font-size:13px;box-shadow:0 8px 32px #0005}
.gr-preview-feedback:empty{display:none}

.gr-mega a{font-family:Georgia,"Times New Roman",serif}
.gr-topbar{height:110px;border-bottom:1px solid var(--line);background:#171714;display:flex;align-items:center;position:sticky;top:0;z-index:80}
.gr-nav{width:100%;padding:0 28px;display:flex;align-items:center;gap:34px}
.gr-brand{min-width:270px;text-decoration:none;color:var(--ink);line-height:1}
.gr-brand b{font-size:19px;letter-spacing:.025em}
.gr-brand small{display:block;font-size:8px;letter-spacing:.25em;color:#959187;margin-top:9px}
.gr-links{display:flex;gap:31px;align-items:center;margin-left:auto}
.gr-links>a,.gr-navdrop>button{color:#d8d6cf;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;background:none;border:0;padding:43px 0;cursor:pointer;white-space:nowrap}
.gr-links>a:hover,.gr-navdrop>button:hover{color:#fff}
.gr-has-arrow:after,.gr-navdrop>button:after{content:"⌄";margin-left:8px;color:#87837a}
.gr-navdrop{position:relative}
.gr-start{margin-left:10px;border:1px solid #77736a;border-radius:999px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;padding:17px 27px;white-space:nowrap}
.gr-mega{position:absolute;top:82px;left:50%;transform:translateX(-48%);width:690px;background:#1b1b18;border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.4);padding:24px;display:none}
.gr-navdrop:hover .gr-mega,.gr-navdrop:focus-within .gr-mega{display:block}
.gr-mega-title{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#f0eee8;padding:7px 4px 12px}
.gr-mega-section+.gr-mega-section{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}
.gr-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.gr-mega a{display:flex;justify-content:space-between;gap:20px;padding:9px 4px;border-top:1px solid rgba(255,255,255,.08);font-size:16px;color:#c9c5bb;text-decoration:none}
.gr-mega a:after{content:"↗";font-family:Arial;font-size:11px;color:#8e8b83}
@media(max-width:1180px){.gr-links{gap:18px}
.gr-links>a,.gr-navdrop>button{font-size:10px}
.gr-brand{min-width:220px}}
@media(max-width:1100px){.gr-topbar{height:auto}
.gr-nav{padding:18px 20px;flex-wrap:wrap}
.gr-links{order:3;width:100%;overflow:auto;margin:0}
.gr-links>a,.gr-navdrop>button{padding:9px 0}
.gr-start{margin-left:auto}
.gr-mega{display:none!important}}
@media(max-width:600px){.gr-brand{min-width:auto}
.gr-brand b{font-size:16px}
.gr-start{display:none}}
html[lang="zh-CN"] .gr-mega a{
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;
}
.gr-nav-toggle,.gr-drawer-cta{display:none}
@media(max-width:1100px){.gr-nav{flex-wrap:nowrap!important;align-items:center}
.gr-nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;margin-left:12px;border:1px solid #5a5752;border-radius:50%;background:none;cursor:pointer;flex:0 0 auto}
.gr-nav-toggle span{display:block;width:16px;height:1px;background:#f4f1e8;transition:.2s}
.gr-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.gr-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.gr-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.gr-links{display:none!important}
.gr-links.gr-open{display:flex!important;position:fixed;top:var(--hdr,76px);left:0;right:0;bottom:0;z-index:95;flex-direction:column;align-items:stretch;gap:0!important;margin:0!important;padding:8px 20px 40px;background:#171714;overflow-y:auto;width:auto!important;order:0}
.gr-links.gr-open>a,.gr-links.gr-open .gr-navdrop>button{display:block;width:100%;text-align:left;padding:16px 0!important;font-size:13px!important;border-bottom:1px solid var(--line)}
.gr-links.gr-open .gr-navdrop>button:after{float:right}
.gr-links.gr-open .gr-navdrop .gr-mega{display:none!important}
.gr-links.gr-open .gr-navdrop.gr-open .gr-mega{display:block!important;position:static;transform:none;width:auto;box-shadow:none;border:0;background:transparent;padding:8px 0 16px}
.gr-links.gr-open .gr-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.gr-links.gr-open .gr-mega a{padding:9px 0;font-size:15px}
.gr-links.gr-open .gr-drawer-cta{display:block;margin-top:24px;border:1px solid #77736a;border-radius:999px;text-align:center!important;padding:15px 0!important;letter-spacing:.12em}
body.gr-nav-open{overflow:hidden}}
@media(max-width:600px){.gr-links.gr-open .gr-mega-grid{grid-template-columns:1fr}
.gr-nav-toggle{margin-left:auto}}
@media(min-width:1101px) and (max-width:1399px){html[lang|="en"] .gr-nav{gap:18px;padding:0 22px}
html[lang|="en"] .gr-brand{min-width:0}
html[lang|="en"] .gr-links{gap:16px}
html[lang|="en"] .gr-links>a,html[lang|="en"] .gr-navdrop>button{font-size:10px;letter-spacing:.02em}
html[lang|="en"] .gr-navdrop>button:after{margin-left:5px}
html[lang|="en"] .gr-start{margin-left:0;padding:14px 18px;letter-spacing:.08em}}
.gr-navdrop>a{display:inline-block;color:#d8d6cf;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;padding:43px 0;white-space:nowrap}
.gr-navdrop>a:hover,.gr-navdrop:hover>a{color:#fff}
.gr-navdrop>.gr-sub-toggle{display:none}
.gr-mega.gr-mega-sm{width:520px}
.gr-mega.gr-mega-xs{width:360px}
.gr-mega.gr-mega-xs .gr-mega-grid{grid-template-columns:1fr}
.gr-navdrop.gr-drop-end .gr-mega{left:auto;right:-24px;transform:none}
.gr-mega a.gr-mega-head{border-top:0;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#f0eee8;padding:7px 4px}
.gr-svc-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:none;border:0;color:#f0eee8;font:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.13em;padding:7px 4px;cursor:pointer;text-align:left}
.gr-svc-trigger b{font-weight:400;font-size:16px;line-height:1;color:#8e8b83}
.gr-svc-trigger:hover,.gr-mega a.gr-mega-head:hover{color:#fff}
.gr-mega-svc .gr-svc-items{margin-top:10px}
.gr-mega-svc .gr-svc-group:not(.gr-open) .gr-svc-items{display:none!important}
@media(max-width:1180px){.gr-navdrop>a{font-size:10px}}
@media(min-width:1101px) and (max-width:1399px){html[lang|="en"] .gr-navdrop>a{font-size:10px;letter-spacing:.02em}}
@media(max-width:1100px){.gr-links.gr-open .gr-navdrop{position:relative}
.gr-links.gr-open .gr-navdrop>a{display:block;width:100%;text-align:left;padding:16px 56px 16px 0!important;font-size:13px!important;border-bottom:1px solid var(--line)}
.gr-links.gr-open .gr-navdrop>a.gr-has-arrow:after{content:none}
.gr-links.gr-open .gr-navdrop>button.gr-sub-toggle{display:block!important;position:absolute;right:0;top:0;width:56px;height:52px;padding:0!important;border:0!important;background:none;text-align:right;font-size:13px!important;color:#87837a;cursor:pointer}
.gr-links.gr-open .gr-navdrop>button.gr-sub-toggle:after{content:"⌄";float:none;margin:0;color:#87837a;display:inline-block;transition:transform .2s}
.gr-links.gr-open .gr-navdrop.gr-open>button.gr-sub-toggle:after{transform:rotate(180deg)}
.gr-links.gr-open .gr-mega a.gr-mega-head{font-size:13px;padding:9px 0}
.gr-links.gr-open .gr-svc-trigger{font-size:13px;padding:9px 0}}
@media(min-width:1101px){.gr-topbar{background:rgba(23,23,20,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.gr-links{gap:11px}
.gr-links>a,.gr-navdrop>button,.gr-navdrop>a{padding-left:10px;padding-right:10px;transition:color .18s ease,background-color .18s ease}
.gr-links>a:hover,.gr-navdrop:hover>button,.gr-navdrop:hover>a,.gr-navdrop:focus-within>button,.gr-navdrop:focus-within>a{color:#fff;background:rgba(244,241,232,.08)}
.gr-has-arrow:after,.gr-navdrop>button:after{content:"";display:inline-block;width:5px;height:5px;margin-left:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7;vertical-align:middle}
.gr-mega{display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-48%,8px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}
.gr-navdrop:hover>.gr-mega,.gr-navdrop:focus-within>.gr-mega{display:block;opacity:1;visibility:visible;pointer-events:auto;transform:translate(-48%,0)}
.gr-navdrop.gr-drop-end>.gr-mega{transform:translateY(8px)}
.gr-navdrop.gr-drop-end:hover>.gr-mega,.gr-navdrop.gr-drop-end:focus-within>.gr-mega{transform:none}
.gr-mega a{padding-left:10px;padding-right:10px;transition:background-color .15s ease,color .15s ease}
.gr-mega a:hover,.gr-mega a:focus-visible{background:#f4f1e8;color:#161613}
.gr-mega a:hover:after,.gr-mega a:focus-visible:after{color:#161613}
.gr-mega-title{padding-left:10px;padding-right:10px}
.gr-mega a.gr-mega-head,.gr-svc-trigger{padding-left:10px;padding-right:10px}
.gr-svc-trigger{transition:background-color .15s ease,color .15s ease}
.gr-svc-trigger:hover{background:rgba(244,241,232,.08)}
.gr-mega-svc .gr-svc-group.gr-open .gr-svc-items{animation:giFade .18s ease}
.gr-start{transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.gr-start:hover{background:#f4f1e8;color:#161613;border-color:#f4f1e8}}
@media(min-width:1101px) and (max-width:1180px){.gr-links{gap:0}
.gr-links>a,.gr-navdrop>button,.gr-navdrop>a{padding-left:9px;padding-right:9px}}
@media(min-width:1101px) and (max-width:1399px){html[lang|="en"] .gr-links{gap:0}
html[lang|="en"] .gr-links>a,html[lang|="en"] .gr-navdrop>button,html[lang|="en"] .gr-navdrop>a{padding-left:8px;padding-right:8px}}
@media(min-width:1101px) and (max-width:1200px){html[lang="zh-CN"] .gr-links{gap:0}
html[lang="zh-CN"] .gr-links>a,html[lang="zh-CN"] .gr-navdrop>button,html[lang="zh-CN"] .gr-navdrop>a{padding-left:7px;padding-right:7px}}
@media(max-width:1100px){.gr-links.gr-open{animation:giFade .22s ease}
.gr-links.gr-open .gr-navdrop.gr-open>.gr-mega,.gr-links.gr-open .gr-svc-group.gr-open .gr-svc-items{animation:giFade .18s ease}
.gr-links.gr-open>a,.gr-links.gr-open .gr-navdrop>a,.gr-links.gr-open .gr-navdrop>button:not(.gr-sub-toggle){transition:color .15s ease}}
@media(prefers-reduced-motion:reduce){.gr-mega,.gr-links>a,.gr-navdrop>button,.gr-navdrop>a,.gr-mega a,.gr-start,.gr-svc-trigger{transition:none!important}
.gr-links.gr-open,.gr-links.gr-open .gr-navdrop.gr-open>.gr-mega,.gr-svc-group.gr-open .gr-svc-items{animation:none!important}}
@media(min-width:1101px){.gr-mega-overview{display:none}
.gr-mega-overview+.gr-mega-section{margin-top:0;padding-top:0;border-top:0}
.gr-navdrop.gr-tap-open>.gr-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-48%,0)}
.gr-navdrop.gr-drop-end.gr-tap-open>.gr-mega{transform:none}
.gr-navdrop.gr-tap-open>a,.gr-navdrop.gr-tap-open>button{color:#fff;background:rgba(244,241,232,.08)}
.gr-mega a.gr-mega-head:hover,.gr-mega a.gr-mega-head:focus-visible{color:#161613}
#grNav.gr-touch-nav .gr-navdrop:not(.gr-tap-open):hover>.gr-mega,#grNav.gr-touch-nav .gr-navdrop:not(.gr-tap-open):focus-within>.gr-mega{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:1100px){.gr-links.gr-open .gr-mega-overview+.gr-mega-section,.gr-links.gr-open .gr-mega-svc .gr-mega-section+.gr-mega-section{margin-top:0;padding-top:0}
html[lang="zh-CN"] .gr-links.gr-open .gr-mega a.gr-mega-head,html[lang="zh-CN"] .gr-links.gr-open .gr-svc-trigger{letter-spacing:.04em}}
@keyframes giFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.gr-skip-link{position:fixed;left:20px;top:-80px;z-index:200;padding:12px 18px;background:#e9e4da;color:#141411;text-decoration:none;font:700 12px/1.2 Arial,Helvetica,sans-serif}
.gr-skip-link:focus{top:16px}
.gr-brand b,.gr-brand small{white-space:nowrap}
@media(min-width:1101px) and (max-width:1300px){.gr-brand b{font-size:16px}}


#grNav{position:fixed;top:0;left:0;right:0;z-index:118;font:16px/1.55 Arial,Helvetica,sans-serif;color:#f4f1e8}#grNav button,#grNav a{font-family:Arial,Helvetica,sans-serif}#grNav .gr-mega a{font-family:Georgia,"Times New Roman",serif}#grNav .gr-topbar{position:relative}body.gr-has-navigation{padding-top:var(--gr-header-height,110px)}body.gr-nav-open{overflow:hidden}#grNav a{text-decoration:none}#grNav button{box-shadow:none;border-radius:0}#grNav .gr-nav-toggle{border-radius:50%}body.admin-bar #grNav{top:32px}@media(max-width:782px){body.admin-bar #grNav{top:46px}}

/* Keep contact widgets behind the expanded navigation only. */
body.gr-nav-open .gi-contact-rail,body.gr-nav-open .brief-float,body.gr-nav-open .inquiry-float{visibility:hidden!important;pointer-events:none!important}

/* Keep the wordmark on one baseline without expanded letter spacing. */
#grNav .gr-brand b{display:block;line-height:1.1;letter-spacing:0;word-spacing:0;font-kerning:normal;text-rendering:optimizeLegibility}
/* Symmetric side columns keep the menu centered in the viewport. */
@media(min-width:1101px){
 #grNav .gr-nav{display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);column-gap:18px}
 #grNav .gr-brand{min-width:0;justify-self:start}
 #grNav .gr-links{margin-left:0;justify-self:center}
 #grNav .gr-start{margin-left:0;justify-self:end}
}

/* One disclosure state for hover, click, keyboard and assistive technology. */
@media(min-width:1101px){
 #grNav.gr-stateful .gr-navdrop>.gr-mega{display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-48%,8px)}
 #grNav.gr-stateful .gr-navdrop.gr-open>.gr-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-48%,0)}
 #grNav.gr-stateful .gr-navdrop.gr-drop-end>.gr-mega{transform:translateY(8px)}
 #grNav.gr-stateful .gr-navdrop.gr-drop-end.gr-open>.gr-mega{transform:none}
}
