:root{--ink:#101416;--muted:#a8b0b4;--line:#d9dcdd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f7f8f7}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b78e50;outline-offset:5px}.top{background:#0b0e10;color:#bac1c4;font-size:11px;letter-spacing:.6px;padding:12px 5%;display:flex;justify-content:space-between}header{padding:22px 5%;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.logo{width:172px;display:block}nav{display:flex;align-items:center;gap:28px;font-size:13px}#menu{display:none}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;background:var(--ink);color:white;padding:18px 23px;font-size:13px;font-weight:600;border:1px solid var(--ink)}.button:hover{background:#343c40}.small{padding:13px 18px}.light{background:#fff;color:var(--ink);border-color:#fff}.light:hover{background:#d8dddf}.hero{display:grid;grid-template-columns:1.08fr 1fr;background:var(--ink);color:white}.hero-copy{padding:65px 9% 27px}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.8;font-weight:600;margin:0 0 27px}h1{font-size:clamp(48px,5.6vw,84px);line-height:1.04;letter-spacing:-3px;font-weight:500;margin:0 0 30px}h1 span{color:#abb5ba}.intro{font-size:16px;line-height:1.8;color:#bac2c6;max-width:430px}.actions{display:flex;align-items:center;gap:23px;margin:34px 0 58px}.text-link{font-size:12px;border-bottom:1px solid #879195;padding-bottom:7px}.hero-bottom{border-top:1px solid #394044;padding-top:22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#aab4b9}.hero-image{background-image:url('assets/industrial.webp');background-size:205% auto;background-position:right 42%;position:relative;min-height:600px;overflow:hidden}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101416 0%,transparent 40%)}.image-note{position:absolute;z-index:1;bottom:32px;left:35px;line-height:2;letter-spacing:1.5px;font-size:9px;color:#d5dadd}.image-note strong{font-size:15px;letter-spacing:0;font-weight:400}.principles{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 5%;border-bottom:1px solid var(--line);gap:20px;font-size:10px;color:#737c80}.principles b{font-weight:500;color:var(--ink);font-size:12px;margin-left:13px}.section{padding:85px 7%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:37px}h2{font-size:clamp(32px,3.3vw,48px);font-weight:500;line-height:1.14;letter-spacing:-1.7px;margin:0 0 15px}.section-head>p{max-width:300px;font-size:14px;color:#667074;line-height:1.8}.featured{display:grid;grid-template-columns:1fr 1fr;gap:25px}.feature{background:#fff;display:grid;grid-template-columns:42% 58%;border:1px solid var(--line)}.feature img{width:100%;height:100%;object-fit:cover;min-height:260px}.feature>div{padding:28px}.feature .eyebrow{font-size:9px}h3{font-size:22px;font-weight:500;letter-spacing:-.7px}.feature p,.steps p,.about p{font-size:14px;line-height:1.8;color:#647074}.feature a,.lines a{font-size:12px;border-bottom:1px solid #8b9599;padding-bottom:5px;display:inline-block;margin:10px 0}.lines{margin-top:35px}details{border-top:1px solid var(--line);padding:22px 5px}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-size:19px;display:flex;gap:25px;align-items:center}summary::-webkit-details-marker{display:none}summary span{font-size:11px;color:#747e83}summary b{margin-left:auto;font-size:22px;font-weight:400}details[open] summary b{transform:rotate(45deg)}details p{color:#647074;font-size:14px;line-height:1.8;margin-left:42px}details a{margin-left:42px!important}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#e9edec}.about .large{font-size:23px;line-height:1.5;color:#263135;margin-top:0}.about .text-link{display:inline-block;margin-top:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:48px}.steps article{border-top:1px solid #9ca5a8;padding-top:23px}.steps span{font-size:12px;color:#788388}.contact{background:var(--ink);color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:60px}.contact p{color:#b6c0c4;margin-bottom:30px}.contact .eyebrow{font-size:10px}.contact address{font-style:normal;display:flex;flex-direction:column;gap:22px;justify-content:center;font-size:17px;overflow-wrap:anywhere}.contact address small{color:#a7b2b7;line-height:1.8;font-size:12px}footer{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;background:white;font-size:11px;color:#636f74}footer .logo{width:130px}@media(min-width:1500px){.hero-image{background-size:205% auto}}@media(max-width:950px){nav{gap:15px;font-size:11px}.actions{flex-direction:column;align-items:start}.feature{grid-template-columns:1fr}.feature img{height:230px;min-height:0}.hero-copy{padding-top:45px}.hero-image{background-size:auto 115%;background-position:80% center}.principles{grid-template-columns:1fr 1fr}}@media(max-width:650px){.top{font-size:9px}.top>a{display:none}header{padding:18px 6%;position:relative}.logo{width:150px}#menu{display:block;border:1px solid #ccc;background:white;padding:9px 12px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;z-index:5;padding:25px;font-size:14px;align-items:stretch}nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 7% 25px}h1{font-size:57px;letter-spacing:-2px}.intro{font-size:15px}.actions{margin-bottom:35px;gap:25px}.hero-image{min-height:340px;background-size:205% auto;background-position:right 54%}.hero-bottom{font-size:8px}.principles{padding:24px 7%;gap:22px 10px}.principles b{font-size:10px;margin-left:6px}.section{padding:55px 7%}.section-head{display:block}.section-head>p{max-width:none}.featured,.about,.steps,.contact{grid-template-columns:1fr}.featured{gap:20px}.feature{grid-template-columns:38% 62%}.feature img{height:100%}.feature>div{padding:20px}h3{font-size:20px}.feature p{font-size:12px}.feature .eyebrow{letter-spacing:1px}.feature a{font-size:11px}.about{gap:25px}.steps{gap:25px;margin-top:30px}.contact{gap:32px}.contact .button{font-size:12px;gap:10px}summary{font-size:16px;gap:16px}footer{gap:20px;flex-wrap:wrap}footer .logo{width:110px}}
.logo{filter:invert(1)}