/* Typography and colour refinement: warm ivory, forest green and timber. */
:root{
 --paper:#f7f4ef;
 --white:#fffdf9;
 --ink:#243a30;
 --muted:#526157;
 --line:#d2d7cc;
 --sage:#82967d;
 --green:#405e4b;
 --wood:#805d43;
 --sand:#ece5da;
 --sans:'Microsoft JhengHei','PingFang TC','Noto Sans TC',sans-serif;
}
html[lang="zh-hans"]{
 --sans:'Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif;
}
body{font-family:var(--sans);letter-spacing:.01em;text-rendering:optimizeLegibility}
h1,h2,h3{font-family:var(--sans);font-style:normal}
h1{font-weight:700;line-height:1.35;letter-spacing:-.018em}
h2{font-weight:700;line-height:1.5;letter-spacing:-.012em}
h3{font-weight:600;line-height:1.6;letter-spacing:0}
.hero h1{line-height:1.3;letter-spacing:-.01em}
.hero-statement,.material-cover>div>p{font-family:var(--sans);font-weight:500;color:var(--green)}
.hero-desc{font-size:14px;line-height:2;color:var(--muted)}
.product-statement{font-family:var(--sans);font-weight:600;line-height:1.65}
.directory-title h2,.value-list h3,.material-row h3,.scene-list h3{font-weight:700}
.detail-line>h3{font-weight:600}
.related-page,.delivery-cover-index strong,.process-list h2{font-family:var(--sans);font-weight:600}
.desktop-nav a{font-size:14px;font-weight:600;color:#435a4c;letter-spacing:.015em}
.desktop-nav a[aria-current]{font-weight:700;color:var(--ink)}
.desktop-nav a:after{height:2px;background:var(--green)}
.header-contact,.mobile-nav a{font-weight:600}
.brand span{font-weight:600;color:var(--ink)}
.text-link,.solid-link,.closing-link,.directory-link,.light-link{font-weight:600}
.eyebrow,.micro,.small-caps,.row-no,.process-no,.table-heading{font-weight:600}
.eyebrow,.micro{letter-spacing:.12em}
.brand-cover{background:#e8ede3}
.brand-cover-statement{border-color:#bbc8b3;color:#425e4b;font-weight:500}
.brand-cover-copy>p{font-weight:600}
.delivery-cover{background:#e5ecdf;border-color:#bfccb6}
.delivery-cover-index,.delivery-cover-index>a{border-color:#b1c0a7}
.material-cover-swatches>i:nth-child(2){background:#9aa98c}
.material-cover-swatches>i:nth-child(4){background:#405e4b}
.system-directory-cover p{color:#d5ded0}
.spaces-cover .eyebrow{color:#e1e9da}
.language-switch{background:#e8eee1;border-color:#a4b69b}
.language-option:hover{background:#d7e2ce}
.language-option[aria-current="page"]{background:var(--green);color:var(--white)}
.form-heading p{font-family:var(--sans);font-weight:600}
.form-grid label,.contact-item>span,.detail-description>span{font-weight:600}
.contact-item a{font-weight:500}
input::placeholder,textarea::placeholder{color:#68756b}
.footer-bottom{color:#5e6b60}
@media(max-width:1200px) and (min-width:1001px){
 .desktop-nav{gap:16px}
 .desktop-nav a{font-size:13px}
}
@media(max-width:700px){
 body{letter-spacing:.005em}
 .hero-desc{font-size:14px;line-height:2}
 .hero-statement{font-size:19px;line-height:1.75}
 .brand-cover-copy h1{font-size:36px;line-height:1.45}
 .material-cover h1{font-size:34px;line-height:1.45}
 .product-masthead h1{font-size:36px;line-height:1.4}
 .material-detail-cover h1{font-size:34px;line-height:1.45}
 .delivery-cover h1{font-size:40px;line-height:1.4}
 .system-directory-cover h1{font-size:36px;line-height:1.4}
 .contact-cover h1{font-size:40px;line-height:1.4}
 .spaces-cover h1{font-size:38px;line-height:1.4}
 .language-option{font-weight:600}
}