@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#101820;--paper:#f3f2ed;--orange:#ed5a26;--muted:#777b7d;--line:#d8d8d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white;position:absolute;z-index:5;inset:0 0 auto}.brand{display:flex;align-items:center;gap:12px;font:600 12px/1.12 'Space Grotesk',sans-serif;letter-spacing:.1em}.brand img{width:48px;height:38px;object-fit:contain}.brand b{color:#f6a928}.site-header nav{display:flex;align-items:center;gap:36px;font-size:12px;letter-spacing:.04em}.site-header nav a{opacity:.82}.site-header nav a:hover{opacity:1}.site-header .nav-cta{opacity:1;border:1px solid #ffffff48;padding:12px 17px}.nav-cta span,.button span{margin-left:20px}.menu-toggle{display:none}.hero{height:min(800px,95vh);min-height:660px;position:relative;background:#111;color:white;display:flex;align-items:center;padding:82px 10vw 0;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('assets/images/fheng-3306x1654.jpg') center/cover no-repeat;opacity:.53;filter:saturate(.72)}.hero-shade{background:linear-gradient(90deg,#101820ef 0%,#101820ba 42%,#10182020 100%),linear-gradient(0deg,#101820a6,transparent 40%)}.hero-content{position:relative;z-index:1;max-width:650px;padding-bottom:38px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;margin:0 0 23px}.hero .eyebrow{color:#ffb342}.hero .eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:10px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.06em}h1{font-size:clamp(62px,8.7vw,126px);line-height:.92;margin-bottom:25px}h1 em,h2 em{font-style:normal;color:#f29c38}.hero-copy{color:#d0d4d4;line-height:1.8;max-width:450px;font-size:15px;margin-bottom:35px}.button{display:inline-block;padding:17px 19px;font-size:11px;font-weight:700;letter-spacing:.04em}.button-light{background:#f2a33d;color:var(--ink)}.button-light:hover{background:#ffc365}.hero-note{position:absolute;bottom:34px;left:10vw;right:10vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#ffffffab;text-transform:uppercase}.section-wrap{max-width:1200px;margin:auto;padding-left:34px;padding-right:34px}.intro{display:grid;grid-template-columns:1fr 2fr;padding-top:120px;padding-bottom:126px}.intro-kicker{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--orange);padding-top:13px}.intro h2,.section-heading h2,.feature h2,.contact h2{font-size:clamp(38px,5vw,68px);line-height:1.02;margin-bottom:20px}.intro>div:last-child{max-width:660px}.intro p{max-width:550px;font-size:15px;line-height:1.9;color:#60676a}.text-link{display:inline-block;margin-top:12px;font-size:11px;font-weight:700;border-bottom:1px solid var(--orange);padding-bottom:8px}.text-link span{color:var(--orange);padding-left:18px}.capabilities{background:#e8e8e1;padding:102px 0 116px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-heading h2{margin:0}.section-aside{max-width:270px;font-size:12px;line-height:1.8;color:#62696b;margin:0 0 8px}.section-heading .eyebrow{color:var(--orange);margin-bottom:18px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{background:var(--paper);padding:13px 13px 25px;position:relative;min-height:345px}.service-card img{width:100%;height:155px;object-fit:cover;filter:saturate(.8)}.service-number{position:absolute;top:23px;left:22px;width:34px;height:34px;background:var(--orange);color:white;display:grid;place-items:center;font-size:10px;font-weight:700;z-index:1}.service-card h3{font:600 18px 'Space Grotesk',sans-serif;margin:22px 0 10px}.service-card p{font-size:11px;color:#697073;line-height:1.75;margin:0 26px 0 0}.service-card>a{position:absolute;bottom:20px;right:19px;color:var(--orange);font-size:18px}.feature{display:grid;grid-template-columns:1.15fr .85fr;min-height:600px;background:var(--ink);color:white}.feature-photo{background:url('assets/images/360-engine-4-2000x2667.jpg') center 40%/cover no-repeat;min-height:600px}.feature-copy{padding:90px clamp(40px,8vw,130px) 70px 10%;align-self:center}.feature-copy .eyebrow{color:#f29c38}.feature-copy h2{font-size:clamp(42px,5vw,70px)}.feature-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#b7c0c1;max-width:410px;margin:25px 0 34px}.button-outline{border:1px solid #ffffff6b;color:white}.button-outline:hover{background:white;color:var(--ink)}.projects{padding-top:110px;padding-bottom:120px}.projects .section-heading{margin-bottom:42px}.gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.gallery figure{margin:0;position:relative;height:280px;background:#222;overflow:hidden}.gallery .gallery-large{height:420px;grid-row:span 2}.gallery img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .5s}.gallery figure:hover img{transform:scale(1.04)}.gallery figcaption{position:absolute;inset:auto 0 0;padding:52px 20px 18px;color:white;background:linear-gradient(transparent,#101820dc)}.gallery figcaption span{display:block;color:#ffb342;font-size:9px;font-weight:700;letter-spacing:.18em;margin-bottom:7px}.gallery figcaption b{font:500 16px 'Space Grotesk',sans-serif}.contact{background:var(--orange);padding:95px 0;color:var(--ink)}.contact-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.contact .eyebrow{color:#442315}.contact h2{margin:0}.contact h2 em{color:white}.contact-action{max-width:400px}.contact-action p{font-size:13px;line-height:1.85;margin-bottom:23px}.contact-action .button{background:var(--ink);color:white}.contact-action .button:hover{background:#29343b}.contact-action small{display:block;font-size:10px;margin-top:15px}footer{background:var(--ink);color:white;min-height:106px;padding:24px 6vw;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span,footer>a:not(.brand){font-size:10px;color:#b4b9ba}footer small{font-size:9px;color:#858d90}.footer-brand img{width:42px;height:34px}@media(max-width:800px){.site-header{height:72px;padding:0 22px}.menu-toggle{display:block;border:1px solid #ffffff58;background:none;color:white;padding:9px 12px;font:inherit;font-size:12px}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--ink);padding:20px 24px 26px;align-items:stretch;flex-direction:column;gap:20px}.site-header nav.open{display:flex}.site-header .nav-cta{align-self:flex-start}.hero{min-height:630px;padding-left:8vw;padding-right:8vw}.hero-note{left:8vw;right:8vw}.hero-note span:last-child{max-width:160px;text-align:right;line-height:1.6}.section-wrap{padding-left:24px;padding-right:24px}.intro{grid-template-columns:1fr;gap:30px;padding-top:82px;padding-bottom:84px}.section-heading{display:block}.section-aside{margin-top:23px}.service-grid{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr}.feature-photo{min-height:420px}.feature-copy{padding:65px 30px 75px}.gallery{grid-template-columns:1fr 1fr}.gallery .gallery-large{grid-column:span 2;grid-row:auto;height:340px}.gallery figure{height:250px}.projects{padding-top:82px;padding-bottom:85px}.contact-inner{grid-template-columns:1fr;gap:35px}.contact{padding:75px 0}footer{padding:28px 24px;display:grid;grid-template-columns:1fr 1fr}footer>span{display:none}}@media(max-width:480px){.brand{font-size:10px}.brand img{width:38px}.hero{min-height:590px}.hero-copy{font-size:13px}.service-grid{grid-template-columns:1fr}.service-card{min-height:330px}.service-card img{height:185px}.gallery{grid-template-columns:1fr}.gallery .gallery-large{grid-column:auto;height:300px}.gallery figure{height:260px}.intro h2,.section-heading h2,.feature h2,.contact h2{font-size:43px}.capabilities{padding-top:75px;padding-bottom:80px}}
.contact-action{max-width:480px}
.contact-list{margin:28px 0 0;padding:0;border-top:1px solid #10182066;font-style:normal}
.contact-item{display:grid;grid-template-columns:135px minmax(0,1fr);column-gap:24px;align-items:baseline;padding:17px 0;border-bottom:1px solid #10182066}
.contact-item dt{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.contact-item dd{margin:0;min-width:0}
.contact-item a{font:600 clamp(16px,2vw,21px)/1.35 'Space Grotesk',sans-serif;overflow-wrap:anywhere;border-bottom:1px solid currentColor}
.contact-item a:hover{color:white}
@media(max-width:480px){.contact-item{grid-template-columns:1fr;row-gap:8px}.contact-item a{font-size:18px}}

.site-header{gap:24px}
.site-header #site-nav{margin-left:auto;gap:28px}
.header-actions{display:flex;align-items:center;gap:12px;flex:none}
.lang-switch{display:flex;align-items:center;gap:3px;border:1px solid #ffffff58;padding:3px}
.lang-switch a{display:block;padding:6px 8px;font-size:11px;font-weight:700;letter-spacing:.06em;color:white;opacity:.75}
.lang-switch a:hover{opacity:1}
.lang-switch a[aria-current="page"]{background:#f2a33d;color:var(--ink);opacity:1}
.lang-switch a:focus-visible{outline:2px solid white;outline-offset:2px}
.hero-image{background-image:url('assets/images/structural-steel-3.jpeg');background-position:center 47%;opacity:.7;filter:saturate(.72)}
.hero-shade{background:linear-gradient(90deg,#101820f5 0%,#101820c9 43%,#1018204d 100%),linear-gradient(0deg,#101820af,transparent 45%)}
.service-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.service-card{padding-bottom:42px}
.service-card h3 small{display:block;margin-top:7px;color:var(--orange);font:700 10px 'DM Sans',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:950px){.site-header #site-nav{gap:17px}}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.site-header #site-nav{margin-left:0;gap:20px}.header-actions{margin-left:auto}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.site-header{gap:10px}.header-actions{gap:8px}.lang-switch a{padding:5px 6px}.service-grid{grid-template-columns:1fr}}