/* Brand, copy and icon refinements. The 3D viewport is styled in expedition.css. */
:root { --bg:#08090a; --orange:#efae7d; }
.site-header { background:rgba(8,9,10,.88); }
.brand img { height:46px; width:auto; }
.brand>span { font-size:13px; letter-spacing:.16em; color:#c6c7c5; padding-left:19px; }
.brand { gap:19px; }
.mission-hero { background:#08090a; overflow:hidden; isolation:isolate; }
.mission-hero::after { display:none; }
.mission-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 73% 43%,#3e241318,transparent 58%); pointer-events:none; }
.mission-hero .hero-inner { grid-template-columns:.92fr 1.38fr; gap:0; min-height:715px; padding-block:25px 35px; }
.mission-hero .hero-copy { padding-bottom:12px; z-index:3; }
.mission-hero .eyebrow { margin-bottom:32px; font-size:10px; letter-spacing:.15em; color:#c7a486; }
.mission-hero .tiny-mark { width:5px; height:5px; background:#e7ac7c; box-shadow:none; }
.mission-hero h1 { font-size:clamp(56px,5vw,76px); line-height:1.33; font-weight:650; letter-spacing:-.065em; white-space:nowrap; color:#efeeea; }
.mission-hero h1::after { display:none; }
.mission-title-line { color:#c9c4bc; }
.mission-hero .orange-dot { color:#efae7d; }
.hero-manifesto { margin-top:32px; font-size:23px; letter-spacing:.02em; font-weight:500; color:#e3d7ca; }
.mission-hero .hero-lead { margin-top:14px; font-size:14px; line-height:2; color:#a6a39e; }
.mission-hero .hero-actions { margin-top:35px; gap:28px; flex-direction:row; }
.mission-hero .hero-actions .button { min-height:52px; padding:13px 22px; gap:25px; border-radius:3px; background:#e9e2d9; color:#171512; border:1px solid #eadfce; box-shadow:inset 0 1px #fff8; font-size:13px; }
.mission-hero .hero-actions .button:hover { background:#fff5e9; }
.hero-actions svg,.hero-bottom a svg,.cap-symbol svg { width:19px; height:19px; flex:0 0 19px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.mission-hero .hero-actions .text-link { font-size:12px; gap:12px; color:#b5b1aa; }
.mission-hero .hero-footnote { margin-top:25px; color:#898780; font-size:11px; letter-spacing:.02em; }
.mission-visual { margin:0 -55px 0 -16px; transform:none; perspective:none; }
.mission-hero .hero-bottom { border-color:#47403988; padding-block:20px; color:#8a847c; }
.mission-hero .hero-bottom>span:nth-child(2) { color:#a9a096; font-size:11px; margin:0; }
.mission-hero .hero-bottom i { color:#5e4c3c; margin-inline:15px; }
.mission-hero .hero-bottom>a { gap:18px; font-size:10px; color:#b9aea1; }


/* A consistent 24-unit icon family, drawn as geometry instead of font symbols. */
.value-columns .line-icon { display:flex; align-items:center; justify-content:flex-start; height:40px; color:#d4b292; }
.value-columns .line-icon svg { width:32px; height:32px; }
.value-columns article { padding-top:3px; }
.value-columns h3 { font-size:26px; font-weight:500; line-height:1.55; }
.value-columns article>p:last-child { color:#a7a8a6; line-height:2; max-width:340px; }
.section-intro h2 { font-size:43px; line-height:1.45; }
.section-heading h2 { font-size:46px; line-height:1.42; font-weight:550; }
.heading-aside { max-width:365px; color:#a2a5a6; }
.cap-symbol { display:flex; align-items:center; justify-content:center; width:32px; height:32px; margin-top:2px; color:#c2b09c; }
.cap-symbol svg { width:21px; height:21px; }
.product-statement .large-number { color:#bc9876; opacity:.75; }
.wechat-symbol { width:64px; height:64px; display:flex; align-items:center; justify-content:center; color:#c8d5d1; background:#111619; border:1px solid #384442; border-radius:15px; padding:11px; }
.wechat-symbol svg { width:44px; height:40px; overflow:visible; }
.wechat-symbol svg path { stroke:none; fill:currentColor; }
.wechat-symbol svg circle { stroke:none; fill:#111619; }
.wechat-symbol svg path:nth-of-type(2) { stroke:#111619; stroke-width:2.8; }
.wechat-symbol .coming-dot { width:8px; height:8px; right:-3px; bottom:1px; background:#d5ac7a; border:2px solid #101316; }
.contact-top h2 { line-height:1.42; font-weight:550; }
.footer-brand img { height:37px; }

@media(min-width:1600px) {
  .mission-hero .hero-inner { min-height:760px; }
  .mission-visual { margin-right:-85px; }
}
@media(max-width:1199px) {
  .mission-hero .hero-inner { grid-template-columns:1fr 1.28fr; min-height:650px; padding-block:50px 45px; }
  .mission-hero h1 { font-size:59px; }
  .mission-hero .eyebrow { font-size:9px; letter-spacing:.09em; }
  .hero-manifesto { font-size:21px; margin-top:29px; }
  .mission-hero .hero-lead { font-size:13px; }
  .mission-hero .hero-actions { gap:18px; }
  .mission-hero .hero-actions .button { font-size:12px; gap:15px; padding-inline:16px; }
  .mission-visual { margin-left:-16px; margin-right:-34px; }
  .value-columns h3 { font-size:23px; }
  .section-heading h2 { font-size:40px; }
}
@media(max-width:1050px) and (min-width:761px) {
  .brand { gap:12px; }.brand img { height:40px; }.brand>span { font-size:12px; padding-left:12px; }
  .main-nav { gap:16px; font-size:11px; }
  .mission-hero h1 { font-size:49px; }
  .mission-hero .hero-actions { flex-wrap:wrap; gap:18px; }
}
@media(max-width:900px) and (min-width:761px) {
  .mission-hero .hero-inner { grid-template-columns:1fr; padding-block:60px 35px; }
  .mission-hero .hero-copy { max-width:none; }.mission-hero h1 { font-size:70px; }
  .mission-hero .hero-lead { font-size:15px; }
  .mission-visual { margin:0 -25px; }
  .mission-hero .hero-bottom>span:nth-child(2) { display:none; }
}
@media(max-width:760px) {
  .header-inner { height:72px; }.main-nav { top:72px; }
  .brand { gap:13px; }.brand img { height:38px; }.brand>span { padding-left:13px; font-size:11px; }
  .mission-hero .hero-inner { grid-template-columns:1fr; padding-block:43px 28px; min-height:0; gap:15px; }
  .mission-hero .hero-copy { padding:0; }
  .mission-hero .eyebrow { margin-bottom:23px; font-size:9px; letter-spacing:.1em; }
  .mission-hero h1 { font-size:clamp(43px,11vw,64px); line-height:1.31; letter-spacing:-.055em; }
  .hero-manifesto { font-size:20px; margin-top:23px; }
  .mission-hero .hero-lead { font-size:13px; margin-top:10px; line-height:1.9; }
  .mission-hero .hero-actions { margin-top:25px; gap:24px; flex-wrap:wrap; }
  .mission-hero .hero-actions .button { min-height:49px; font-size:12px; padding-inline:18px; gap:22px; }
  .mission-hero .hero-actions .text-link { font-size:12px; gap:9px; }
  .mission-hero .hero-footnote { font-size:10px; margin-top:19px; }
  .mission-visual { margin:0 -13px; }
  .mission-hero .hero-bottom { padding-block:16px; gap:10px; }.mission-hero .hero-bottom>span:nth-child(2) { display:none; }
  .mission-hero .hero-bottom .mono { font-size:8px; }.mission-hero .hero-bottom>a { font-size:10px; gap:8px; }
  .hero-bottom a svg { width:16px; height:16px; }
  .section-intro h2 { font-size:35px; }.section-heading h2 { font-size:32px; line-height:1.5; }
  .value-columns .line-icon { height:36px; top:29px; }
  .value-columns article { padding-top:26px; }
  .value-columns h3 { font-size:22px; }.value-columns article>p:last-child { max-width:none; }
  .cap-symbol { display:none; }
  .wechat-symbol { top:31px; }.contact-channel { padding-left:86px; }
  .footer-brand img { height:34px; }
}
@media(max-width:360px) {
  .mission-hero h1 { font-size:40px; }.mission-hero .eyebrow { font-size:8px; }
  .mission-hero .hero-actions { gap:16px; }.mission-hero .hero-actions .button { font-size:11px; padding-inline:13px; gap:12px; }
  .mission-hero .hero-actions .text-link { font-size:11px; }
  .mission-hero .hero-footnote { font-size:9px; }
  .mission-hero .hero-bottom .mono { font-size:7px; letter-spacing:0; }
  .section-heading h2 { font-size:28px; }.contact-top h2 { font-size:30px; }
}
@media print { .expedition-transport,.mission-hero .hero-bottom { display:none; }.mission-hero .hero-inner { min-height:0; } }