@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');:root{--green:#063e27;--dark:#081513;--gold:#e6af35;--muted:#65716c;--light:#f3f6f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#15201b}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.wrap{max-width:1250px;margin:auto;padding:0 26px}.top{background:#063e27;color:#fff;font-size:12px;padding:9px 0}.topflex{display:flex;justify-content:space-between;gap:12px}.top a:hover{color:var(--gold)}.header{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 3px 16px #00000012}.nav{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand img{width:68px;height:68px;object-fit:contain}.brand b{display:block;font:900 39px/1 'Barlow Condensed',sans-serif}.brand small{font-size:10px;font-weight:800;letter-spacing:.7px}.nav nav{display:flex;align-items:center;gap:21px}.nav nav>a:not(.btn){font-size:13px;font-weight:700}.nav nav>a:hover,.nav nav>a.active{color:#0b7345}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:15px 22px;font-weight:800;font-size:12px;border:0;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-green{background:var(--green);color:white}.btn-gold{background:var(--gold);color:#101a14}.btn-outline{border:1px solid var(--green);color:var(--green);background:transparent}.btn-outline-white{border:1px solid #fff;color:white}.menu{display:none;border:0;background:none;font-size:26px}.hero{background:linear-gradient(115deg,#f8fbf9 0%,#f1f6f2 53%,#dbe5df 100%);overflow:hidden}.hero-layout{min-height:540px;display:grid;grid-template-columns:47% 53%;align-items:center;gap:20px}.hero-text{padding:55px 0;position:relative;z-index:1}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:2px;color:#0b7145}.hero h1,.subhero h1{font:900 clamp(42px,5.5vw,78px)/.98 'Barlow Condensed',sans-serif;margin:18px 0 12px}.hero h1 span{color:var(--green);font-size:1.6em}.hero h2{font:800 clamp(25px,3vw,40px)/1.08 'Barlow Condensed',sans-serif;margin:0 0 16px}.hero em,.section em,.cta em{color:#c9911f;font-style:normal}.hero p:not(.eyebrow){color:#4c5a52;line-height:1.75;max-width:510px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-art{height:475px;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;transform:skewX(-8deg) translateX(25px)}.hero-tile{overflow:hidden;border:5px solid white}.hero-tile.tall{grid-row:span 2}.hero-tile img{width:115%;height:100%;object-fit:cover;transform:skewX(8deg) scale(1.16)}.service-strip{background:#063e27;color:#fff}.stripgrid{display:grid;grid-template-columns:repeat(6,1fr);text-align:center}.stripgrid span{padding:25px 10px;font-size:11px;font-weight:800;border-right:1px solid #ffffff25}.section{padding:88px 0}.light{background:var(--light)}.dark{background:var(--dark);color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.image-frame{position:relative;min-height:350px}.image-frame img{width:100%;height:370px;object-fit:cover}.image-frame span{position:absolute;bottom:0;left:0;background:var(--gold);font-weight:800;font-size:12px;padding:12px 18px}.section h2,.cta h2{font:900 clamp(35px,4.3vw,56px)/1.05 'Barlow Condensed',sans-serif;margin:12px 0 22px}.section p{line-height:1.8;color:#58665e}.dark p{color:#c3cbc6}.text-link{font-weight:800;color:#096139;font-size:12px;letter-spacing:.7px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-head h2{margin:5px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{height:225px;position:relative;overflow:hidden;background:#15251e}.service-card:after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#000c)}.service-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.service-card:hover img,.gallery-item:hover img{transform:scale(1.06)}.service-card span{position:absolute;z-index:1;bottom:0;color:white;padding:18px;font:800 22px/1.1 'Barlow Condensed';width:100%;display:flex;justify-content:space-between;align-items:end}.service-card b{color:var(--gold)}.captiles{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.capitem{border:1px solid #ffffff26;padding:24px 12px;font:700 17px/1.2 'Barlow Condensed';text-align:center}.capitem span{display:block;color:var(--gold);font-size:36px;margin-bottom:12px}.gold{color:var(--gold)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-item{position:relative;height:250px;overflow:hidden;background:#12221a;margin:0}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-item span,.gallery-item figcaption{position:absolute;bottom:0;left:0;right:0;color:white;background:linear-gradient(transparent,#000d);padding:35px 17px 15px;font-weight:800;font-size:14px}.intro{margin-top:-8px}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.client-name{min-height:105px;background:white;border:1px solid #e0e8e2;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;font:800 22px/1.2 'Barlow Condensed';color:#174e35}.client-grid.large .client-name{min-height:155px}.valuegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.valuegrid article{border-top:3px solid var(--gold);padding-top:24px}.valuegrid article span{font-size:44px;color:var(--green)}.valuegrid h3{font:800 26px 'Barlow Condensed'}.subhero{background:linear-gradient(110deg,#071d15ee,#063e27e8),url('/assets/steelwork.webp') center/cover;color:#fff;padding:82px 0}.subhero h1{max-width:850px}.subhero p{max-width:700px;line-height:1.7}.linkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.linkgrid a{padding:22px;background:white;border:1px solid #d9e4dc;font-weight:700}.linkgrid a:hover{color:#0b7445}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.filters button{border:1px solid #cbd8ce;background:white;padding:12px 20px;cursor:pointer;font-weight:700}.filters button.selected{background:var(--green);color:white}.gallery-item[hidden]{display:none}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.quote{background:#f3f6f4;padding:32px;display:grid;gap:15px}.quote h3{font:800 30px 'Barlow Condensed';margin:0}.quote label{font-weight:700;font-size:13px;display:grid;gap:7px}.quote input,.quote select,.quote textarea{width:100%;border:1px solid #c9d5cc;background:white;padding:13px;font:inherit}.quote small{color:#68786b}.trap{position:absolute;left:-10000px}.cta{background:linear-gradient(110deg,#06351fef,#09251deb),url('/assets/fabrication.webp') center/cover;color:white;padding:65px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{margin:10px 0}.cta p{color:#e0e8e2}footer{background:#06110e;color:#fff;padding:55px 0 20px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:50px}.footbrand img{width:100px;height:100px;object-fit:contain}.footbrand h3{font:800 25px 'Barlow Condensed'}.footgrid h4{color:var(--gold)}.footgrid a{display:block;margin:10px 0;color:#d2dbd5;font-size:13px}.footgrid p{color:#aebdb4;font-size:13px}.copyright{margin-top:40px;padding-top:18px;border-top:1px solid #ffffff23;font-size:12px;color:#a8b7ad}.floatcall{position:fixed;bottom:22px;right:22px;width:55px;height:55px;background:#0b7542;border:3px solid #fff;border-radius:50%;color:white;display:grid;place-items:center;font-size:27px;z-index:40;box-shadow:0 6px 24px #0004}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}@media(max-width:1050px){.nav nav{gap:11px}.nav nav>a:not(.btn){font-size:11px}.cards{grid-template-columns:repeat(3,1fr)}.captiles{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.topflex{flex-direction:column;align-items:center}.nav{min-height:74px}.brand img{width:55px;height:55px}.menu{display:block}.nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:18px 26px;box-shadow:0 10px 20px #0002;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.nav nav>a:not(.btn){font-size:15px;padding:7px}.hero-layout{grid-template-columns:1fr}.hero-text{padding:55px 0 20px}.hero-art{height:300px;transform:none;margin-bottom:25px}.hero-tile img{transform:scale(1.1)}.stripgrid{grid-template-columns:repeat(3,1fr)}.split,.contactgrid{grid-template-columns:1fr;gap:30px}.cards{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.client-grid{grid-template-columns:repeat(2,1fr)}.valuegrid{grid-template-columns:1fr;gap:12px}.cta-inner{display:block}.footgrid{grid-template-columns:1fr 1fr}.section{padding:60px 0}.linkgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.wrap{padding:0 18px}.top{font-size:10px}.brand{min-width:0}.brand b{font-size:30px}.brand small{font-size:8px}.hero h1{font-size:45px}.hero-art{height:250px}.stripgrid{grid-template-columns:repeat(2,1fr)}.cards,.gallery,.linkgrid{grid-template-columns:1fr}.captiles{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start;flex-direction:column}.client-grid{gap:8px}.client-name{font-size:18px}.footgrid{grid-template-columns:1fr}.quote{padding:20px}.subhero{padding:55px 0}}
/* Client logo gallery from TJL company profile */
.client-name{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:140px;padding:18px;background:#fff;border:1px solid #e8e9e6;border-radius:12px;text-align:center}
.client-name img{display:block;width:100%;height:80px;object-fit:contain}
.client-name span{font-size:12px;color:#48544e;font-weight:600}
.other-service[hidden]{display:none!important}
.floating-social{position:fixed;bottom:90px;right:20px;z-index:30;display:flex;flex-direction:column;gap:9px}
.floating-social a{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#08603d;color:#fff;box-shadow:0 4px 18px #0004;font-size:22px;text-decoration:none}
.floating-social a:first-child{background:#1877f2}
.floating-social a:hover{transform:translateY(-3px)}
@media(max-width:650px){.floating-social{right:14px;bottom:80px}.client-name img{height:65px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}