*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:#333;background:#fff;font-size:12px;font-weight:400}.topbar{height:70px;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;position:sticky;top:0;z-index:10;box-shadow:0 2px 14px #0000000c}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#b92732;line-height:1}.brand b{font-size:22px;letter-spacing:-1px;font-weight:700}.brand small{display:block;color:#71808e;font-size:8px;letter-spacing:2.5px;margin-top:4px}.brand-mark{width:31px;height:31px;border:2px solid #2879c9;border-radius:5px;display:grid;place-items:center;font-size:21px;font-weight:700;color:#2879c9;position:relative;transform:skew(-7deg)}.brand-mark span{position:absolute;font-size:13px;right:-5px;top:-6px;color:#e64d51}nav{display:flex;gap:clamp(12px,2.2vw,34px);align-items:center}nav a{text-decoration:none;font-size:8px;color:#89919a;letter-spacing:.6px;white-space:nowrap}nav a:hover,nav .active{color:#2879c9}.menu{display:none;background:none;border:0;font-size:23px}.intro{min-height:620px;position:relative;overflow:hidden;background:linear-gradient(180deg,#f4f4f2 0%,#e8e8e5 100%);padding:105px 8% 95px}.intro:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 12% 20%,#fff9 0,transparent 28%),radial-gradient(ellipse at 88% 65%,#d5d6d2 0,transparent 35%);pointer-events:none}.intro-grid{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:12%;position:relative;z-index:1}.intro-lead{padding:15px 0 0 2%}.eyebrow{font-size:9px;letter-spacing:2px;color:#d24b50;font-weight:600;margin:0 0 20px}.intro h1{font-size:clamp(30px,3.6vw,44px);font-weight:400;line-height:1.14;letter-spacing:-1.4px;margin:0 0 25px;color:#242a2e}.intro h2{font-size:22px;font-weight:400;line-height:1.35;margin:0 0 24px;color:#292e32}.intro p{font-size:10px;line-height:1.9;color:#717578}.intro-copy{padding-top:90px}.intro-copy p{margin-bottom:19px}.round-link{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#6c7074;font-size:8px;letter-spacing:1px;margin-top:30px;width:76px}.round-link span{width:43px;height:43px;border-radius:50%;background:#b92e36;color:#fff;display:grid;place-items:center;font-size:21px}.text-link{display:inline-block;color:#bd333b;text-decoration:none;font-size:9px;letter-spacing:1px;margin-top:8px}.text-link span{font-size:16px;margin-left:8px}.pipe{position:absolute;pointer-events:none;z-index:2}.pipe-grey{left:38%;top:0;height:65%;width:15px;border-left:7px solid #bfc1c1;border-bottom:7px solid #bfc1c1;opacity:.8}.pipe-grey:before{content:"";position:absolute;left:-7px;top:0;width:7px;height:70px;background:#bfc1c1}.p1{border-radius:0 0 0 12px}.workbench{min-height:580px;background:linear-gradient(180deg,#75594b,#3d2c24);color:white;position:relative;overflow:hidden;padding:110px 10% 75px;display:flex;align-items:center}.workbench:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#39251eaa,#76564666),repeating-linear-gradient(0deg,transparent 0 115px,#24181266 116px 119px),repeating-linear-gradient(90deg,#ffffff04 0 80px,#00000008 81px 83px);box-shadow:inset 0 12px 25px #0002}.work-copy{position:relative;z-index:3;width:48%;max-width:430px;margin-left:20%}.light{color:#f3b3b1}.work-copy h2,.contact-inner h2{font-weight:300;font-size:32px;letter-spacing:.3px;margin:0 0 8px}.sub{color:#e6dcd6;font-size:10px;margin-bottom:55px}.mini-label{font-size:8px;letter-spacing:2px;color:#f4aaa8}.slider-copy h3{font-size:18px;font-weight:400;margin:13px 0}.slider-copy p{font-size:10px;line-height:1.9;color:#e1d7d2;max-width:350px}.slider-copy .small{font-size:9px;color:#d0c0b8}.outline-link{display:inline-block;color:#fff;border:1px solid #ffffff88;padding:11px 14px;text-decoration:none;font-size:8px;letter-spacing:1px;margin-top:12px}.dots{display:flex;gap:7px;margin-top:35px}.dot{width:8px;height:8px;border-radius:50%;border:0;background:#ffffff70;padding:0;cursor:pointer}.dot.selected{background:#fff}.work-icons{position:absolute;left:12%;top:35%;z-index:3;display:flex;flex-direction:column;gap:25px}.work-icons a{color:white;text-decoration:none;display:flex;align-items:center;flex-direction:column;gap:8px}.circle-icon{width:48px;height:48px;border-radius:50%;background:#ffffffdb;color:#a36c59;display:grid;place-items:center;font-size:23px}.work-icons small{font-size:7px;letter-spacing:1px}.tool-photo{position:absolute;right:5%;top:10%;width:33%;height:80%;display:grid;place-items:center;transform:rotate(-13deg);opacity:.95}.wrench{font-size:clamp(130px,24vw,260px);filter:drop-shadow(8px 15px 7px #0008)}.fitting{position:absolute;right:15%;top:20%;font-size:100px;color:#bd9a69;text-shadow:4px 6px 4px #0009}.pipe-coil{position:absolute;right:0;top:5%;font-size:100px;color:#d7d3c7;transform:rotate(35deg)}.pipe-white{left:28%;top:0;height:80%;width:20px;border-left:7px solid #f5f0e8;border-bottom:7px solid #f5f0e8;opacity:.95}.pipe-white:after{content:"";position:absolute;bottom:0;left:-7px;width:7px;height:65px;background:#f5f0e8}.contact-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#515457,#333639);color:white;padding:90px 8% 75px;min-height:550px}.contact-section:before{content:"";position:absolute;inset:0;background:radial-gradient(#ffffff24 1px,transparent 1.5px);background-size:22px 22px;opacity:.6}.contact-inner{position:relative;z-index:3;max-width:650px;margin:0 auto 0 22%}.contact-inner h2{font-size:27px;letter-spacing:2px}.contact-sub{color:#c8cacc;font-size:10px;margin:12px 0 32px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-stack{display:flex;flex-direction:column;gap:5px}.fields label{display:flex;flex-direction:column;gap:5px;color:#f2a8a8;font-size:8px;letter-spacing:.3px}.fields input,.fields select,.fields textarea{border:1px solid #d7d7d7;background:#fff;color:#333;padding:10px 11px;font:10px Montserrat,Arial;outline:none;border-radius:0;width:100%;min-width:0}.fields input:focus,.fields select:focus,.fields textarea:focus{border-color:#ee7779;box-shadow:0 0 0 2px #ee777922}.fields textarea{height:205px;resize:vertical}.send{display:flex;align-items:center;flex-direction:column;gap:8px;background:none;border:0;color:white;font:8px Montserrat;letter-spacing:1px;margin:25px auto 0;cursor:pointer}.send span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#e86a6c;font-size:21px}.form-note{text-align:center;font-size:8px;color:#bfc2c3;line-height:1.6}.pipe-red{right:19%;top:0;height:100%;width:17%;border-right:7px solid #e7555b;border-bottom:7px solid #e7555b;border-top:0;opacity:.95}.p3:before{content:"";position:absolute;right:-7px;bottom:0;width:7px;height:95px;background:#287bd0}footer{padding:58px 9% 0;background:#fff;color:#6c7c8b;display:grid;grid-template-columns:1fr 2fr;gap:8%;position:relative}footer .brand{width:max-content}footer .brand b{font-size:23px}footer p{font-size:9px;line-height:1.8}.footer-contact{margin-top:28px}.footer-contact a{color:#2879c9;text-decoration:none}.footer-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding-bottom:45px}.footer-columns h3{font-size:13px;font-weight:400;color:#65849a;border-bottom:1px solid #b9d1dc;padding-bottom:14px;margin:0 0 13px}.footer-columns a{display:block;color:#71808b;text-decoration:none;font-size:9px;margin:10px 0}.footer-columns a:hover{color:#c23841}.footer-badge{text-align:center}.badge-seal{width:62px;height:62px;background:#e7f4f8;color:#3186a6;display:grid;place-items:center;margin:0 auto 8px;font-size:20px;font-weight:700;border:3px double #6aa8b9}.badge-seal.outline{border-radius:50%;background:white;color:#b72d37;border-color:#b72d37}.footer-badge p{font-size:8px;letter-spacing:1px}.footer-bottom{grid-column:1/-1;border-top:1px solid #e4e9ec;padding:18px 0;display:flex;justify-content:space-between;font-size:8px;color:#99a3aa}.footer-bottom span:last-child{color:#aeb5ba}
@media(max-width:760px){.topbar{height:62px;padding:0 5%}.brand b{font-size:19px}.menu{display:block;color:#64717b}nav{display:none;position:absolute;top:62px;left:0;right:0;background:#fff;padding:20px 7%;box-shadow:0 10px 15px #0001;flex-direction:column;align-items:flex-start;gap:18px}nav.open{display:flex}nav a{font-size:10px}.intro{padding:65px 8% 55px;min-height:auto}.intro-grid{grid-template-columns:1fr;gap:18px}.intro-copy{padding-top:5px}.intro h1{font-size:37px}.intro h2{font-size:21px}.pipe-grey{left:75%;height:48%;opacity:.4}.workbench{padding:70px 8% 55px;min-height:620px;align-items:flex-start}.work-copy{width:100%;margin:0;max-width:450px;padding-top:25px}.work-copy h2{font-size:28px}.sub{margin-bottom:35px}.work-icons{left:auto;right:7%;top:auto;bottom:24px;flex-direction:row}.work-icons .circle-icon{width:40px;height:40px}.tool-photo{right:-18%;top:38%;opacity:.28;width:60%}.pipe-white{left:8%;height:40%;opacity:.4}.contact-section{padding:70px 7% 55px}.contact-inner{margin:0;width:100%}.contact-inner h2{font-size:24px}.fields{grid-template-columns:1fr}.fields textarea{height:130px}.pipe-red{right:6%;opacity:.2;width:25%}footer{grid-template-columns:1fr;padding:42px 7% 0;gap:30px}.footer-columns{grid-template-columns:1fr 1fr;gap:25px}.footer-badge{display:none}.footer-bottom{gap:15px;flex-wrap:wrap}.p2{left:8%}}@media(prefers-reduced-motion:no-preference){.round-link span,.circle-icon,.send span{transition:transform .25s}.round-link:hover span,.send:hover span{transform:translateY(-4px)}.intro-grid{animation:appear .7s ease both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}