
:root{--ink:#15191b;--soft:#eef0ee;--paper:#f7f7f4;--muted:#687175;--orange:#ff5b1f;--orange2:#ff7a43;--line:#d8dcda;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:var(--paper);line-height:1.55}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
.header{position:fixed;top:0;left:0;right:0;z-index:30;height:82px;display:flex;align-items:center;padding:0 5vw;background:rgba(15,18,20,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.logo{width:185px}.nav{margin-left:auto;display:flex;align-items:center;gap:25px;color:#c5cacc;font-size:12px}.nav a{transition:.25s}.nav a:hover{color:#fff}.nav .contact{padding:13px 19px;background:var(--orange);color:#fff}.hamb{display:none;background:none;border:0;color:#fff;font-size:27px}
.hero{min-height:100vh;background:#15191b;color:#fff;display:grid;grid-template-columns:42% 58%;padding-top:82px}.hero-left{padding:9vh 5vw 8vh 9vw;display:flex;flex-direction:column;justify-content:center}.kicker{font-size:12px;letter-spacing:3px;color:var(--orange);font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(60px,8vw,124px);line-height:.9;letter-spacing:-5px;font-weight:400;margin:25px 0 28px;max-width:590px}.hero p{color:#aeb5b8;max-width:480px;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;padding:14px 21px;background:var(--orange);color:white;font-size:12px;font-weight:800;border:0;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);background:var(--orange2)}.btn.line{background:transparent;border:1px solid #596165}.hero-right{background:center/cover url('assets/hero.svg');position:relative;min-height:700px}.hero-right:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#15191b 0%,transparent 20%);pointer-events:none}
.ticker{background:var(--orange);color:#15191b;padding:12px 0;overflow:hidden;white-space:nowrap;font-size:12px;font-weight:900;letter-spacing:2px}.ticker span{display:inline-block;margin-right:60px}
.section{padding:105px 6vw}.container{max-width:var(--max);margin:auto}.intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.display{font-size:56px;line-height:1.02;font-weight:400;letter-spacing:-2px;margin:0}.lead{font-size:20px;color:#525c60;max-width:650px}.rule{height:1px;background:var(--line);margin:35px 0}
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.cap{padding:28px 25px 30px;border-right:1px solid var(--line);min-height:235px}.cap:last-child{border-right:0}.cap small{color:var(--orange);font-weight:800;letter-spacing:2px}.cap h3{font-size:24px;font-weight:500;margin:18px 0 10px}.cap p{color:var(--muted);font-size:14px}
.immersive{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff}.immersive .photo{min-height:570px;background:center/cover url('assets/factory.svg')}.immersive .copy{padding:85px 8vw}.immersive h2{font-size:60px;line-height:1;letter-spacing:-2px;font-weight:400;margin:18px 0}.immersive p{color:#abb2b5;max-width:520px}.bullet{list-style:none;padding:0;margin:30px 0}.bullet li{border-top:1px solid #394044;padding:14px 0;color:#d3d7d8}.bullet li:before{content:"↗";color:var(--orange);margin-right:12px}
.numbers{display:grid;grid-template-columns:repeat(3,1fr);background:#e4e6e4}.number{padding:45px 6vw;border-right:1px solid #cdd1cf}.number strong{font-size:62px;font-weight:400;display:block}.number span{text-transform:uppercase;letter-spacing:1.8px;font-size:11px;color:#626b70}
.pagehead{padding:175px 7vw 80px;background:#171b1d;color:#fff}.pagehead h1{font-size:78px;line-height:.95;letter-spacing:-3px;font-weight:400;margin:18px 0}.pagehead p{color:#abb2b6;max-width:650px;font-size:17px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#ccd0ce}.tile{min-height:360px;background:#fff;padding:35px;display:flex;flex-direction:column;justify-content:end}.tile.dark{background:#252a2d;color:#fff}.tile h3{font-size:29px;font-weight:400;margin:8px 0}.tile p{color:var(--muted);margin:0}.tile.dark p{color:#adb4b7}
.projects{display:grid;grid-template-columns:1.4fr .6fr;gap:2px;background:#ccd0ce}.project{min-height:450px;background:#171b1d;color:white;padding:35px;display:flex;align-items:end;position:relative;overflow:hidden}.project.big{background:center/cover url('assets/systems.svg')}.project.small{background:#303538}.project h3{font-size:37px;font-weight:400;line-height:1.05;margin:0}.project .meta{color:#b9c0c2;font-size:12px;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:10px}.person-email{display:inline-block;margin-top:12px;color:var(--orange);font-size:12px;font-weight:800;overflow-wrap:anywhere}.tile.dark .person-email{color:#ff8b62}
.form-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:75px}.contact-card{background:#1a1e20;color:#fff;padding:35px}.contact-card h3{font-size:25px;font-weight:400}.contact-card p{color:#adb4b7}.form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.field input,.field select,.field textarea{border:1px solid #cdd2d0;background:#fff;padding:14px;outline:none}.field textarea{min-height:150px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange)}.success{display:none;margin-top:18px;padding:14px;background:#e7f3ee;border-left:3px solid #288567}.success.show{display:block}
.footer{background:#111416;color:#9ca5a9;padding:65px 6vw 25px}.footergrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h4{color:#fff;margin:0 0 15px}.footer a{display:block;font-size:13px;margin:8px 0}.footer a:hover{color:#fff}.footer p{font-size:13px}.footbottom{border-top:1px solid #2d3336;margin-top:45px;padding-top:20px;font-size:11px;display:flex;justify-content:space-between;gap:20px}.footbottom span:last-child{display:inline-flex!important;align-items:baseline;white-space:nowrap}.footbottom a{display:inline;margin:0 0 0 3px;font-size:inherit}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:950px){.nav{display:none}.nav.open{display:flex;position:absolute;top:82px;left:0;right:0;padding:20px 7vw;background:#111416;flex-direction:column;align-items:flex-start}.hamb{display:block;margin-left:auto}.hero{grid-template-columns:1fr}.hero-left{padding:90px 8vw}.hero-right{min-height:55vh}.intro,.immersive,.form-layout,.projects{grid-template-columns:1fr}.immersive .photo{min-height:430px}.cap-grid,.tiles{grid-template-columns:1fr 1fr}.numbers{grid-template-columns:1fr}.number{border-right:0;border-bottom:1px solid #cdd1cf}.footergrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero h1{font-size:58px;letter-spacing:-3px}.display{font-size:42px}.pagehead h1{font-size:54px}.cap-grid,.tiles,.form{grid-template-columns:1fr}.section{padding:70px 6vw}.immersive .copy{padding:65px 7vw}.footbottom{flex-direction:column}}
