:root{--ink:#1d292e;--muted:#6c7779;--paper:#f6f5f1;--line:#d9deda;--accent:#d3a175;--dark:#23383d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,'Helvetica Neue','Arial',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b98153;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.3;letter-spacing:-1px}header{height:100px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:var(--dark);color:white;position:relative;z-index:10;border-bottom:1px solid #ffffff24}.brand{display:flex;flex-direction:column;align-items:flex-end;width:178px;gap:4px}.brand img{width:100%;height:46px;object-fit:contain}.brand span{letter-spacing:5px;font-size:10px;line-height:1}.brand img{filter:none}nav{display:flex;gap:36px;align-items:center}nav a{font-size:14px;color:#d3dddd}nav a:hover,nav a[aria-current]{color:var(--accent)}.menu{display:none}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;text-transform:uppercase}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:15px}.hero{background:var(--dark);color:white;min-height:730px;display:grid;grid-template-columns:1fr 1fr;padding:72px 5.5% 0;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(36px,4.3vw,66px);line-height:1.42;margin:22px 0 24px;letter-spacing:-2px}.hero em{font-style:normal;color:var(--accent)}.lead{font-size:18px;color:var(--muted);line-height:1.9;max-width:730px}.hero .lead{color:#b8c7c8;font-size:16px;max-width:470px}.button{display:inline-flex;align-items:center;gap:30px;padding:17px 25px;background:var(--accent);color:#1d292e;font-size:13px;border:0;font-weight:500;margin-top:28px;transition:background .2s,transform .2s}.button:hover{background:#e2b48b;transform:translateY(-2px)}.button.light{background:transparent;border:1px solid #a5afac}.button.light:hover{background:#e9e9e1}.button span{font-size:22px;line-height:1}.structure{position:relative;display:flex;align-items:center;justify-content:center;min-height:530px;margin-left:40px}.structure-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,black 30%,transparent 72%)}.structure:before{content:'';position:absolute;width:300px;height:300px;border:1px solid #d3a17555;transform:rotate(45deg);top:73px;left:calc(50% - 150px)}.structure:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #ffffff1c;transform:rotate(45deg);top:109px;left:calc(50% - 115px)}.structure-name{position:absolute;font-size:36px;letter-spacing:5px;font-weight:300;top:124px;text-align:center;z-index:1}.structure-name span{font-size:12px;letter-spacing:12px}.structure-node{position:absolute;width:240px;padding:24px;border:1px solid #ffffff3b;background:#23383df2;z-index:2;transition:background .2s}.structure-node:hover{background:#345157}.structure-node small{font-size:9px;letter-spacing:2px;color:var(--accent)}.structure-node strong{display:block;font-size:17px;margin:12px 0 5px;font-weight:500}.structure-node span{font-size:11px;color:#aabec0}.structure-node.industrial{left:0;bottom:76px}.structure-node.digital{right:0;bottom:12px;border-color:#d3a17570}.axis{position:absolute;bottom:12px;left:0;font-size:10px;letter-spacing:4px;color:#718c8f}.hero-bottom{grid-column:1/-1;border-top:1px solid #ffffff29;margin-top:35px;padding:22px 0;display:flex;justify-content:space-between;color:#96acaf;font-size:11px;letter-spacing:1px}.section{padding:88px 5.5%}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:22px 75px;margin-bottom:45px}.section-heading>.eyebrow{grid-row:1/3;padding-top:8px}.section-heading h2{font-size:36px}.section-heading>p:last-child{grid-column:2;max-width:640px;color:var(--muted);font-size:15px}.division-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.division{position:relative;min-height:310px;padding:38px;color:white;background:#2d4247;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s}.division:hover{transform:translateY(-5px)}.division:after{content:'';position:absolute;width:250px;height:250px;border:1px solid #ffffff18;right:-100px;top:-90px;transform:rotate(45deg)}.division .eyebrow{color:#b5c9c9}.division h3{font-size:28px;margin:60px 0 18px}.division p{max-width:80%;font-size:14px;color:#d2dfdf}.division .circle{position:absolute;bottom:32px;right:32px;border:1px solid #ffffff5e;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:21px}.digital-tile{background:#e6ded1;color:var(--ink)}.digital-tile .eyebrow,.digital-tile p{color:#64716f}.digital-tile .circle{border-color:#85928c}.construction-tile{background:#596961}.portfolio-preview{border-top:1px solid var(--line);background:#eeefe9}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product{padding:30px;background:#f9faf6;border:1px solid var(--line);display:flex;flex-direction:column;min-height:345px;transition:transform .2s,border-color .2s}.product:hover{transform:translateY(-4px);border-color:#9dabaa}.product-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;gap:10px}.product-mark{width:48px;height:48px;background:#e4ebe5;display:grid;place-items:center;font:500 25px Georgia,serif;border-radius:12px;color:#3e6059}.status{font-size:10px;color:#64776d;border:1px solid #c8d6cc;border-radius:20px;padding:4px 10px}.product h3{font-size:24px;margin:8px 0 16px}.product>p:not(.eyebrow){color:var(--muted);font-size:13px;margin-bottom:25px}.product .eyebrow{font-size:9px;letter-spacing:1px}.text-link{margin-top:auto;font-size:11px;display:flex;justify-content:space-between}.text-link>span{font-size:18px}.contact-band{background:#dfded2;padding:68px 5.5%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}.contact-band .eyebrow{grid-column:1/-1}.contact-band h2{font-size:36px}.contact-band .button{margin:0}footer{background:#1b2f34;color:#a8babb;padding:50px 5.5% 22px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:30px;border-bottom:1px solid #ffffff20;padding-bottom:45px}.footer-top p{font-size:15px}.footer-top>a:last-child{font-size:13px;text-align:right}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:10px}.page-intro{padding:74px 5.5% 55px;border-bottom:1px solid var(--line)}.page-intro .eyebrow{color:#758480}.page-intro h1{font-size:clamp(32px,4.8vw,64px);margin:20px 0 25px}.page-intro .lead{max-width:920px;font-size:18px}.trading-image{position:relative;height:330px;overflow:hidden}.trading-image img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.trading-image>span{position:absolute;bottom:15px;right:5.5%;font-size:10px;color:white;background:#22383dcf;padding:5px 10px}.commodity-list>div{display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;border-top:1px solid var(--line);padding:26px 0;gap:20px}.commodity-list>div:last-child{border-bottom:1px solid var(--line)}.commodity-list span{font-size:11px;color:#82908a}.commodity-list h3{font-size:23px}.commodity-list p{font-size:14px;color:var(--muted);text-align:right}.construction-panel,.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px 5.5%;align-items:center}.construction-panel h2,.product-detail h2{font-size:30px;margin:16px 0 20px}.construction-panel p:not(.eyebrow),.product-detail p:not(.eyebrow){color:var(--muted);max-width:520px}.architectural{height:400px;background:#e1e7df;position:relative;overflow:hidden}.architectural>div{width:65%;height:85%;border:1px solid #81968b;position:absolute;left:28%;top:25%;transform:skewY(-25deg)}.architectural>div:nth-child(2){left:12%;top:39%;width:52%}.architectural>div:nth-child(3){left:55%;top:5%;width:25%;background:#d6dfd4}.architectural span{position:absolute;left:25px;top:25px;letter-spacing:5px;font-size:12px}.digital-portfolio{padding-top:38px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-bar button{font-size:11px;background:transparent;border:1px solid #c7cfca;padding:10px 14px;border-radius:25px;color:#5d7068}.filter-bar button[aria-pressed=true]{color:white;background:#34534d;border-color:#34534d}.filter-result{font-size:11px;color:#7b8881;margin-bottom:20px}.product[hidden]{display:none}.detail-art{height:360px;background:#e4ebe3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.detail-art>span{font:130px Georgia,serif;color:#466459;z-index:1}.detail-art>i{width:230px;height:230px;border:1px solid #9db4a6;transform:rotate(45deg);position:absolute}.back-link{display:block;margin-top:34px;font-size:12px;color:#65766f}.contact-layout{padding:70px 5.5%;display:grid;grid-template-columns:1fr 1fr;gap:80px}.email-link{font-size:clamp(17px,2vw,25px);display:block;margin:20px 0;overflow-wrap:anywhere}.contact-layout>div>p:last-child{color:var(--muted);font-size:13px}form{display:flex;flex-direction:column;gap:12px}label{font-size:12px}select,textarea{width:100%;border:1px solid #c7d0c8;background:#f9faf6;padding:15px;border-radius:0;color:var(--ink)}textarea{resize:vertical}form .button{margin:5px 0 0;justify-content:space-between}.form-note{font-size:11px;color:#77847c;line-height:1.8}.form-feedback{color:#37534c;font-size:12px}::selection{background:#d3a175;color:#183139}
@media(min-width:1600px){header,.hero,.section,.page-intro,.contact-band,.contact-layout,footer,.construction-panel,.product-detail{padding-left:calc((100vw - 1424px)/2);padding-right:calc((100vw - 1424px)/2)}}
@media(max-width:1000px){.hero{grid-template-columns:1.1fr 1fr;min-height:670px;padding-top:55px}.structure{margin-left:15px}.structure-node{width:190px;padding:18px}.structure-name{font-size:29px}.structure-node strong{font-size:14px}.hero h1{font-size:44px}.section-heading{gap:20px 40px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:1fr 1fr}.footer-top>a:last-child{grid-column:2;text-align:left}.contact-layout{gap:40px}.contact-band h2{font-size:28px}}
@media(max-width:700px){header{height:80px;padding:0 6%}.brand{width:145px}.brand img{height:35px}.menu{display:flex;gap:16px;background:transparent;border:0;color:white;padding:10px;font-size:12px}nav{display:none;position:absolute;left:0;right:0;top:80px;background:#23383d;padding:30px 6%;border-top:1px solid #ffffff20;flex-direction:column;align-items:flex-start;gap:25px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:42px 6% 0;min-height:auto}.hero h1{font-size:41px;letter-spacing:-1.8px;margin-top:18px}.hero .lead{font-size:14px}.hero-copy .button{padding:15px 18px;font-size:12px}.structure{margin:35px 0 0;min-height:390px}.structure:before{width:220px;height:220px;left:calc(50% - 110px);top:48px}.structure:after{width:170px;height:170px;left:calc(50% - 85px);top:73px}.structure-name{top:88px;font-size:26px}.structure-node{width:48%;padding:17px}.structure-node.industrial{bottom:66px}.structure-node.digital{bottom:16px}.structure-node strong{font-size:13px}.structure-node small{font-size:8px}.structure-node span{font-size:9px}.hero-bottom{font-size:9px;gap:20px;margin-top:20px}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:28px;margin:16px 0}.section-heading>p:last-child{font-size:13px}.division-grid,.product-grid{grid-template-columns:1fr}.division{min-height:270px;padding:28px}.division h3{font-size:24px;margin-top:45px}.product{min-height:315px}.product-top{margin-bottom:27px}.contact-band{display:block;padding:48px 6%}.contact-band h2{font-size:28px;margin:20px 0}.contact-band .button{margin-top:5px}.footer-top{display:flex;flex-direction:column;gap:25px;padding-bottom:28px}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:9px}.page-intro{padding:45px 6% 35px}.page-intro h1{font-size:35px}.page-intro .lead{font-size:15px}.construction-panel,.product-detail,.contact-layout{grid-template-columns:1fr;gap:35px;padding:45px 6%}.architectural{height:290px}.commodity-list>div{grid-template-columns:30px 1fr;gap:8px;padding:20px 0}.commodity-list h3{font-size:18px}.commodity-list p{grid-column:2;text-align:left;font-size:12px}.trading-image{height:220px}.trading-image span{max-width:88%;font-size:8px}.filter-bar button{font-size:10px;padding:8px 12px}.detail-art{height:260px}.product-detail h2{font-size:26px}footer{padding:38px 6% 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Preserve the exact dark original logo on a light surface. */
header{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}header nav a{color:#51625e}header nav a:hover,header nav a[aria-current]{color:#91643f}footer .brand{background:var(--paper);color:var(--ink);padding:8px 12px;width:178px;gap:1px}footer .brand img{height:36px}footer .brand span{font-size:8px}
@media(max-width:700px){.menu{color:var(--ink)}nav{background:var(--paper);border-top:1px solid var(--line)}}