:root{--navy:#0f1e33;--blue:#17324e;--orange:#f28b0c;--white:#fff;--paper:#f5f5f2;--muted:#667481;--line:#dce0e3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--navy);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:absolute;top:-100px;z-index:100;padding:20px;background:#fff}.skip:focus{top:0}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:19px;letter-spacing:1.5px}.brand img{object-fit:contain}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:6px}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}.nav-cta{border:1px solid var(--line);padding:15px 18px}.nav-cta span{margin-left:25px;color:#b85000}.menu{display:none}.hero{background:var(--navy);color:white;position:relative;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden}.hero-copy{padding:100px 0 80px 8.7%;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.7;margin:0 0 28px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:9px}.hero h1{font-size:clamp(44px,4.6vw,76px);letter-spacing:-3.2px;font-weight:500;line-height:1.08;margin:0 0 30px}em{font-style:normal;color:var(--orange)}.hero-intro{color:#b7c5d2;max-width:440px;line-height:1.8;font-size:16px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:35px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:38px;background:var(--orange);color:var(--navy);padding:20px 23px;font-weight:700;font-size:12px;transition:background .2s,transform .2s}.button:hover{background:#ffaf45;transform:translateY(-2px)}.button span{font-size:23px;font-weight:400}.quiet{font-size:11px;border-bottom:1px solid #677486;padding:10px 0}.quiet span{margin-left:15px}.hero-visual{position:relative;background:radial-gradient(ellipse at 50% 40%,#24435c 0%,transparent 65%);min-height:650px}.hero-visual>img{position:absolute;width:110%;height:100%;object-fit:contain;right:0;top:-20px}.visual-caption{position:absolute;bottom:30px;left:16%;border-left:2px solid var(--orange);padding-left:16px}.visual-caption span{display:block;font-size:9px;letter-spacing:2px}.visual-caption small{display:block;font-size:10px;color:#8ca2b7;margin-top:9px}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin:0 5%;padding:24px 0;border-top:1px solid #ffffff24;font-size:9px;letter-spacing:1.8px;color:#c0ccd5}.hero-foot>a{font-size:22px;color:var(--orange)}.section{padding:100px 7%}.intro{background:#fff;padding-top:90px;padding-bottom:70px}.intro h2{font-size:clamp(36px,4.6vw,68px);max-width:900px}.intro-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px}.intro-bottom>p{max-width:560px;line-height:1.9;font-size:17px;color:var(--muted)}.wordmark{font-size:85px;font-weight:900;letter-spacing:-7px;color:#e8ebed}.wordmark span{color:var(--orange);padding-left:15px}h2{font-weight:500;font-size:clamp(34px,3.7vw,57px);letter-spacing:-2.1px;line-height:1.12;margin:0}h3{font-weight:500}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.section-head>p{max-width:330px;font-size:14px;line-height:1.9;color:var(--muted)}.expertise-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:55px}.service-tabs{display:flex;flex-direction:column}.service-tabs button{display:flex;align-items:center;text-align:left;gap:18px;border:0;border-top:1px solid #cdd4db;background:none;padding:30px 0;font-size:17px;color:#4c5b6a;cursor:pointer;line-height:1.5}.service-tabs button span{font-size:10px;color:#77818a}.service-tabs button b{font-size:20px;font-weight:400;margin-left:auto}.service-tabs button[aria-selected=true]{color:var(--navy);font-weight:700;border-top:2px solid var(--orange)}.service-tabs button[aria-selected=true] b{color:#bd5600}.service-panel{background:white;display:grid;grid-template-columns:1fr 1.7fr;min-height:410px}.service-description{padding:34px 30px}.service-description h3{font-size:25px;letter-spacing:-.7px;line-height:1.2;margin:0 0 20px}.service-description>p:not(.eyebrow),.service-description li{font-size:13px;line-height:1.8;color:var(--muted)}.service-description .eyebrow{color:#ac4f00;margin-bottom:16px}.service-description ul{padding-left:16px;margin-bottom:25px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #aab3bc;padding:14px 0;font-size:11px;font-weight:700}.text-link span{font-size:20px}.service-art{background:var(--blue);position:relative;overflow:hidden;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:28px 28px}.service-art>span{position:absolute;bottom:12px;left:15px;font-size:75px;font-weight:700;color:#ffffff14;letter-spacing:-6px}.pipe{position:absolute;border:12px solid #f28b0c;border-radius:0 45px 0 0;transform:rotate(-30deg);height:230px;width:130px;left:15%;top:14%;border-left:0;border-bottom:0;box-shadow:5px -4px 0 #ffb557}.p2{left:36%;top:34%;height:180px;width:105px;border-color:#7591a7;box-shadow:5px -4px 0 #a1b6c6}.p3{left:-24%;top:57%;height:180px;width:120px;border-color:#426078;box-shadow:5px -4px 0 #7591a7}.service-panel[data-kind="1"] .pipe{transform:rotate(-55deg);border-radius:0;width:240px;height:130px}.service-panel[data-kind="2"] .pipe{transform:rotate(-30deg);border-radius:0;width:160px;height:140px;border:4px solid #f28b0c;background:#f28b0c22}.service-panel[data-kind="3"] .pipe{transform:rotate(0);border-radius:0;width:90px;height:240px;border-width:8px}.projects{background:#fff}.project{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center;margin-bottom:65px}.project.reverse{grid-template-columns:1fr 1.2fr}.project.reverse .project-image{order:2}.project-image{position:relative;background:#17324e;overflow:hidden;aspect-ratio:1.4}.project-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);mix-blend-mode:luminosity;opacity:.85;transition:transform .6s}.project-image:hover img{transform:scale(1.035)}.project-image>span{position:absolute;bottom:20px;left:20px;padding:10px 14px;background:var(--orange);font-size:9px;font-weight:700;letter-spacing:1.3px}.project-copy h3{font-size:39px;letter-spacing:-1.5px;margin:0 0 20px}.project-copy>.eyebrow{color:#ad5300;margin-bottom:17px}.project-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted)}.tags{display:flex;gap:8px;margin:25px 0}.tags span{border:1px solid var(--line);font-size:10px;padding:8px 13px}.project details{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:17px 0;display:flex;justify-content:space-between;font-size:12px;font-weight:600}summary::-webkit-details-marker{display:none}details p{font-size:12px;line-height:1.8;color:var(--muted)}.image-note{font-size:10px;color:var(--muted);margin-bottom:0}.about{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1.5fr;gap:12%;align-items:center}.about-sign{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff20;aspect-ratio:.9;position:relative;background:linear-gradient(135deg,#17324e,transparent)}.about-sign:before,.about-sign:after{content:'';position:absolute;width:40px;height:40px;border-color:var(--orange);border-style:solid}.about-sign:before{left:-1px;top:-1px;border-width:3px 0 0 3px}.about-sign:after{right:-1px;bottom:-1px;border-width:0 3px 3px 0}.about-sign>span{font-size:140px;font-weight:900;line-height:.88;letter-spacing:-9px;color:#ffffffdb}.orange{color:var(--orange)}.about-copy h2{font-size:clamp(30px,3.3vw,51px)}.about-copy>p:not(.eyebrow){font-size:14px;color:#b1c1d0;line-height:1.9;margin-top:25px}.about .text-link{margin-top:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{border-top:1px solid #aebac5;padding-top:25px}.steps article>span{font-size:10px;letter-spacing:1px;color:#9e4b00}.steps h3{font-size:24px;letter-spacing:-.5px;margin:25px 0 15px}.steps p{font-size:14px;line-height:1.8;color:var(--muted)}.contact{background:var(--blue);color:white;display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}.contact h2{font-size:clamp(36px,4vw,60px)}.contact .button{margin-top:35px}.contact-card{border-top:1px solid #ffffff40;padding-top:20px}.contact-arrow{display:block;color:var(--orange);font-size:100px;font-weight:300;line-height:1.3}.contact-card>p{font-size:9px;letter-spacing:2px;margin-top:30px}.contact-card>a{font-size:clamp(17px,1.8vw,27px);letter-spacing:-.7px;overflow-wrap:anywhere}.contact-card .contact-note{font-size:12px;letter-spacing:0;line-height:1.8;max-width:290px;color:#b5c4d3}footer{padding:40px 5%;background:var(--navy);color:#c9d3dc;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px}footer p{line-height:1.8;color:#8599ab}footer .brand{font-size:17px}.legal{max-width:850px;margin:auto;padding:80px 25px}.legal h1{font-size:45px}.legal h2{font-size:25px;margin-top:35px;letter-spacing:-.5px}.legal p{line-height:1.8}.legal a{text-decoration:underline}@media(min-width:1600px){.hero-copy{padding-top:130px;padding-bottom:130px}}@media(max-width:1050px){nav{gap:18px}.hero h1{font-size:49px;letter-spacing:-2px}.hero-copy{padding-top:75px}.hero-visual{min-height:620px}.expertise-layout{gap:25px;grid-template-columns:1fr 1.5fr}.service-panel{grid-template-columns:1fr}.service-art{height:190px}.pipe{top:0;left:30%}.p2{left:50%;top:25%}.p3{left:0;top:50%}.project{gap:40px}.about{gap:7%}.wordmark{font-size:65px}.contact{gap:35px}}@media(max-width:800px){header{height:78px;padding:0 5%}.brand{font-size:16px}.brand img{width:45px}.brand small{font-size:7px}.menu{display:flex;gap:20px;align-items:center;border:0;background:none;padding:15px 0;font-size:12px}.menu span{font-size:22px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:25px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav>a{padding:17px}.hero{grid-template-columns:1fr}.hero-copy{padding:60px 7% 0}.hero h1{font-size:clamp(43px,7.8vw,66px);letter-spacing:-2.4px}.hero-intro{font-size:15px;max-width:480px}.hero-visual{min-height:470px}.hero-visual>img{width:100%;top:0}.visual-caption{left:7%;bottom:18px}.hero-foot{gap:20px}.hero-foot>span:nth-child(2){display:none}.section{padding:70px 7%}.intro-bottom{display:block}.wordmark{display:none}.intro-bottom>p{font-size:15px}.section-head{display:block;margin-bottom:35px}.section-head>p{max-width:500px;margin-top:24px}.expertise-layout{grid-template-columns:1fr}.service-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.service-tabs button{padding:20px 0;font-size:14px;gap:10px}.service-panel{grid-template-columns:.8fr 1.5fr}.service-art{height:auto;min-height:340px}.pipe{left:0;top:20%}.p2{left:30%;top:40%}.p3{left:-40%;top:60%}.project,.project.reverse{grid-template-columns:1fr;gap:28px;margin-bottom:55px}.project.reverse .project-image{order:0}.project-copy h3{font-size:34px}.about{grid-template-columns:1fr}.about-sign{display:none}.steps{gap:25px}.steps h3{font-size:20px}.contact{grid-template-columns:1fr}.contact-card{display:block;margin-top:10px}.contact-arrow{display:none}.contact-card>a{font-size:25px}.contact-card .contact-note{max-width:430px}footer{flex-wrap:wrap;gap:25px}footer p{display:none}}@media(max-width:480px){.hero h1{font-size:42px;letter-spacing:-2px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.3px}.hero-actions{gap:22px}.button{padding:17px 20px;gap:25px}.hero-visual{min-height:390px}.visual-caption span{font-size:8px}.section{padding:60px 6%}.service-tabs button{font-size:12px}.service-panel{display:block}.service-art{min-height:160px;height:160px}.service-art .pipe{left:25%;top:-25%}.service-art .p2{left:45%;top:0}.service-art .p3{left:65%;top:20%}.service-description{padding:28px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin-top:17px}.project-copy h3{font-size:32px}.contact h2{font-size:36px}footer{align-items:start;flex-direction:column}.hero-foot{font-size:8px}.intro h2{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.phone-links{display:flex;flex-direction:column;gap:14px;margin-top:25px;font-size:19px}.phone-links a:hover{color:var(--orange)}

.gallery{background:#eef1f3}.photo-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.photo-grid figure{margin:0;background:white}.photo-grid img{display:block;width:100%;height:310px;object-fit:cover}.photo-grid figcaption{display:flex;justify-content:space-between;padding:20px;font-size:12px}.photo-grid figcaption span{color:#a64e00}.film{background:#0f1e33;color:white}.film .section-head>p{color:#b7c5d2}.film video{display:block;width:100%;max-height:650px;background:#080e17;aspect-ratio:16/9;object-fit:contain}nav{gap:20px}@media(max-width:800px){.photo-grid{grid-template-columns:1fr 1fr}.photo-grid img{height:240px}}@media(max-width:480px){.photo-grid{grid-template-columns:1fr}.photo-grid img{height:auto;aspect-ratio:1.5}.photo-grid figcaption{padding:17px}}
