@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#203440;--deep:#10232e;--paper:#f8f8f4;--copper:#b9581d;--ink:#182c36;--line:#d9dedf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(52px,6.5vw,108px)}h2{font-size:clamp(34px,3.5vw,58px)}h3{font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.02em}p{margin-top:22px}header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:25px 5%;color:#fff;gap:25px;transition:background .3s,padding .3s}header.scrolled{position:fixed;background:#10232ef5;padding-top:12px;padding-bottom:12px;box-shadow:0 1px 0 #ffffff15}.logo{width:300px;height:auto;object-fit:contain}nav{display:flex;align-items:center;gap:27px;font-size:12px}nav>a:not(.button){padding:10px 0}nav>a:hover,.text-link:hover{color:#d77a3e}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--copper);color:white;padding:17px 25px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;border:1px solid transparent;transition:background .25s,transform .25s}.button:hover{background:#914313;transform:translateY(-2px)}.button.small{padding:13px 20px}.button.light{background:#f7f7f1;color:var(--ink)}.button.light:hover{background:white}.menu{display:none}.hero{height:850px;min-height:650px;max-height:1100px;height:100svh;position:relative;overflow:hidden;color:#fff;background:var(--deep)}.hero-photo{position:absolute;inset:-3%;background:linear-gradient(180deg,#10232e55 0%,#10232e22 45%,#203440 100%),url('https://images.unsplash.com/photo-1513828583688-c52646db42da?auto=format&fit=crop&w=2200&q=90') center 58%/cover;will-change:transform}.hero-content{position:relative;text-align:center;padding:170px 20px 100px;max-width:1100px;margin:auto}.hero-content p:not(.eyebrow){font-size:15px;line-height:1.6;margin-top:34px;color:#eff3f5}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:600;margin:0 0 26px}.hero-content .eyebrow{margin-bottom:30px;color:#ecddd1}.actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.hero-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.section{padding:110px max(6%,calc((100vw - 1320px)/2))}.dark{background:var(--navy);color:#f4f6f5}.intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.copy{font-size:14px;color:#d4dde1;max-width:450px}.copy p:first-child{margin-top:0;color:#fff;font-size:18px}.text-link{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px;margin-top:27px;transition:color .2s}.wide-photo{height:430px;position:relative;overflow:hidden;margin-top:80px}.wide-photo img{transition:transform 1s}.wide-photo:hover img{transform:scale(1.035)}.caption{position:absolute;bottom:22px;left:25px;color:#fff;font-size:9px;letter-spacing:.16em;text-shadow:0 1px 6px black}.center{text-align:center}.center>p:last-child{color:#6c787e;font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:85px}.product{padding:0 38px;position:relative;border-right:1px solid var(--line);display:flex;align-items:flex-start;flex-direction:column}.product:first-child{padding-left:0}.product:last-child{border:0;padding-right:0}.number{font-family:Barlow,sans-serif;color:var(--copper);font-size:12px;letter-spacing:.1em;margin-bottom:22px}.product h3{font-size:21px}.product p{font-size:12px;color:#627079;max-width:260px;min-height:80px}.product img{width:150px;height:190px;margin:30px 0;filter:saturate(.55)}.product.alternate img{margin-top:0;margin-bottom:35px;height:190px}.product ul{padding:0;list-style:none;font-size:12px;line-height:2.1;margin:0}.product .text-link{margin-top:25px;font-size:9px}.industries{padding-top:65px;padding-bottom:70px}.industry-intro{max-width:300px;font-size:14px;color:#d1dbe0}.industry-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:8%;align-items:end;margin-top:120px}.industry-tabs button{border:0;border-bottom:1px solid #ffffff30;background:none;color:#f7f8f7;font-size:clamp(19px,2.4vw,36px);letter-spacing:-.035em;text-align:left;padding:10px 13px;width:100%;line-height:1.25;display:flex;justify-content:space-between;gap:12px;transition:background .25s,color .25s}.industry-tabs button[aria-selected=true]{background:var(--paper);color:var(--ink)}.industry-tabs span{font-size:24px;color:var(--copper)}.industry-panel img{height:250px}.industry-panel p{font-size:11px;color:#d1dbe0;min-height:40px;margin-top:14px}.process-top{display:grid;grid-template-columns:1fr 1fr;gap:8%}.process-top p:not(.eyebrow){font-size:14px;color:#627079;max-width:420px}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:80px}.process-note{align-self:center}.technical{display:block;font:500 100px/1 Barlow,sans-serif;letter-spacing:-.05em;color:#a3afb3}.technical small{font:10px 'DM Sans',sans-serif;letter-spacing:.2em;display:block;margin-top:20px}.process-note p{font-size:12px;color:#627079}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.process li:first-child{padding-top:0}.process li>span{color:var(--copper);font-size:11px;padding-top:3px}.process li h3{font-size:16px}.process li p{font-size:12px;color:#627079;margin-top:8px}.panorama{height:470px;position:relative;overflow:hidden}.panorama img{object-position:50% 60%;filter:saturate(.5)}.panorama span{position:absolute;left:6%;bottom:28px;color:#fff;font-size:10px;letter-spacing:.15em;text-shadow:0 1px 4px black}.statement{padding-top:100px;padding-bottom:115px}.statement-grid{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:45px;margin-top:80px}.statement-grid h3{font-size:14px}.statement-grid p{font-size:12px;color:#627079;margin-top:14px}.tube-art{height:220px;display:flex;align-items:center;justify-content:center;transform:rotate(-18deg);gap:7px}.tube-art i{display:block;width:42px;height:150px;border-radius:22px 22px 5px 5px;background:linear-gradient(90deg,#35424b,#c1c9ca 24%,#f6f8f7 43%,#71838c 68%,#23343f);box-shadow:7px 12px 12px #10232e22;position:relative}.tube-art i:before{content:'';position:absolute;width:100%;height:26px;border-radius:50%;background:radial-gradient(ellipse,#14252f 47%,#77878e 51%,#e2e7e7 64%,#64757c 75%);top:0}.tube-art i:nth-child(2){height:200px}.tube-art i:nth-child(3){height:180px}.tube-art i:nth-child(4){height:130px}.tube-art i:nth-child(5){height:105px}.feature{display:grid;grid-template-columns:1fr 1fr;background:#b9581d;color:#fff}.feature-copy{padding:80px 12%}.feature-copy h2{font-size:clamp(30px,3vw,48px)}.feature-copy p:not(.eyebrow){font-size:13px;max-width:420px;color:#f8e7db}.feature img{min-height:430px}.dark-button{background:var(--deep);margin-top:30px}.dark-button:hover{background:#294454}.quote{display:grid;grid-template-columns:1fr 1.25fr;gap:10%;padding-top:130px}.quote-heading h2{font-size:clamp(36px,3.8vw,58px)}.quote-heading>p:not(.eyebrow){font-size:14px;color:#627079}.email{display:inline-block;margin-top:36px;font-size:13px;border-bottom:1px solid var(--copper);padding-bottom:8px}.fine{font-size:10px!important;line-height:1.7;color:#6a767c;margin-top:24px}.quote-heading .fine{max-width:300px;margin-top:55px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}label{font-size:11px;font-weight:500;display:block}label>span:not(#file-help):not(#file-status){color:var(--copper)}label small{font-size:9px;color:#7f8b90;font-weight:400;margin-left:5px}input,textarea,select{display:block;width:100%;border:0;border-bottom:1px solid #bac4c8;background:transparent;border-radius:0;padding:12px 0;color:var(--ink);font-size:12px;min-height:44px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--copper);outline-offset:4px}.full{grid-column:1/-1}.upload{border:1px dashed #b8c2c6;padding:18px}.upload input{border:0;padding:12px 0}#file-help,#file-status{display:block;font-size:10px;line-height:1.6;color:#6a767c}.upload.invalid{border-color:#a32323}#file-status.error,#form-status.error{color:#a32323}.submit{width:100%;justify-content:space-between;margin-top:25px}.submit:disabled{opacity:.6;cursor:wait;transform:none}#form-status{font-size:12px}footer{padding:45px 6%;border-top:1px solid var(--line);display:grid;grid-template-columns:1.5fr .6fr 1fr 1fr;gap:35px;align-items:start;background:var(--deep);color:#ced7da}footer .logo{max-width:270px;width:100%}footer p{font-size:10px;color:white;margin:0 0 15px}footer a:not(:first-child){display:block;font-size:10px;margin:5px 0}footer small{font-size:9px;line-height:1.8}.reveal{transition:opacity .8s,transform .8s}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(25px)}:focus-visible{outline:2px solid #d67b42;outline-offset:5px}
@media(min-width:1600px){.hero-content{padding-top:210px}}@media(max-width:1050px){header .logo{width:260px}nav{gap:17px}.section{padding-left:6%;padding-right:6%}.product{padding:0 22px}.industry-layout{gap:5%}footer{grid-template-columns:1.5fr 1fr 1fr}footer small{grid-column:1/-1}.quote{gap:6%}}@media(max-width:760px){html{scroll-padding-top:80px}header{padding:20px 6%}header .logo{width:235px;max-width:66vw}.menu{display:flex;gap:18px;align-items:center;border:0;background:none;color:#fff;font-size:12px;padding:10px}.menu span{font-size:21px}nav{display:none;position:absolute;top:100%;left:0;width:100%;padding:20px 6% 30px;background:var(--deep);flex-direction:column;align-items:stretch;font-size:15px}nav.open{display:flex}.hero{height:830px;max-height:950px;min-height:690px}.hero-content{padding:175px 6% 110px}.hero h1{font-size:57px}.hero-content .eyebrow{font-size:8px}.hero-content p:not(.eyebrow){font-size:13px}.actions{flex-direction:column;align-items:center}.actions .button{min-width:225px}.hero-bottom span{display:none}.hero-bottom{justify-content:center}.section{padding:75px 7%}.intro,.process-top,.process-grid{grid-template-columns:1fr;gap:35px}.wide-photo{height:270px;margin-top:45px}.caption{font-size:7px;left:15px}.product-grid{grid-template-columns:1fr;margin-top:45px}.product,.product:first-child,.product:last-child{padding:35px 0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 120px;gap:0 20px}.product .number,.product h3,.product p,.product ul,.product .text-link{grid-column:1}.product p{min-height:0}.product img,.product.alternate img{grid-column:2;grid-row:2/5;width:120px;height:175px;margin:0}.product ul{font-size:11px;margin-top:20px}.product .text-link{grid-column:1/-1}.industry-layout{grid-template-columns:1fr;margin-top:65px;gap:30px}.industry-tabs button{font-size:23px;padding:13px 10px}.industry-panel{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:20px}.industry-panel img{height:125px}.industry-panel p{margin:0}.process-grid{margin-top:40px}.process-note{display:none}.panorama{height:290px}.panorama span{font-size:7px}.statement-grid{grid-template-columns:1fr 1fr;gap:25px;margin-top:45px}.tube-art{grid-column:1/-1;grid-row:1;transform:rotate(-12deg);margin-bottom:25px}.feature{grid-template-columns:1fr}.feature-copy{padding:60px 7%}.feature img{height:300px;min-height:0}.quote{grid-template-columns:1fr;gap:45px}.quote-heading .fine{margin-top:25px;max-width:100%}footer{padding:40px 7%;grid-template-columns:1fr 1fr;gap:30px}footer>a{grid-column:1/-1}footer .logo{width:270px}footer small{grid-column:1/-1}.form-grid{gap:23px 15px}.email{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}.hero-photo{will-change:auto}}
