@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101d2b;--navy2:#172a3d;--orange:#f47b20;--ink:#172333;--muted:#667381;--pale:#f3f5f6;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.topbar{background:#0b1520;color:#c6d0d8;font-size:12px}.topinner{height:36px;display:flex;align-items:center;justify-content:space-between}.topinner a{color:#fff}.header{background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 5px 25px #0d1b2a0c}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brandmark{display:grid;place-items:center;width:48px;height:45px;background:var(--orange);color:#fff;font:800 17px Manrope;letter-spacing:-1px;clip-path:polygon(0 0,100% 0,100% 76%,78% 100%,0 100%)}.brand b,.brand small{display:block;line-height:1.2}.brand b{font:800 14px Manrope;letter-spacing:1.1px}.brand small{font-size:9px;letter-spacing:2.2px;color:#7d8791;margin-top:5px}.links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.links a:hover{color:var(--orange)}.navcta{background:var(--navy);color:white;padding:13px 19px}.navcta:hover{color:#fff!important;background:var(--orange)}.menu{display:none;border:0;background:none;font-size:25px}.hero{position:relative;background:var(--navy);color:white;min-height:620px;overflow:hidden}.heroimg{position:absolute;inset:0 0 0 34%;background:linear-gradient(90deg,#101d2b 0%,#101d2b80 28%,#101d2b30 100%),url('assets/hydraulic-repair-workshop.png') center/cover no-repeat;opacity:.9}.herogrid{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:center;min-height:560px;padding-top:30px;padding-bottom:55px}.herotext{max-width:690px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#c5d0d8;display:flex;align-items:center;gap:10px}.eyebrow i{width:24px;height:2px;background:var(--orange);display:inline-block}.eyebrow.dark{color:#77838e}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12;letter-spacing:-1.5px}h1{font-size:clamp(42px,5.2vw,68px);margin:24px 0 20px;max-width:720px}h1 em,h2 em{color:var(--orange);font-style:normal}.herotext>p{max-width:560px;color:#d3dbe1;font-size:16px}.actions{display:flex;gap:13px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 22px;font-weight:700;font-size:13px;border:1px solid transparent;cursor:pointer}.primary{background:var(--orange);color:#fff}.primary:hover{background:#dc6814}.ghost{border-color:#ffffff66;color:#fff}.ghost:hover{background:#ffffff16}.proof{display:flex;gap:22px;flex-wrap:wrap;color:#c8d2da;font-size:11px}.proof span:first-letter{color:var(--orange)}.hero-card{background:#fff;color:var(--ink);padding:32px;max-width:330px;justify-self:end;box-shadow:0 20px 60px #0004}.cardtag{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:800}.hero-card h3{font-size:25px;margin:16px 0 10px}.hero-card p{font-size:13px;color:var(--muted)}.cardlink{display:flex;justify-content:space-between;margin-top:25px;font-weight:700;font-size:13px}.cardlink b{color:var(--orange)}.cardline{height:1px;background:#e4e8eb;margin:22px 0}.cardphone{font:800 22px Manrope}.hero-bottom{position:absolute;bottom:0;left:0;right:0;background:#0b1520bb}.bottomrow{height:56px;display:flex;align-items:center;gap:23px;font-size:10px;letter-spacing:2px;color:#d6dfe5;font-weight:700}.bottomrow b{color:var(--orange)}.strip{background:#f2f4f5}.stripgrid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.stripgrid>div{display:flex;align-items:center;gap:16px;padding:0 20px;border-right:1px solid #d9dfe3}.stripgrid>div:first-child{padding-left:0}.stripgrid>div:last-child{border:0}.stripgrid strong{font:800 23px Manrope;color:var(--orange)}.stripgrid span{font-size:12px;font-weight:700;line-height:1.4}.section{padding:100px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.sectionhead h2,.industrygrid h2,.ctaband h2,.contact h2{font-size:clamp(34px,4vw,49px);margin:16px 0 0}.sectionhead>p{max-width:420px;color:var(--muted);font-size:14px;margin:0 0 5px}.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service{background:#f4f6f7}.servicepic{height:220px;background-size:cover;background-position:center}.pic1{background-image:url('https://images.unsplash.com/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=900&q=82')}.pic2{background-image:url('https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?auto=format&fit=crop&w=900&q=82')}.pic3{background-image:url('https://images.unsplash.com/photo-1581092795360-fd1ca04f0952?auto=format&fit=crop&w=900&q=82')}.servicebody{padding:25px}.servicebody>span{font-size:9px;letter-spacing:2px;color:var(--orange);font-weight:800}.servicebody h3{font-size:21px;margin:12px 0}.servicebody p{font-size:13px;color:var(--muted);min-height:66px}.servicebody a{display:flex;justify-content:space-between;border-top:1px solid #dfe4e7;padding-top:15px;font-size:12px;font-weight:700}.servicebody a b{color:var(--orange)}.darksection{background:var(--navy);color:#fff;padding:95px 0}.industrygrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.industrygrid>div:first-child>p{color:#b9c5ce;font-size:14px;max-width:410px;margin:25px 0 30px}.industries{border-top:1px solid #ffffff30}.industry{display:grid;grid-template-columns:50px 1fr;gap:0 18px;padding:21px 0;border-bottom:1px solid #ffffff30}.industry>b{grid-row:span 2;color:var(--orange);font:800 17px Manrope}.industry span{font:700 18px Manrope}.industry small{color:#9eabb5;font-size:11px;margin-top:5px}.coverage{background:#f5f6f7}.regiongrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.region{background:#fff;padding:25px 22px 24px;border-bottom:3px solid transparent;transition:.2s}.region:hover{transform:translateY(-5px);border-color:var(--orange);box-shadow:0 15px 30px #12243812}.regionnum{color:var(--orange);font:800 12px Manrope}.region h3{font-size:23px;margin:20px 0 10px}.region p{font-size:12px;color:var(--muted);min-height:78px}.region>b{font-size:10px;color:var(--navy)}.cta-band{background:#182b3e;color:#fff;padding:65px 0}.ctaband{display:flex;align-items:center;justify-content:space-between;gap:30px}.ctaband h2{font-size:38px}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contactgrid>div>p{color:var(--muted);font-size:14px;margin:24px 0}.contactdetails{display:grid;gap:18px;margin-top:32px}.contactdetails a{display:grid;gap:4px}.contactdetails small{font-size:9px;letter-spacing:2px;color:var(--orange);font-weight:800}.contactdetails b{font:700 19px Manrope}.leadform{background:#f3f5f6;padding:34px}.leadform h3{font-size:26px;margin:0}.leadform>p{font-size:12px;color:var(--muted);margin:8px 0 22px}.leadform label{display:grid;gap:6px;font-size:11px;font-weight:700;margin-bottom:14px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,select,textarea{width:100%;padding:13px;border:1px solid #d9e0e4;background:#fff;font:12px 'DM Sans';color:var(--ink);border-radius:0}textarea{resize:vertical}.submit{width:100%;border:0}.privacy{display:block;color:#87919a;font-size:10px;margin-top:12px}footer{background:#0b1520;color:#d4dce2;padding:48px 0 18px}.footgrid{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:30px}.footbrand .brandmark{background:var(--orange)}.footgrid p{font-size:12px;color:#9caab5}.footgrid>div:last-child{display:grid;gap:8px;text-align:right;font-size:12px}.copyright{border-top:1px solid #ffffff20;margin-top:38px;padding-top:15px;display:flex;justify-content:space-between;font-size:10px;color:#81909c}.floatcall{position:fixed;bottom:20px;right:20px;background:#168b55;color:#fff;padding:13px 18px;font-size:12px;font-weight:700;z-index:9;box-shadow:0 8px 22px #0003}
@media(max-width:900px){.links{gap:16px}.herogrid{gap:25px}.hero-card{padding:23px}.regiongrid{grid-template-columns:repeat(2,1fr)}.industrygrid,.contactgrid{gap:45px}.servicepic{height:175px}}
@media(max-width:680px){.wrap{width:min(100% - 32px,560px)}.topinner{font-size:10px}.nav{height:70px}.menu{display:block}.links{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px 24px;box-shadow:0 12px 20px #0001;flex-direction:column;align-items:stretch}.links.open{display:flex}.hero{min-height:0}.heroimg{inset:0;background:linear-gradient(90deg,#101d2bdf,#101d2b99),url('assets/hydraulic-repair-workshop.png') center/cover}.herogrid{display:block;padding:70px 0 100px}.hero-card{display:none}h1{font-size:43px}.proof{gap:10px 18px}.bottomrow{gap:9px;justify-content:center;font-size:8px;letter-spacing:1px}.stripgrid{grid-template-columns:1fr 1fr;gap:18px}.stripgrid>div{padding:0;border:0}.section{padding:70px 0}.sectionhead{display:block}.sectionhead>p{margin-top:20px}.servicegrid{grid-template-columns:1fr}.servicepic{height:220px}.industrygrid,.contactgrid{grid-template-columns:1fr;gap:40px}.darksection{padding:70px 0}.regiongrid{grid-template-columns:1fr 1fr;gap:10px}.region{padding:20px 16px}.region p{min-height:120px}.ctaband{display:block}.ctaband .btn{margin-top:28px}.formrow{grid-template-columns:1fr;gap:0}.leadform{padding:23px}.footgrid{grid-template-columns:1fr;gap:18px}.footgrid>div:last-child{text-align:left}.copyright{display:block}.copyright span{display:block;margin-top:5px}.floatcall{right:12px;bottom:12px}}

.gallery-section{background:#fff}.gallerygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallerygrid figure{margin:0;background:#f2f4f5;overflow:hidden}.gallerygrid img{display:block;width:100%;height:210px;object-fit:cover;transition:transform .35s}.gallerygrid figure:hover img{transform:scale(1.04)}.gallerygrid figcaption{padding:17px}.gallerygrid figcaption b,.gallerygrid figcaption span{display:block}.gallerygrid figcaption b{font:700 14px Manrope}.gallerygrid figcaption span{font-size:11px;color:#6e7b86;margin-top:5px}
@media(max-width:900px){.gallerygrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.gallerygrid{grid-template-columns:1fr}.gallerygrid img{height:230px}}

.faq{border-top:1px solid #dce2e6}.faq details{padding:20px 4px;border-bottom:1px solid #dce2e6}.faq summary{font:700 16px Manrope;cursor:pointer;list-style:none}.faq summary:after{content:"+";float:right;color:var(--orange);font-size:22px}.faq details[open] summary:after{content:"−"}.faq details p{max-width:850px;color:var(--muted);font-size:13px;margin:14px 0 0}.regiongrid .region{min-width:0}.region a b{color:var(--orange)}


/* Gallery responsive overflow fix */
html, body { max-width: 100%; overflow-x: clip; }
*, *::before, *::after { box-sizing: border-box; }
.gallery-section, .gallerygrid, .gallerygrid figure { min-width: 0; max-width: 100%; }
.gallerygrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  gap: clamp(10px, 1.5vw, 18px);
}
.gallerygrid figure { overflow: hidden; }
.gallerygrid img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: clamp(150px, 19vw, 230px);
  object-fit: cover;
}
.gallerygrid figcaption { overflow-wrap: anywhere; }
@media (max-width: 900px) {
  .gallerygrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .gallerygrid { grid-template-columns: minmax(0, 1fr); }
  .gallerygrid img { height: 220px; }
}