@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#181818;--black:#111;--orange:#f15a24;--orange-dark:#ca4212;--cream:#f7f5f2;--line:#ded9d2;--muted:#64615d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font:15px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}header{z-index:20;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:90px;padding:0 clamp(24px,5vw,80px);display:flex;position:sticky;top:0}.brand{align-items:center;width:174px;height:65px;display:flex}.brand img{object-fit:contain;width:174px;height:auto;max-height:65px;display:block}.menu{background:0 0;border:0;font-size:25px;display:none}nav{text-transform:uppercase;letter-spacing:1.1px;align-items:center;gap:34px;font-size:12px;font-weight:800;display:flex}nav>a:not(.nav-cta){padding:32px 0;position:relative}nav>a:not(.nav-cta):hover:after{content:"";background:var(--orange);height:2px;position:absolute;bottom:25px;left:0;right:0}.nav-cta,.btn{background:var(--orange);color:#fff;border:1px solid var(--orange);letter-spacing:1.1px;text-transform:uppercase;cursor:pointer;align-items:center;gap:25px;padding:14px 19px;font:800 12px Manrope;transition:all .2s;display:inline-flex}.nav-cta:hover,.btn:hover{background:var(--orange-dark);border-color:var(--orange-dark)}.btn span{font-size:20px;line-height:10px}.hero{color:#fff;background:linear-gradient(90deg,#0a0a0ae8 0%,#0a0a0abf 39%,#0a0a0a29 100%),url(/assets/industrial-panel-hero.png) 50%/cover;align-items:center;min-height:620px;padding:90px clamp(24px,10vw,165px);display:flex}.hero.small{background:linear-gradient(90deg,#0a0a0aeb,#0a0a0a7a),url(/assets/industrial-panel-hero.png) 50%/cover;min-height:350px}.hero>div{max-width:760px}.eyebrow{color:var(--orange);letter-spacing:2.2px;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:800}.hero .eyebrow{color:#ff9a77}.hero h1,h2,h3{letter-spacing:.2px;font-family:Barlow Condensed,Arial,sans-serif}.hero h1{text-transform:uppercase;margin:0 0 24px;font-size:clamp(51px,6vw,82px);font-weight:700;line-height:.94}.hero.small h1{font-size:clamp(44px,5vw,68px)}.hero-copy{color:#f2f0ec;max-width:580px;margin:0 0 34px;font-size:18px}.intro,.why,.contact,.product-page,.about{width:min(1160px,100%);margin:auto;padding:105px 30px}.split{grid-template-columns:.9fr 1.1fr;gap:110px;display:grid}.split h2,h2{text-transform:uppercase;margin:0 0 25px;font-size:clamp(38px,4vw,58px);line-height:.98}.split>div:last-child{color:#403e3a;font-size:17px}.text-link{color:var(--orange);text-transform:uppercase;letter-spacing:1px;margin-top:12px;font-size:13px;font-weight:800;display:inline-block}.dark{color:#fff;background:#171717;padding:105px max(30px,50% - 550px)}.dark .eyebrow{color:#ff9a77}.services h2{max-width:600px}.cards{border:1px solid #3b3b3b;grid-template-columns:repeat(3,1fr);margin-top:54px;display:grid}.card{border-bottom:1px solid #3b3b3b;border-right:1px solid #3b3b3b;min-height:270px;padding:32px}.card:nth-child(3n){border-right:0}.card:nth-last-child(-n+3){border-bottom:0}.icon{border-top:2px solid var(--orange);color:#ff9a77;letter-spacing:1px;width:32px;padding-top:6px;font:700 11px Manrope}.card h3{text-transform:uppercase;margin:18px 0 12px;font-size:27px;line-height:1}.card p{color:#c4c0bc;margin:0 0 16px;font-size:14px}.card a{color:#ff9a77;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:800}.why{text-align:center}.why>h2{max-width:680px;margin:0 auto 58px}.why-grid{text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.why-grid article{border-right:1px solid var(--line);padding:28px 24px}.why-grid article:last-child{border-right:0}.why-grid b{color:var(--orange);font-size:12px;font-weight:800}.why-grid h3{text-transform:uppercase;margin:16px 0;font-size:25px;line-height:1}.why-grid p{color:var(--muted);margin:0;font-size:14px}.quote{background:var(--orange);color:#fff;justify-content:space-between;align-items:center;gap:40px;padding:76px max(30px,50% - 550px);display:flex}.quote .eyebrow{color:#ffe0d4}.quote h2{max-width:740px;margin:0;font-size:clamp(37px,4vw,58px)}.btn.light{color:var(--black);white-space:nowrap;background:#fff;border-color:#fff}.stats{text-align:center;background:var(--cream);grid-template-columns:repeat(3,1fr);gap:25px;padding:62px max(30px,50% - 550px);display:grid}.stats b{color:var(--orange);font:700 52px Barlow Condensed;display:block}.stats span{text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:800}.product-page{max-width:980px;padding-top:80px}.product-page section{border-bottom:1px solid var(--line);padding:42px 0}.product-page h2{margin:0 0 12px;font-size:42px}.product-page p{max-width:800px;font-size:16px}.product-page ul{columns:2;padding:0;list-style:none}.product-page li{color:#4e4a45;margin:9px 0;font-size:14px}.note{background:var(--cream);padding:17px 20px;font-size:14px!important}.contact{grid-template-columns:.75fr 1.25fr;gap:105px;display:grid}.contact h2{font-size:54px}.contact>div>a{color:var(--orange);margin:8px 0;font-size:17px;font-weight:800;display:block}.contact form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact label{text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:800}.contact label:nth-of-type(5),.contact label:nth-of-type(6),.contact button,.success{grid-column:1/-1}.contact input,.contact select,.contact textarea{background:#fff;border:1px solid #cfc9c2;width:100%;margin-top:6px;padding:13px;font:15px Manrope;display:block}.success{color:#187c49;font-weight:800}footer{color:#d8d5d1;background:#141414;grid-template-columns:2fr 1fr 1fr;gap:55px;padding:68px max(30px,50% - 550px) 24px;font-size:13px;display:grid}footer a{margin:8px 0;display:block}footer h4{color:#fff;letter-spacing:1.4px;text-transform:uppercase;font-size:11px}.footer-brand{color:#fff;letter-spacing:1px;font:700 30px Barlow Condensed}.footer-brand span{color:#ff9a77;letter-spacing:1.8px;font:800 10px Manrope;display:block}.copyright{color:#98938d;border-top:1px solid #383838;grid-column:1/-1;padding-top:20px;font-size:11px}@media (width<=760px){header{height:72px;padding:0 20px}.brand{width:140px;height:54px}.brand img{width:140px;max-height:54px}.menu{display:block}nav{background:#fff;border-bottom:1px solid #ddd;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 24px 25px;display:none;position:absolute;top:72px;left:0;right:0}nav.open{display:flex}nav>a:not(.nav-cta){padding:8px 0}.hero{background-position:63%;min-height:540px;padding:70px 25px}.hero h1{font-size:50px}.intro,.why,.contact,.product-page,.about{padding:70px 25px}.split,.contact{grid-template-columns:1fr;gap:35px}.cards,.why-grid{grid-template-columns:1fr}.card,.card:nth-child(3n),.why-grid article{border-bottom:1px solid #3b3b3b;border-right:0}.card:last-child{border-bottom:0}.why-grid article{border-color:var(--line)}.quote{padding:60px 25px;display:block}.quote .btn{margin-top:25px}.stats{grid-template-columns:1fr;padding:45px 25px}.product-page ul{columns:1}.contact form{grid-template-columns:1fr}.contact label{grid-column:1/-1!important}footer{grid-template-columns:1fr;padding:52px 25px}}
