*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f8f3;color:#242d25;font-family:Arial,"Helvetica Neue","PingFang TC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #83bf21;outline-offset:5px}a:hover{color:#548e31}header{display:flex;align-items:center;gap:20px;padding:8px 4vw;background:#222722;color:#fff}.logo{display:block;flex:0 0 220px;width:220px;line-height:0;background:none}.logo img{display:block;width:100%;height:auto;object-fit:contain;opacity:1;filter:none;transform:none;background:none}.company{font-size:17px;white-space:nowrap;letter-spacing:.08em}.company span{display:block;font-size:9px;margin-top:8px;letter-spacing:.12em}nav{display:flex;justify-content:flex-end;gap:20px;flex:1;align-items:center}nav a{font-size:12px;line-height:1.5;white-space:nowrap;padding:12px 0}header a:hover,nav a[aria-current=page]{color:#98ca56}.controls{display:flex;gap:20px;align-items:center;font-size:12px}.menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:none;border:1px solid #778369;color:#fff;font-size:25px;cursor:pointer}main{overflow:clip}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;letter-spacing:-.04em}p{font-size:14px;line-height:1.9;color:#727b6b}.eyebrow{font-size:9px;line-height:1.7;letter-spacing:.17em;color:#66844d;text-transform:uppercase}.intro{padding:36px 6vw 0}.intro-top{display:flex;justify-content:space-between;gap:20px}.edition{font-size:9px;color:#89957d;letter-spacing:.15em}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;align-items:center;padding:54px 0 48px}h1{font-size:clamp(45px,5.8vw,89px);line-height:1.2;margin-bottom:25px}h1 span{color:#829275}.intro-summary{font-size:14px;margin-bottom:22px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;padding:12px 0;border-bottom:1px solid #a4b394;line-height:1.6}.text-link span{font-size:20px;color:#55aa30}.hero-index{padding-top:18px}.hero-index>.eyebrow{display:block;margin-bottom:25px}.hero-index>a{display:grid;grid-template-columns:26px 1fr 20px;gap:16px;align-items:center;padding:24px 0;border-top:1px solid #bdc8b2}.hero-index>a:last-child{border-bottom:1px solid #bdc8b2}.number{font-size:10px;color:#7e966a}.hero-index strong{display:block;font-size:26px;letter-spacing:-.03em;font-weight:400;margin-bottom:8px}.hero-index div>span{font-size:12px;color:#738368}.hero-index>a>span:last-child{font-size:23px;color:#729452}.metal-strip{height:82px;background:linear-gradient(106deg,#687368 0%,#cbd0c7 17%,#f7f8f3 33%,#d2d2d2 48%,#8b9788 65%,#e0e5d9 81%,#c4cdbc 100%);border-top:1px solid #c7cebf;border-bottom:1px solid #d0d8c9}.strip-caption{display:flex;justify-content:space-between;gap:20px;padding:12px 0;font-size:8px;letter-spacing:.08em;color:#8a9580}.section{padding:76px 6vw}.core{padding-top:58px}.section-heading{text-align:center;max-width:800px;margin:0 auto 40px}.section h2{font-size:clamp(32px,3.4vw,52px);line-height:1.35;margin:16px 0 20px}.section-heading h2 span{color:#87977a;display:inline-block;margin-left:.15em}.section-heading>p{font-size:13px;margin:0}.core-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.technology{display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #d0d8c7;background:#f2f4ee}.technology.smt{background:#28332b;color:#f4f6ef;border-color:#28332b}.card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;padding:24px 30px;color:#839a70;border-bottom:1px solid #d9e0d2}.smt .card-top{color:#b1c69c;border-bottom-color:#465141}.tech-word{font-size:clamp(60px,7.5vw,112px);letter-spacing:-.065em;font-weight:400;line-height:1;padding:35px 30px 30px;min-height:160px}.smt .tech-word{background:linear-gradient(105deg,#fff 3%,#b4c0af 45%,#eaf2e1 75%,#9ba995);-webkit-background-clip:text;background-clip:text;color:transparent}.smt .tech-word>span{display:inline-block;font-size:45px;margin-left:25px;font-family:Georgia,serif;vertical-align:top;color:#83bf21}.passivation .tech-word{color:#687d58;font-size:clamp(52px,6.3vw,90px);letter-spacing:-.07em;line-height:.95}.passivation .tech-word>span{display:block;font-size:.53em;letter-spacing:.04em;margin-top:7px}.tech-copy{padding:0 30px 28px;margin-top:auto}.tech-copy h3{font-size:25px;line-height:1.5;margin:0 0 12px}.tech-copy p{font-size:12px;margin-bottom:20px}.smt .tech-copy p{color:#b0be9f}.smt .text-link{color:#e9f2e0;border-color:#70835c}.asset-line{border-top:1px solid #d3ddc9;display:flex;flex-direction:column;gap:7px;padding:17px 30px;color:#8b9b7b;font-size:8px;letter-spacing:.11em}.asset-line small{font-size:9px;letter-spacing:0;color:#88977a}.smt .asset-line{border-color:#465141;color:#a0b38c}.smt .asset-line small{color:#94a384}.consultation{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#edf1e6;border-top:1px solid #d8dfcf;border-bottom:1px solid #d8dfcf}.consultation h2{font-size:33px;margin:18px 0 23px}.consultation p{font-size:12px}.consultation-list{align-self:center;border-top:1px solid #b7c5a8}.consultation-list>a{display:grid;grid-template-columns:1fr 1fr 20px;gap:16px;align-items:center;border-bottom:1px solid #cbd5bf;padding:22px 0;font-size:14px}.consultation-list small{font-size:10px;color:#89977a;line-height:1.5}.consultation-list>a>span:last-child{font-size:21px;color:#65894a}.resource-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:35px}.resource-heading h2{font-size:35px;margin-bottom:0}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.resource-grid>a{display:flex;flex-direction:column;border-top:1px solid #b5c2a8;padding:20px 0 0;min-height:205px}.resource-grid h3{font-size:23px;line-height:1.5;margin:25px 0}.resource-grid>a>div{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:auto;padding-top:12px;font-size:9px;color:#98a38c}.resource-grid>a>div>span:last-child{font-size:21px;color:#749756}.contact{padding-top:37px;padding-bottom:0;background:#e6eedc;border-top:1px solid #d2ddc5}.contact-heading{display:flex;align-items:center;gap:25px}.contact-line{height:1px;flex:1;background:#c1cfae}.contact-inner{display:flex;justify-content:space-between;gap:40px;align-items:center;padding:45px 0 55px}.contact h2{font-size:44px;margin-top:0}.contact p{font-size:12px;margin-bottom:0}.contact-button{display:flex;justify-content:space-between;align-items:center;gap:60px;background:#3a582b;color:#fff;font-size:13px;padding:22px 27px}.contact-button>span:last-child{font-size:27px}.contact-button:hover{background:#4d7933;color:#fff}.nature-rule{height:14px;background:linear-gradient(100deg,#d2d2d2,#dae4cf 35%,#83bf21 70%,#55aa30);margin:0 -6vw}.preview-note{padding:18px 6vw;background:#f8f8f3;font-size:9px;line-height:1.9;color:#8b9780}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 6vw;border-top:1px solid #dae1d2;font-size:10px;color:#7b896f}
@media(min-width:1600px){.intro,.section{padding-left:8vw;padding-right:8vw}.intro-grid{padding-top:65px;padding-bottom:65px}.nature-rule{margin-left:-8vw;margin-right:-8vw}}
@media(max-width:1199px){header{flex-wrap:wrap;gap:12px;padding:8px 5vw}.logo{width:190px;flex-basis:190px}.company{margin-right:auto}.controls{margin-left:auto}.menu-toggle{display:flex}nav{display:none;flex:0 0 100%;order:5;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #485240;padding:10px 0}header.menu-open nav{display:flex}nav a{min-height:44px;display:flex;align-items:center;padding:10px 0}.intro-grid{gap:5vw}.hero-index strong{font-size:23px}.section{padding-top:60px;padding-bottom:60px}.core{padding-top:40px}.tech-copy h3{font-size:23px}.tech-word{min-height:150px}.consultation{gap:6vw}.consultation-list>a{grid-template-columns:1fr 20px}.consultation-list small{grid-column:1;grid-row:2}.consultation-list>a>span:last-child{grid-column:2;grid-row:1/3}.contact{padding-top:30px;padding-bottom:0}.contact h2{font-size:36px}.contact-button{gap:30px}}
@media(max-width:760px){header{padding:5px 6vw;gap:8px}.logo{width:140px;flex-basis:140px}.company{font-size:13px;letter-spacing:0}.company span{font-size:7px;letter-spacing:.03em}.controls{gap:12px;font-size:11px}.menu-toggle{width:38px;height:44px}.intro{padding:26px 6vw 0}.intro-top{gap:15px}.eyebrow{font-size:8px;letter-spacing:.11em}.intro-top>.eyebrow{max-width:73%}.edition{font-size:7px;line-height:1.7;text-align:right}.intro-grid{grid-template-columns:1fr;gap:25px;padding:36px 0 28px}h1{font-size:clamp(42px,11vw,65px);margin:0 0 22px}.intro-summary{font-size:12px;line-height:1.9;margin-bottom:15px}.hero-index{padding-top:0}.hero-index>.eyebrow{margin-bottom:14px}.hero-index>a{padding:18px 0;grid-template-columns:24px 1fr 20px;gap:13px}.hero-index strong{font-size:22px}.hero-index div>span{font-size:11px}.metal-strip{height:45px}.strip-caption{font-size:7px;line-height:1.7;gap:18px}.strip-caption>span:first-child{max-width:62%}.section{padding:45px 6vw}.section-heading{text-align:left;margin-bottom:30px}.section h2{font-size:31px;line-height:1.35;margin:15px 0 18px}.section-heading h2 span{display:block;margin-left:0}.section-heading p{font-size:12px}.core-grid{grid-template-columns:1fr;gap:22px}.card-top{padding:20px 23px;font-size:8px}.tech-word{font-size:80px;min-height:150px;padding:27px 23px}.smt .tech-word>span{font-size:38px}.passivation .tech-word{font-size:66px}.tech-copy{padding:0 23px 25px}.tech-copy h3{font-size:24px}.tech-copy p{font-size:12px}.asset-line{padding:16px 23px;font-size:7px}.asset-line small{font-size:8px}.consultation{grid-template-columns:1fr;gap:25px}.consultation h2{font-size:29px}.consultation-list>a{font-size:13px;padding:18px 0}.resource-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:24px}.resource-heading h2{font-size:29px}.resource-grid{grid-template-columns:1fr;gap:24px}.resource-grid>a{min-height:160px}.resource-grid h3{font-size:23px;margin:20px 0}.contact{padding-top:27px;padding-bottom:0}.contact-heading{gap:15px}.contact-heading>.eyebrow:last-child{font-size:7px;white-space:nowrap}.contact-heading>.eyebrow:first-child{max-width:46%}.contact-inner{flex-direction:column;align-items:flex-start;gap:26px;padding:34px 0 36px}.contact h2{font-size:33px;margin-top:0}.contact p{font-size:12px}.contact-button{padding:16px 23px;gap:55px;font-size:12px}.contact-button>span:last-child{font-size:23px}.nature-rule{height:10px}.preview-note{padding:17px 6vw;font-size:8px}footer{padding:24px 6vw;flex-direction:column;gap:13px;font-size:9px}}
@media(max-width:360px){.logo{width:115px;flex-basis:115px}.company{font-size:12px}.company span{font-size:6px}.controls{gap:8px}.tech-copy h3{font-size:21px}.contact-heading>.eyebrow:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Stage 1: whole-word label, desktop navigation visible from 1024px. */
.passivation .tech-word{font-size:clamp(24px,3.8vw,55px);letter-spacing:-.045em;line-height:1.15;white-space:nowrap;overflow-wrap:normal;word-break:normal;display:flex;align-items:center}
.hero-index strong{white-space:nowrap}
@media(min-width:1024px){
 header nav,header.menu-open nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:20px}
 header .menu-toggle{display:none}
}
@media(min-width:1024px) and (max-width:1399px){
 header{flex-wrap:wrap;gap:4px 20px;padding-bottom:12px}
 header .company{margin-right:auto}header .controls{margin-left:auto}
 header nav,header.menu-open nav{order:5;flex:0 0 100%;border-top:1px solid #485240;justify-content:space-between;padding:7px 0 0;gap:18px}
 header nav a{font-size:12px;min-height:40px;padding:8px 0}
}
@media(min-width:1400px){header{flex-wrap:nowrap}header nav{order:0;flex:1;border:0;padding:0}}
@media(max-width:1023px){header .menu-toggle{display:flex}header nav{display:none}header.menu-open nav{display:flex}}
@media(max-width:760px){.passivation .tech-word{font-size:clamp(24px,7.8vw,48px)}}
/* Equal prominence for the two core technologies. */
.core-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.core-grid .technology{min-width:0;background:#28332b;color:#f4f6ef;border-color:#28332b}.core-grid .card-top{color:#c3d0b7;border-color:#465141;min-height:62px;align-items:center;gap:16px}.core-grid .tech-word{height:190px;min-height:190px;display:flex;align-items:center;box-sizing:border-box}.core-grid .passivation .tech-word{color:#e5eddd;font-size:clamp(26px,3.8vw,55px);letter-spacing:-.045em}.core-grid .tech-copy h3{font-size:25px;color:#f4f6ef}.core-grid .tech-copy p{color:#c3ceba}.core-grid .text-link{color:#e9f2e0;border-color:#70835c}.core-grid .asset-line{border-color:#465141;color:#bdcdb0;min-height:48px;justify-content:center}.core-grid .tech-copy{min-height:178px}
@media(max-width:760px){.core-grid{grid-template-columns:1fr}.core-grid .tech-word{height:155px;min-height:155px}.core-grid .passivation .tech-word{font-size:clamp(25px,7.8vw,48px)}.core-grid .tech-copy{min-height:165px}.core-grid .tech-copy h3{font-size:24px}}
/* Restore the original two-tone contrast without changing card geometry. */
.core-grid .technology.passivation{background:#f2f4ee;color:#263d2d;border-color:#d0d8c7}
.core-grid .passivation .card-top{color:#4d6542;border-color:#d9e0d2}
.core-grid .passivation .tech-word{color:#49633c}
.core-grid .passivation .tech-copy h3{color:#263d2d}
.core-grid .passivation .tech-copy p{color:#43563c}
.core-grid .passivation .text-link{color:#354f2a;border-color:#9cad8e}
.core-grid .passivation .asset-line{color:#4d6542;border-color:#d3ddc9}
/* An oversized initial shares SMT's cap height; the full word stays on one baseline. */
.core-grid .passivation .passivation-word{display:flex;align-items:baseline;white-space:nowrap;gap:0;padding-top:35px;padding-bottom:30px}
.core-grid .passivation .passivation-word>span{display:inline-block;flex:0 0 auto;margin:0;font-family:inherit;font-weight:400;line-height:1;letter-spacing:-.045em;color:inherit}
.core-grid .passivation .passivation-word>.passivation-initial{font-size:clamp(60px,7.5vw,112px)}
.core-grid .passivation .passivation-word>.passivation-rest{font-size:clamp(20px,2.7vw,40px);letter-spacing:-.035em;margin-left:.025em}
@media(max-width:760px){.core-grid .passivation .passivation-word{padding-top:27px;padding-bottom:27px}.core-grid .passivation .passivation-word>.passivation-initial{font-size:80px}.core-grid .passivation .passivation-word>.passivation-rest{font-size:clamp(20px,5.6vw,36px)}}
/* Keep a visible email address intact; wrap before the entire address. */
a.email-address{display:inline-block;white-space:nowrap;overflow-wrap:normal;word-break:normal;hyphens:none}