/* JMZ: supplied charcoal-and-blue artwork, white surfaces, black typography. */
.brand{gap:0;line-height:0}
.brand-logo{width:112px;height:auto;object-fit:contain;flex-shrink:0}
.site-header .brand-logo{width:156px}
.site-header{background:var(--paper);color:var(--ink);border-bottom-color:var(--line)}
.nav-trigger span{color:var(--muted)}
.menu-toggle span{background:var(--ink)}
.mobile-menu{background:var(--paper);color:var(--ink)}
.mobile-menu>a{border-bottom-color:var(--line)}
.utility{background:var(--ink);color:var(--paper);border-bottom:0}
.utility .status-dot{background:#7aa3ee}
.primary{background:var(--blue);color:var(--paper)}
.primary:hover{background:var(--blue-hover)}
.dark:hover{background:#292929}
.outline{border-color:var(--ink);color:var(--ink)}
.outline:hover{background:var(--ink);color:var(--paper)}
::selection{background:var(--blue);color:var(--paper)}
:focus-visible{outline-color:var(--blue)}
.hero{background:var(--paper);color:var(--ink)}
.hero-grid{background-image:linear-gradient(#034dcc14 1px,transparent 1px),linear-gradient(90deg,#034dcc14 1px,transparent 1px);opacity:.4}
.hero .eyebrow,.hero-copy>p,.hero-bottom{color:var(--muted)}
.hero h1 em{color:inherit;font-style:inherit;font-weight:inherit}
.hero h1 .hero-china,.hero h1 .hero-world{color:var(--blue)}
.hero h1 .hero-china{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:500;letter-spacing:-.055em}
.hero-origin{white-space:normal}
html[lang="ar"] .hero h1 .hero-china{font-family:var(--font-arabic),sans-serif;font-style:normal;font-weight:800}
html:lang(zh) .hero h1 .hero-china,html:lang(ja) .hero h1 .hero-china{font-family:serif;font-style:normal;font-weight:600}
.hero-bottom{border-top-color:var(--line)}
.globe-label{background:#ffffffed;color:var(--ink);border-color:var(--line)}
.globe-label span,.orbit-caption{color:var(--muted)}
.services-section{background:var(--ink);color:var(--paper)}
.services-intro .eyebrow,.service-small-print,.service-accordions summary>.mono{color:#aebed5}
.services-intro p,.service-body p{color:#d2d9e4}
.service-body .text-link{color:var(--paper)}
.service-accordions details,.service-accordions details:last-child{border-color:#ffffff40}
.service-accordions details[open] .service-plus{color:#7aa3ee}
.big-cta{background:var(--blue);color:var(--paper)}
.big-cta .dark{background:var(--ink);color:var(--paper)}
.big-cta .dark:hover{background:#292929}
.site-footer{background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}
.site-footer .brand-logo{width:124px}
.footer-top>div:first-child>p,.footer-top>div:first-child>.mono,.footer-top .eyebrow,.footer-bottom{color:var(--muted)}
.footer-top>div:not(:first-child)>a{color:var(--ink)}
.footer-top>div:not(:first-child)>a:hover{color:var(--blue)}
.footer-top .footer-talk>a{color:var(--ink)!important}
.footer-top .footer-talk>a:hover{color:var(--blue)!important}
.footer-bottom{border-color:var(--line)}
.filter-button.active,.buyer-profile.active{background:var(--blue);border-color:var(--blue);color:var(--paper)}
.catalog-controls .filter-button.active>span{color:var(--paper)}
.family-choice.active,.family-specimen .text-link,.sector-subnav>a:hover,.sector-group-link:hover,.nav-sector-group>a:hover{color:var(--blue)}
.family-choice.active:before,.readiness-progress>span{background:var(--blue)}
.readiness-item>input,.consent>input{accent-color:var(--blue)}
.toast{background:var(--ink);color:var(--paper);border-color:var(--blue)}
@media(max-width:1180px){.site-header .brand-logo{width:132px}}
@media(max-width:900px){.site-header .brand-logo{width:120px}}
@media(max-width:600px){.site-header .brand-logo{width:112px}.site-footer .brand-logo{width:112px}}

@media(max-width:360px){.site-header .brand-logo{width:104px}}

/* Rounded controls with a clear press response and contained arrow movement. */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--motion-press:160ms;--motion-control:320ms}
.button{border-radius:999px;padding:7px 8px 7px 22px;min-height:52px;gap:22px;font-size:13px;isolation:isolate;transition:background var(--motion-press),color var(--motion-press),box-shadow var(--motion-control),transform var(--motion-control) var(--ease-out)}
.button>span{position:relative;z-index:1}
.button>svg{height:36px;width:36px;padding:9px;border-radius:50%;background:#ffffff24;transition:transform var(--motion-control) var(--ease-out),background var(--motion-press)}
.button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #034dcc26}
.button:hover>svg{transform:rotate(-28deg);background:#ffffff38}
.button:active{transform:translateY(0) scale(.98);box-shadow:none;transition-duration:var(--motion-press)}
.outline>svg{background:var(--soft)}
.outline:hover>svg{background:#ffffff24}
.header-actions .button{border-radius:999px;min-height:44px;padding:6px 7px 6px 17px;gap:14px;font-size:12px}
.header-actions .button>svg{height:30px;width:30px;padding:7px}
.big-cta .button:focus-visible{outline-color:var(--paper)}
.brief-actions .button{border-radius:999px}
.filter-button,.buyer-profile{border-radius:999px;min-height:44px;padding:10px 15px;font-size:12px;transition:background var(--motion-press),color var(--motion-press),border-color var(--motion-press)}
.filter-button:hover,.buyer-profile:hover{border-color:var(--blue)}
@media(max-width:600px){.header-actions .button{min-height:44px;font-size:10px;padding-left:14px;gap:9px}.hero-buttons .button{min-height:50px;font-size:12px;padding:6px 7px 6px 19px}.hero-buttons .button>svg{height:36px;width:36px}.big-cta .button{font-size:12px;padding:7px 8px 7px 22px}}
@media(prefers-reduced-motion:reduce){.button:hover,.button:hover>svg,.button:active{transform:none}.button{box-shadow:none}}

/* Compact header mark */
.site-header .brand-logo{width:110px}@media(max-width:1180px){.site-header .brand-logo{width:98px}}@media(max-width:900px){.site-header .brand-logo{width:92px}}@media(max-width:600px){.site-header .brand-logo{width:86px}}@media(max-width:360px){.site-header .brand-logo{width:80px}}