@charset "UTF-8";
@font-face{font-family:SiteChromeSans;src:url('../assets/quiet/fonts/sans-site.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:SiteChromeSerif;src:url('../assets/quiet/fonts/serif-site.woff') format('woff');font-style:normal;font-weight:600;font-display:swap}
/* One header appearance and spacing across every public page. */
body[class] .site-header{position:relative;top:auto;left:auto;right:auto;z-index:10;background:#faf7f0;color:#382821;border-bottom:1px solid #ded5c8}
body[class] .site-header .brand img{filter:none}
body[class] .site-header .menu-open-button img{filter:none}
body[class] .header-appointment{background:#fffdf9;color:#382821;border:1px solid #382821}
body[class] .header-appointment:hover{background:#382821;color:#fffdf9}
body[class] .header-appointment:hover .icon{filter:brightness(0) invert(1)}
body[class] .site-header .header-inner{width:calc(100% - var(--gutter)*2);max-width:var(--layout-max,1420px);height:102px;margin-inline:auto;display:flex;align-items:center;gap:30px}
body[class] .site-header .brand{display:block;width:218px;flex:none;margin-left:-17px}
body[class] .site-header .brand picture{display:block}
body[class] .site-header .brand img{display:block;width:100%;height:auto}
body[class] .desktop-nav{display:flex;align-items:center;gap:clamp(18px,2vw,30px);margin-left:auto;white-space:nowrap;font:400 13px/1.5 SiteChromeSans,'PingFang SC',sans-serif;letter-spacing:.02em}
body[class] .desktop-nav a{position:relative;display:block;padding:10px 0;opacity:1;text-decoration:none}
body[class] .desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}
body[class] .desktop-nav a:is(:hover,[aria-current="page"])::after{transform:scaleX(1)}
body[class] .header-appointment{min-height:46px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:13px;white-space:nowrap;font:400 13px/1.5 SiteChromeSans,'PingFang SC',sans-serif;letter-spacing:.02em}
body[class] .header-appointment .icon{display:block;width:18px;height:18px;flex:none}
body[class] .site-header .menu-open-button{display:none}
body[class] .mobile-menu{background:#faf7f0;color:#382821;font-family:SiteChromeSans,'PingFang SC',sans-serif}
body[class] .mobile-menu .menu-top{margin-bottom:20px}
body[class] .mobile-menu .menu-top>img{width:170px;margin-left:-13px}
body[class] .mobile-menu nav{display:flex;flex-direction:column;gap:0}
body[class] .mobile-menu nav>a{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:13px 0;margin:0;border-bottom:1px solid #ded5c9;font:400 15px/1.5 SiteChromeSans,'PingFang SC',sans-serif}
body[class] .mobile-menu nav>a[aria-current="page"]{font-weight:600}
body[class] .mobile-menu nav .icon{width:18px;height:18px;flex:none;opacity:.65}
body[class] .mobile-menu>.button{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:25px;min-height:50px;padding:12px 18px;background:#382821;color:#fffaf3;font:400 13px/1.5 SiteChromeSans,'PingFang SC',sans-serif}
body[class] .mobile-menu>.button .icon{width:18px;height:18px;filter:brightness(0) invert(1)}
/* Align the location trail on every inner page to the Global Network hero. */
body[class] main>.site-breadcrumb-anchor{position:relative;z-index:3;height:0}
body[class] .site-breadcrumb-anchor>.site-breadcrumb{position:absolute;top:36px;left:max(var(--gutter),calc((100% - var(--layout-max,1420px))/2));max-width:calc(100% - var(--gutter)*2);display:flex;align-items:center;gap:9px;overflow:hidden;white-space:nowrap;color:#73685f;font:400 11px/1.95 QuietSans,SiteChromeSans,'PingFang SC',sans-serif;letter-spacing:.08em}
body[class] .site-breadcrumb-anchor>.site-breadcrumb a{color:inherit;text-decoration:none}
body[class] .site-breadcrumb-anchor>.site-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}
body.page-partners .site-breadcrumb-anchor>.site-breadcrumb{color:#fffaf3;text-shadow:0 1px 6px rgba(37,27,22,.5)}
body[class] main .v12-breadcrumb,body[class] main .breadcrumbs{visibility:hidden}
/* One footer for every public page. */
body[class] .site-footer{position:relative;width:100%;max-width:none;margin:0;padding:58px 0 28px;border:0;background:#382821;color:#f8f1e8;box-shadow:none;clip-path:none;font-family:SiteChromeSans,'PingFang SC',sans-serif}
body[class] .site-footer .wrap{width:calc(100% - var(--gutter)*2);max-width:var(--layout-max,1420px);margin-inline:auto}
body[class] .site-footer .footer-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(50px,7vw,100px)}
body[class] .site-footer .footer-brand>a{display:block;width:245px;margin:-12px 0 0 -19px}
body[class] .site-footer .footer-brand img{display:block;width:100%;height:auto;margin:0;filter:brightness(0) invert(1)}
body[class] .site-footer .footer-brand p{margin:12px 0 0;color:#f8f1e8;font:600 27px/1.65 SiteChromeSerif,'Songti SC',serif}
body[class] .site-footer .footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:10px 0 0;margin:0}
body[class] .site-footer .footer-links h3{margin:0 0 18px;color:#f8f1e8;font:400 14px/1.5 SiteChromeSans,'PingFang SC',sans-serif}
body[class] .site-footer .footer-links a{display:block;margin:11px 0;padding:0;color:#d8c9bc;font:400 13px/1.65 SiteChromeSans,'PingFang SC',sans-serif}
body[class] .site-footer .footer-links a:hover{color:#fffaf2;text-decoration:underline;text-underline-offset:4px}
body[class] .site-footer .footer-bottom{display:flex;align-items:center;gap:30px;margin:48px 0 0;padding:20px 0 0;border-top:1px solid #806b5d;color:#d8c9bc;font:400 11px/1.6 SiteChromeSans,'PingFang SC',sans-serif}
body[class] .site-footer .footer-bottom>span{margin-right:auto}
body[class] .site-footer .footer-bottom>a:last-child{display:inline-flex;align-items:center;gap:9px}
body[class] .site-footer .footer-bottom>a:last-child span{font-size:17px;line-height:1}
@media(max-width:1200px){body[class] .site-header .header-inner{gap:22px}body[class] .site-header .brand{width:190px}body[class] .desktop-nav{gap:18px;font-size:12px}body[class] .header-appointment{padding-inline:15px}}
@media(max-width:1100px){body[class] .desktop-nav{display:none}body[class] .header-appointment{margin-left:auto}body[class] .site-header .menu-open-button{display:block}}
@media(max-width:767px){body[class] .site-header .header-inner{height:80px;gap:15px}body[class] .site-header .brand{width:174px;margin-left:-13px}body[class] .header-appointment{min-height:42px;padding:9px 13px;font-size:12px}body[class] .site-footer{padding:42px 0 24px}body[class] .site-footer .footer-main{display:block}body[class] .site-footer .footer-brand>a{width:205px;margin-left:-16px}body[class] .site-footer .footer-brand p{margin-top:4px;font-size:23px}body[class] .site-footer .footer-links{gap:15px;margin-top:28px;padding:0}body[class] .site-footer .footer-links h3{margin-bottom:14px;font-size:12px}body[class] .site-footer .footer-links a{margin:10px 0;font-size:11px}body[class] .site-footer .footer-bottom{margin-top:30px;padding-top:18px;gap:16px;font-size:10px}}
@media(max-width:767px){body[class] .site-breadcrumb-anchor>.site-breadcrumb{top:27px;font-size:10px;gap:7px}}
@media(max-width:600px){body[class] .site-header .brand{width:125px;margin-left:-7px}body[class] .site-header .brand img{width:125px;height:52px;object-fit:contain}}
@media(max-width:370px){body[class] .site-header .header-inner{gap:9px}body[class] .site-header .brand{width:112px}body[class] .site-header .brand img{width:112px}body[class] .header-appointment{padding-inline:10px;font-size:11px}body[class] .site-footer .footer-links{gap:9px}}

/* Mobile header uses a tightly cropped complete logo, not the Chinese-only mark. */
@media(max-width:600px){body[class] .site-header .brand{width:156px;margin-left:-7px}body[class] .site-header .brand img{display:block;width:156px;height:auto;object-fit:contain}}
@media(max-width:370px){body[class] .site-header .brand{width:132px}body[class] .site-header .brand img{width:132px}}

/* The mobile drawer enters as one panel, then reveals its content in sequence. */
body[class] .mobile-menu[open]:not(.is-closing){animation:menu-panel-in .42s cubic-bezier(.22,1,.36,1) both}
body[class] .mobile-menu[open]:not(.is-closing)::backdrop{animation:menu-backdrop-in .35s ease-out both}
body[class] .mobile-menu[open]:not(.is-closing) .menu-top{animation:menu-content-in .38s .08s both}
body[class] .mobile-menu[open]:not(.is-closing) nav>a{animation:menu-content-in .38s both}
body[class] .mobile-menu[open]:not(.is-closing) nav>a:nth-child(1){animation-delay:.11s}
body[class] .mobile-menu[open]:not(.is-closing) nav>a:nth-child(2){animation-delay:.14s}
body[class] .mobile-menu[open]:not(.is-closing) nav>a:nth-child(3){animation-delay:.17s}
body[class] .mobile-menu[open]:not(.is-closing) nav>a:nth-child(4){animation-delay:.20s}
body[class] .mobile-menu[open]:not(.is-closing) nav>a:nth-child(5){animation-delay:.23s}
body[class] .mobile-menu[open]:not(.is-closing) nav>a:nth-child(6){animation-delay:.26s}
body[class] .mobile-menu[open]:not(.is-closing) nav>a:nth-child(7){animation-delay:.29s}
body[class] .mobile-menu[open]:not(.is-closing)>.button{animation:menu-content-in .38s .32s both}
body[class] .mobile-menu[open].is-closing{animation:menu-panel-out .28s ease-in both}
body[class] .mobile-menu[open].is-closing::backdrop{animation:menu-backdrop-out .28s ease-in both}
@keyframes menu-panel-in{from{opacity:.65;transform:translate3d(44px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes menu-panel-out{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(32px,0,0)}}
@keyframes menu-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes menu-backdrop-out{from{opacity:1}to{opacity:0}}
@keyframes menu-content-in{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){body[class] .mobile-menu[open],body[class] .mobile-menu[open]::backdrop,body[class] .mobile-menu[open] .menu-top,body[class] .mobile-menu[open] nav>a,body[class] .mobile-menu[open]>.button{animation:none!important}}

/* Skip navigation is revealed only for keyboard focus, never for pointer focus. */
a.skip{position:fixed;top:0;left:20px;z-index:1000;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0;white-space:nowrap;outline:none}
a.skip:focus-visible{top:14px;width:auto;height:auto;overflow:visible;clip-path:none;padding:10px 18px;background:var(--paper);color:var(--ink);font:400 14px/1.5 var(--sans);outline:1px solid var(--gold);outline-offset:4px}