*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#10273b;background:#fff;font-family:Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #008dd3;outline-offset:5px}.skip{position:fixed;top:-60px;background:#fff;padding:15px;z-index:20}.skip:focus{top:0}header{height:94px;padding:0 7%;gap:28px;display:flex;align-items:center;justify-content:space-between;background:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #e6eaed}.brand img{width:210px;height:auto;display:block}nav{display:flex;gap:34px;font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei",sans-serif;font-size:17px;font-weight:500;letter-spacing:.1px;line-height:1.4}nav a{padding:34px 0;position:relative;white-space:nowrap}nav a:after{content:"";position:absolute;height:2px;background:#0088c9;left:0;right:100%;bottom:25px;transition:.25s}nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:20px}#language{border:0;background:none;font-size:12px;color:#0b243b}#language span{color:#89939e;margin-left:8px}#menu{display:none}.hero{height:690px;min-height:570px;position:relative;color:#fff;background:#173b4c url('assets/hero.jpg') center 55%/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,21,38,.83),rgba(3,26,43,.35) 62%,rgba(3,26,43,.1)),linear-gradient(0deg,rgba(1,21,38,.5),transparent 50%)}.hero-content{position:relative;padding:94px 7%}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:600;line-height:1.8}.hero h1{font-size:clamp(54px,5.5vw,84px);font-weight:400;line-height:1.07;letter-spacing:-3px;margin:30px 0 22px}.hero-copy{font-size:20px;line-height:1.55;color:#e0e8ed}.button{display:inline-flex;gap:65px;align-items:center;font-size:13px;padding:18px 22px;margin-top:20px;transition:.2s}.button.light{background:#fff;color:#0c263c}.button:hover{background:#008ac8;color:#fff}.button span:last-child{font-size:22px}.hero-bottom{position:absolute;bottom:30px;left:7%;right:7%;display:flex;justify-content:space-between;border-top:1px solid #ffffff50;padding-top:24px;font-size:10px;letter-spacing:1.8px}.hero-bottom a span{margin-left:25px;font-size:18px}.hero-index{position:absolute;right:7%;top:48%;font-size:12px;writing-mode:vertical-rl;letter-spacing:2px}.hero-index span{opacity:.5;margin-top:12px}.section{padding:100px 7%;display:grid;grid-template-columns:minmax(0,1fr);gap:30px}.section-label{display:flex;align-items:baseline;gap:12px;font-size:12px;font-weight:500;letter-spacing:1.5px;line-height:1.6;padding:0;margin:0}h2{font-size:clamp(34px,3.2vw,49px);font-weight:400;letter-spacing:-1.8px;line-height:1.16;margin:0 0 36px}p{line-height:1.8;font-size:14px;color:#62707a}.intro-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:60px}.intro-columns p{margin-top:0}.intro-columns .lead{font-size:22px;line-height:1.5;color:#173349}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce1e4;margin-top:42px;padding-top:30px;gap:20px}.facts strong{font-size:32px;display:block;font-weight:400;margin-bottom:13px}.facts span{font-size:11px;color:#62707a}.metals{background:#eef2f3}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:start}.section-heading>p{margin-top:0}.metal-tabs{display:flex;border-bottom:1px solid #c8d2d7;margin-top:12px}.metal-tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:20px 0;margin-right:30px;color:#657984;font-size:13px}.metal-tabs button[aria-selected=true]{border-color:#007fb8;color:#102c42}.metal-detail{display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center;padding-top:38px}.metal-art{height:290px;position:relative;overflow:hidden;color:#f1e3d9;background:linear-gradient(125deg,#3f2019,#a46747 46%,#653723)}.metal-art:after{content:"";position:absolute;inset:-50%;background:repeating-linear-gradient(110deg,transparent 0,transparent 19px,#ffffff09 20px,#ffffff16 21px,transparent 24px);transform:rotate(-15deg)}.metal-art strong{position:absolute;left:36px;top:58px;font-size:125px;font-weight:400;z-index:1;letter-spacing:-7px}.atomic{position:absolute;left:41px;top:35px;font-size:13px}.metal-art-label{position:absolute;bottom:24px;left:32px;font-size:9px;letter-spacing:2px}.metal-info h3{font-size:34px;font-weight:400;margin:12px 0 18px}.metal-info>.eyebrow{font-size:9px}.text-link{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:15px 0;border-bottom:1px solid #aebbc3;font-size:13px;margin-top:20px}.text-link>span:last-child{font-size:23px}.small{font-size:10px;line-height:1.7}.expertise-main{display:grid;grid-template-columns:1fr 1.25fr;gap:60px}.services details{border-top:1px solid #dce1e4}.services details:last-child{border-bottom:1px solid #dce1e4}.services summary{list-style:none;display:flex;gap:18px;align-items:center;cursor:pointer;padding:25px 0;font-size:16px}.services summary::-webkit-details-marker{display:none}.service-no{font-size:10px;color:#8c9aa3}.plus{margin-left:auto;font-size:23px;color:#0084bd}.services details[open] .plus{transform:rotate(45deg)}.services details p{padding-left:32px;margin:0 0 25px;font-size:13px}.approach{display:grid;grid-template-columns:1fr 1fr;background:#0b253d;color:white}.approach-photo{background:#304047 url('assets/industry.jpg') center/cover;min-height:550px;position:relative}.approach-photo:after{content:"";position:absolute;inset:0;background:#102b3e30}.approach-photo>span{position:absolute;bottom:30px;left:40px;color:white;z-index:1;font-size:9px;letter-spacing:2px}.approach-content{padding:70px 15% 70px 12%}.approach-content>.eyebrow{color:#76b6d6;margin-bottom:30px}.approach-content p{color:#bccbd5}.approach h2{font-size:46px}.principles{display:flex;flex-direction:column;margin:25px 0}.principles span{padding:13px 0;border-top:1px solid #ffffff25;font-size:12px}.principles span:before{content:"↗";margin-right:20px;color:#64b6df}.approach .text-link{border-color:#ffffff50}.contact{padding-top:110px;padding-bottom:110px}.contact .section-heading{grid-template-columns:1.2fr 1fr}.email{font-size:clamp(12px,1.2vw,17px);border-bottom:1px solid #a9b7c0;padding-bottom:9px;display:inline-block}.offices{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:32px}.offices article{border-top:1px solid #cbd4da;padding-top:24px}.office-no{font-size:9px;letter-spacing:1.5px;color:#7e919c}.offices h3{font-size:23px;font-weight:400;margin:22px 0 18px}.offices p{font-size:12px;min-height:86px}.offices a{font-size:11px;border-bottom:1px solid #b9c5cd;padding-bottom:7px}footer{background:#061b30;color:white;padding:55px 7% 25px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:50px}.footer-top p{font-size:18px;color:#b8c7d4;margin:0}.footer-top>a{font-size:11px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;padding-top:24px;font-size:9px;letter-spacing:.7px;color:#93a6b8}.footer-bottom button{border:0;background:none;color:inherit;font-size:10px}dialog{max-width:560px;padding:45px;border:0;color:#10273b}dialog::backdrop{background:#031a30bb}dialog h2{font-size:28px}dialog .close{float:right;border:0;background:none;font-size:25px}html[lang=zh-CN] h1{line-height:1.25;letter-spacing:2px}html[lang=zh-CN] h2{letter-spacing:0;line-height:1.4}html[lang=zh-CN] .hero-copy{letter-spacing:2px}@media(min-width:1600px){.section{padding-left:max(7%,calc((100vw - 1440px)/2));padding-right:max(7%,calc((100vw - 1440px)/2))}.hero{height:760px}}@media(max-width:1100px){header{padding:0 6%;gap:20px}nav{gap:23px;font-size:16px}.section{grid-template-columns:1fr;padding:70px 6%}.section-label{margin-bottom:0}.expertise-main{gap:40px}.brand img{width:185px}.hero{height:650px}.hero-content{padding:90px 6%}.approach-content{padding:55px 10%}.approach h2{font-size:37px}.metal-tabs button{margin-right:25px}}@media(max-width:700px){header{height:76px;padding:0 6%}.brand img{width:173px}nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:15px 6% 25px;flex-direction:column;gap:0;border-bottom:1px solid #ddd}nav.open{display:flex}nav a{padding:16px 0}nav a:after{bottom:8px}#menu{display:block;border:0;background:none;font-size:24px;color:#18394d}.header-actions{gap:10px}#language{font-size:10px}#language span{margin-left:2px}.hero{height:650px;min-height:0;background-position:62% center}.hero-content{padding:72px 7%}.hero h1{font-size:57px;letter-spacing:-2px;margin-top:32px}.hero-copy{font-size:17px}.hero-bottom{font-size:8px;left:7%;right:7%;bottom:24px}.hero-bottom>a{font-size:0}.hero-bottom>a span{font-size:20px}.hero-index{display:none}.section{padding:60px 7%;gap:24px}.section-label{font-size:11px}h2{font-size:35px;letter-spacing:-1px}.intro-columns,.section-heading,.expertise-main,.metal-detail,.contact .section-heading{grid-template-columns:1fr;gap:15px}.intro-columns .lead{font-size:21px}.facts{gap:15px}.facts strong{font-size:26px}.facts span{font-size:10px;line-height:1.6;display:block}.metal-tabs{overflow-x:auto;gap:23px}.metal-tabs button{flex-shrink:0;margin:0;font-size:12px;padding:17px 0}.metal-detail{gap:20px}.metal-art{height:250px}.metal-info h3{margin:8px 0}.expertise-main h2{margin-bottom:25px}.services summary{font-size:15px}.approach{grid-template-columns:1fr}.approach-photo{min-height:300px}.approach-content{padding:45px 7%}.approach h2{font-size:36px}.offices{grid-template-columns:1fr;margin-top:40px;gap:40px}.offices p{min-height:0}.offices h3{margin:14px 0}.email{font-size:16px}.footer-top{flex-wrap:wrap;gap:30px}.footer-top p{font-size:15px}.footer-top>a{width:100%}.footer-bottom{flex-wrap:wrap;gap:20px;font-size:8px}html[lang=zh-CN] .hero h1{font-size:48px}dialog{width:90%;padding:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Navigation remains legible on tablets without squeezing the brand. */
@media(min-width:701px) and (max-width:900px){header{height:76px}.brand img{width:185px}nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:16px 6% 26px;flex-direction:column;gap:0;border-bottom:1px solid #dce1e4}nav.open{display:flex}nav a{padding:16px 0;font-size:17px}nav a:after{bottom:8px}#menu{display:block;border:0;background:none;font-size:24px;color:#18394d}}
.intro-columns .lead{max-width:27ch}.intro-columns>div{max-width:66ch}

/* Brand lockup and restrained section labels. */
.section-label{color:#536976;font-size:12px;font-weight:600;letter-spacing:1.7px}
.footer-top{align-items:center;gap:32px}
.footer-brand{display:inline-flex;align-items:center;gap:18px;flex-shrink:0}
.footer-brand>img{display:block;width:58px;height:58px;object-fit:contain}
.footer-wordmark{display:flex;flex-direction:column;gap:9px}
.footer-name{font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:24px;font-weight:500;letter-spacing:1.3px;line-height:1.1;white-space:nowrap;color:#f5f8fa}
.footer-chinese{font-size:12px;letter-spacing:5px;line-height:1.4;color:#a7bac9}
@media(max-width:700px){.section-label{font-size:11px}.footer-brand{gap:14px}.footer-brand>img{width:46px;height:46px}.footer-name{font-size:20px;letter-spacing:1px}.footer-wordmark{gap:7px}.footer-chinese{font-size:11px;letter-spacing:4px}.footer-top{align-items:flex-start}}

/* Office contacts: one shared hierarchy, with aligned map links. */
.offices article{display:flex;flex-direction:column;align-items:flex-start}
.offices article>p{margin-bottom:14px}
.office-direct{display:flex;flex-direction:column;gap:7px;margin:6px 0 24px}
.contact-method{font-size:10px;letter-spacing:.8px;line-height:1.4;color:#627783}
.offices .office-direct>a{border:0;padding:0;font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.5;color:#173349;white-space:nowrap}
.office-direct>a>span{display:inline-block;margin-left:7px;font-size:16px;color:#0084bd}
.offices article>a[data-t="map"]{margin-top:auto}
.office-direct>a:hover{color:#007fb8}
@media(max-width:700px){.office-direct{margin:7px 0 22px}.offices article>p{margin-bottom:15px}}

/* Consistent editorial rhythm across the four sections. */
.section{row-gap:24px}
.section-label{font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei",sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;line-height:1.5}
.section h2,.approach h2{font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei",sans-serif;font-weight:400;letter-spacing:-1.1px;line-height:1.15;margin-bottom:28px}
html[lang="zh-CN"] .section-label{letter-spacing:.6px}
html[lang="zh-CN"] .section h2,html[lang="zh-CN"] .approach h2{letter-spacing:0;line-height:1.3}
.expertise-main{grid-template-columns:.95fr 1.25fr;gap:48px;align-items:start}
.services summary{gap:16px;padding:22px 0;font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei",sans-serif;font-size:18px;font-weight:500;line-height:1.45;letter-spacing:0;text-align:left}
.service-no{flex:0 0 22px;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1.45;color:#70828e}
.services summary>span[data-t]{letter-spacing:0;word-spacing:normal}
.services details p{padding-left:38px;margin:0 0 24px;font-size:14px;line-height:1.75;letter-spacing:0;max-width:66ch}
@media(max-width:1100px){.expertise-main{gap:32px}}
@media(max-width:700px){.section{row-gap:20px}.section-label{font-size:11px;letter-spacing:.8px}.section h2,.approach h2{margin-bottom:24px;letter-spacing:-.6px}.expertise-main{grid-template-columns:1fr;gap:12px}.services summary{font-size:16px;padding:20px 0;gap:12px}.service-no{flex-basis:20px;font-size:11px}.services details p{padding-left:32px;font-size:13px;line-height:1.75;margin-bottom:20px}}