:root{--navy:#142a32;--blue:#214b5b;--ice:#e9efec;--orange:#ff6433;--ink:#111}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;background:var(--ice);color:var(--navy)}a{color:inherit;text-decoration:none}.concept-bar{height:34px;padding:0 3vw;background:var(--orange);color:#111;display:flex;align-items:center;justify-content:space-between;font:600 .65rem "DM Sans";letter-spacing:.08em}.concept-bar a{text-decoration:underline}header{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(20,42,50,.22)}.logo{display:grid;grid-template-columns:38px auto;align-items:center;font:700 1.2rem "Barlow Condensed";letter-spacing:.04em;line-height:.8}.logo>span{grid-row:1/3;width:29px;height:38px;display:grid;place-items:center;background:var(--orange);color:var(--navy);font-size:1.5rem;clip-path:polygon(0 0,100% 14%,100% 100%,0 86%)}.logo small{font:500 .48rem "DM Sans";letter-spacing:.15em}nav{display:flex;align-items:center;gap:34px;text-transform:uppercase;font-size:.72rem;font-weight:600}.quote{background:var(--navy);color:#fff;padding:13px 18px}.menu{display:none;border:0;background:none;font-weight:700}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr}.hero-copy{padding:9vw 4vw 5vw}.hero-copy>p,.section-title>p,.project-copy>p{font-size:.68rem;font-weight:600;letter-spacing:.14em}.hero h1{font:600 clamp(4.5rem,9vw,9rem)/.76 "Barlow Condensed";letter-spacing:-.035em;text-transform:uppercase;margin:42px 0}.hero h1 em{font-style:normal;color:var(--orange)}.hero-bottom{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}.hero-bottom p{max-width:480px;font-size:1.1rem;color:#41545b}.hero-bottom a{font-size:.68rem;font-weight:700;border-bottom:1px solid;padding-bottom:7px}.hero-art{background:var(--navy);overflow:hidden;position:relative}.hero-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 90px,rgba(255,255,255,.025) 90px 92px)}.hero-art>span{position:absolute;bottom:7%;right:8%;color:white;font:600 3rem/1 "Barlow Condensed";z-index:3}.pipe{position:absolute;border:45px solid var(--ice);border-radius:50%}.pipe-one{width:560px;height:560px;left:-25%;top:9%}.pipe-two{width:310px;height:310px;right:-16%;bottom:-9%;border-color:var(--orange)}.numbers{display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy);color:#fff}.numbers div{padding:42px 4vw;border-right:1px solid #38505a;display:flex;align-items:baseline;gap:16px}.numbers strong{font:600 3.6rem "Barlow Condensed";color:var(--orange)}.numbers span{font-size:.76rem}.capabilities{padding:10vw 4vw}.section-title{display:flex;justify-content:space-between;margin-bottom:6vw}.section-title h2,.project-copy h2,.safety h2{font:600 clamp(3.2rem,7vw,7rem)/.85 "Barlow Condensed";letter-spacing:-.025em;text-transform:uppercase;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #9caaa8}.service-grid article{padding:35px 4vw 35px 0;border-right:1px solid #9caaa8}.service-grid article+article{padding-left:4vw}.service-grid b{font-size:.65rem;color:var(--orange)}.service-grid h3{font:600 2.1rem "Barlow Condensed";text-transform:uppercase}.service-grid p{color:#526267}.project-section{display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.project-image{min-height:650px;background:#809297;position:relative;overflow:hidden}.road{position:absolute;width:130%;height:75%;bottom:-35%;left:-15%;background:#343d40;transform:perspective(400px) rotateX(55deg)}.road i{position:absolute;width:5%;height:22%;background:#e6cf55;left:48%}.road i:nth-child(1){top:5%}.road i:nth-child(2){top:39%}.road i:nth-child(3){top:74%}.project-image>span{position:absolute;left:4vw;bottom:35px;color:white;font-size:.65rem;letter-spacing:.12em}.project-copy{padding:8vw 5vw}.project-copy h2{font-size:clamp(3rem,5vw,5.4rem);margin:30px 0 50px}.project-copy dl div{display:flex;justify-content:space-between;border-top:1px solid #bbc4c2;padding:15px 0}.project-copy dt{font-size:.62rem;font-weight:700}.project-copy dd{margin:0;font-size:.8rem}.detail{margin-top:45px;color:#5c686b}.safety{display:grid;grid-template-columns:1fr auto;align-items:center;padding:9vw 4vw;background:var(--orange);color:#111}.safety h2{margin:25px 0 0}.badge{width:170px;height:170px;border:5px solid #111;border-radius:50%;display:grid;place-items:center;font:700 4rem "Barlow Condensed";line-height:.5}.badge small{font-size:1rem}.badge span{display:block;font:700 .6rem "DM Sans";letter-spacing:.2em}.cta{padding:7vw 4vw;background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:end}.cta p{font-size:1.25rem}.cta a{font:600 clamp(3rem,7vw,7rem) "Barlow Condensed"}.cta a span{color:var(--orange)}footer{padding:30px 4vw;background:#0e1e24;color:#9eafb3;display:flex;align-items:center;justify-content:space-between;font-size:.7rem}footer .logo{color:white}@media(max-width:800px){header{height:72px}.menu{display:block}nav{display:none;position:absolute;top:106px;left:0;right:0;z-index:10;background:var(--ice);padding:25px;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:18vw 5vw 12vw}.hero h1{font-size:20vw}.hero-art{min-height:420px}.numbers{grid-template-columns:1fr}.numbers div{border-right:0;border-bottom:1px solid #38505a}.section-title{display:block}.service-grid,.project-section{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid #9caaa8;padding-left:0!important}.project-image{min-height:450px}.safety{grid-template-columns:1fr;gap:50px}.cta{align-items:flex-start;flex-direction:column}footer{align-items:flex-start;gap:24px;flex-direction:column}}
