*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#171717;background:#f4f4f2}.header{height:86px;background:#0b0b0b;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:20;border-bottom:1px solid #292929}.brand{text-decoration:none;color:#fff;display:flex;flex-direction:column;line-height:.9}.brand-main{font-size:40px;font-weight:900;letter-spacing:-3px}.brand-sub{font-size:11px;font-weight:700;letter-spacing:1.6px;margin-top:7px}.header nav{display:flex;align-items:center;gap:32px}.header nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.header nav a:hover{color:#f7be00}.nav-btn{border:1px solid #f7be00;padding:13px 17px}.menu{display:none;background:none;border:0;color:#fff;font-size:28px}.hero{min-height:620px;position:relative;background:url('assets/hero-electrical.jpg') center/cover no-repeat;display:flex;align-items:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.76) 37%,rgba(0,0,0,.2) 72%,rgba(0,0,0,.05) 100%)}.hero-copy{position:relative;z-index:2;color:#fff;width:min(760px,90vw);margin-left:5vw}.hero h1{font-size:70px;line-height:.98;text-transform:uppercase;margin:0 0 20px;font-weight:900;letter-spacing:-2px}.line{width:82px;height:4px;background:#f7be00;margin:18px 0}.hero h2{text-transform:uppercase;font-size:30px;margin:0 0 10px;line-height:1.25}.hero h2 span{color:#f7be00}.lead{font-size:27px;font-weight:700;margin:10px 0}.area{color:#f7be00;text-transform:uppercase;font-size:20px;font-weight:800;letter-spacing:.5px}.actions{display:flex;gap:14px;margin-top:30px}.btn{display:inline-block;text-decoration:none;padding:16px 24px;text-transform:uppercase;font-weight:800;font-size:14px}.primary{background:#f7be00;color:#111}.secondary{border:1px solid #fff;color:#fff;background:rgba(0,0,0,.2)}.services{display:grid;grid-template-columns:repeat(4,1fr);background:#fff}.services article{padding:42px 34px;border-right:1px solid #ddd;min-height:230px}.services article:last-child{border-right:0}.services h3{text-transform:uppercase;font-size:22px;margin:0 0 15px}.services h3:after{content:'';display:block;width:36px;height:3px;background:#f7be00;margin-top:12px}.services p{font-size:15px;line-height:1.65;color:#444;margin:0}.about{background:#171717;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:80px 8vw}.about h2,.service-area h2,.contact h2{font-size:38px;line-height:1.15;margin:6px 0 16px;text-transform:uppercase}.about>p{font-size:18px;line-height:1.8;color:#d0d0d0;margin:0}.kicker{color:#f7be00;font-size:13px;font-weight:800;letter-spacing:1.4px;margin:0;text-transform:uppercase}.service-area{background:#f7be00;padding:55px 8vw}.service-area .kicker{color:#111}.service-area h2{margin-bottom:8px}.service-area p:last-child{font-weight:700}.contact{text-align:center;padding:80px 20px;background:#f5f5f3}.contact p{font-size:18px;color:#444}.contact .small{font-size:14px;color:#777;margin-top:28px}footer{background:#0b0b0b;color:#aaa;padding:24px 5vw;display:flex;justify-content:space-between;font-size:12px}
@media(max-width:900px){.header{height:72px}.brand-main{font-size:32px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0b0b;padding:20px 5vw;flex-direction:column;align-items:flex-start;border-top:1px solid #333}.header nav.open{display:flex}.menu{display:block}.hero{min-height:580px}.shade{background:rgba(0,0,0,.7)}.hero h1{font-size:48px}.hero h2{font-size:22px}.lead{font-size:21px}.services{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;gap:20px}.services article:nth-child(2){border-right:0}}
@media(max-width:560px){.hero h1{font-size:40px}.hero-copy{margin-left:7vw}.hero h2{font-size:19px}.lead{font-size:19px}.area{font-size:16px}.actions{flex-direction:column;align-items:flex-start}.services{grid-template-columns:1fr}.services article{border-right:0;border-bottom:1px solid #ddd}.about,.service-area{padding-left:7vw;padding-right:7vw}.about h2,.service-area h2,.contact h2{font-size:30px}footer{flex-direction:column;gap:8px}}