:root{--brand:#f4bd16;--brand-dark:#0873c9;--ink:#06182b;--muted:#526476;--paper:#f3f7fb;--line:#d8e2ec}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.7;background:#fff}
h1,h2,h3,.navbar-brand,.eyebrow{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
h1,h2,h3{font-weight:600;line-height:1.12}
h2{font-size:clamp(2rem,4vw,3.15rem)}
a{color:inherit}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid rgba(20,32,24,.08);backdrop-filter:blur(12px)}
.navbar{min-height:84px}
.navbar-brand{display:flex;align-items:center;gap:.65rem;color:var(--ink);font-size:1.08rem;letter-spacing:.08em}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--brand)}
.brand-mark svg{width:25px;height:25px;fill:var(--ink)}
.brand-mark svg path:last-child{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round}
.nav-link{font-weight:500;color:#35413a;padding:.65rem .85rem!important}
.nav-link:hover,.nav-link.active{color:var(--brand-dark)}
.btn{border-radius:40px;font-weight:700;padding:.72rem 1.25rem}
.btn-lg{padding:.9rem 1.6rem}
.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-brand:hover,.btn-brand:focus{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.skip-link{position:fixed;z-index:9999;background:#fff;padding:1rem}
.hero-section{position:relative;min-height:680px;display:flex;align-items:center;background:url('/images/optimized/plumbing-hero.webp') center 58%/cover no-repeat;color:#fff}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,11,.94) 0%,rgba(8,20,11,.72) 52%,rgba(8,20,11,.18) 100%)}
.hero-content{position:relative;padding-top:5rem;padding-bottom:5rem}
.hero-section h1{font-size:clamp(3rem,7vw,5.65rem);letter-spacing:-.035em;margin:.7rem 0 1.3rem}
.hero-lead{max-width:650px;color:#dfe8dc;font-size:1.22rem;margin-bottom:2rem}
.eyebrow{display:inline-block;font-size:.79rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.text-brand{color:var(--brand-dark)}
.trust-strip{position:relative;margin-top:-1px;background:var(--ink);color:#fff}
.trust-item{display:flex;flex-direction:column;padding:1.55rem;border-right:1px solid rgba(255,255,255,.12)}
.trust-item:last-child{border-right:0}
.trust-item strong{font-family:inherit;font-size:1.15rem;color:var(--brand)}
.trust-item span{color:#c0c9bf;font-size:.9rem}
.section-padding{padding:7rem 0}
.section-heading{max-width:720px}
.section-heading h2{margin:.65rem 0 1rem}
.section-heading p{color:var(--muted);font-size:1.08rem}
.service-card{position:relative;padding:2.3rem;background:#fff;border:1px solid var(--line);transition:.25s ease;overflow:hidden}
.service-card:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:var(--brand)}
.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(23,40,26,.12);border-color:transparent}
.service-card.featured{background:var(--brand);border-color:var(--brand)}
.service-card.featured:before{background:var(--brand-dark)}
.service-number{font-family:inherit;color:var(--brand-dark);font-weight:700}
.featured .service-number{color:rgba(20,32,24,.65)}
.service-card h3{font-size:1.65rem;margin:2.7rem 0 .9rem}
.service-card p{color:var(--muted);min-height:115px}
.service-card.featured p{color:#263a2a}
.service-card a{font-weight:700;text-decoration:none}
.service-card a:hover{text-decoration:underline}
.about-preview{padding-bottom:7rem}
.about-image{min-height:560px;background:url('/images/optimized/WhatsApp-Image-2023-01-16-at-08.11.16-1.webp') center/cover no-repeat}
.about-copy{padding:5rem;background:var(--paper)}
.about-copy h2{margin:.7rem 0 1.25rem}
.about-copy p{color:var(--muted);font-size:1.08rem}
.check-list{list-style:none;padding:0;margin:1.8rem 0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.check-list li{font-weight:600}
.check-list li:before{content:'✓';display:inline-grid;place-items:center;width:25px;height:25px;margin-right:.55rem;border-radius:50%;background:var(--brand);color:#fff}
.cta-section{padding:6rem 0;background:linear-gradient(rgba(18,32,22,.9),rgba(18,32,22,.9)),url('/images/optimized/WhatsApp-Image-2023-01-16-at-08.13.41-1.webp') center/cover fixed;color:#fff}
.cta-section h2{max-width:800px;margin:.7rem auto 1rem}
.cta-section p{color:#d2dbd1;font-size:1.1rem;margin-bottom:1.8rem}
.page-hero{position:relative;padding:8rem 0;background:linear-gradient(90deg,rgba(9,25,13,.91),rgba(9,25,13,.42)),url('/images/optimized/pipe-hero.webp') center 48%/cover;color:#fff}
.page-hero h1{font-size:clamp(3.2rem,7vw,5.4rem);margin:.5rem 0}
.page-hero p{font-size:1.2rem;color:#e1e9df}
.contact-hero{background-image:linear-gradient(90deg,rgba(9,25,13,.91),rgba(9,25,13,.42)),url('/images/plumbing-g0165d9357_1920.jpg')}
.image-stack{position:relative;padding:0 2rem 2rem 0}
.main-image{height:600px;width:100%;object-fit:cover}
.image-stack:after{content:'';position:absolute;right:0;bottom:0;width:65%;height:70%;background:var(--brand);z-index:-1}
.experience-badge{position:absolute;bottom:0;left:0;background:var(--ink);color:#fff;padding:1.5rem 2rem;display:flex;flex-direction:column}
.experience-badge strong{font-family:inherit;font-size:1.6rem;color:var(--brand)}
.lead-copy{font-size:1.15rem;color:var(--muted)}
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.3rem;padding-top:2rem;border-top:1px solid var(--line)}
.values-grid>div>strong{color:var(--brand-dark);font-family:inherit}
.values-grid h3{font-size:1.25rem;margin:.3rem 0}
.values-grid p{color:var(--muted);font-size:.93rem}
.contact-list{display:grid;gap:1rem}
.contact-list>a,.contact-list>div{display:flex;align-items:center;gap:1rem;padding:1.1rem 0;text-decoration:none;border-bottom:1px solid var(--line)}
.contact-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;background:var(--brand);color:#fff;font-weight:700;font-size:1.2rem}
.contact-list small,.contact-list strong{display:block}
.contact-list small{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.7rem}
.contact-list a:hover strong{color:var(--brand-dark)}
.form-card{padding:3rem;background:var(--paper);border-top:5px solid var(--brand)}
.form-card>p{color:var(--muted);margin-bottom:2rem}
.form-control,.form-select{border-radius:3px;border-color:#cbd5c8;padding:.85rem .95rem;background:#fff}
.form-control:focus,.form-select:focus{border-color:var(--brand-dark);box-shadow:0 0 0 .25rem rgba(116,168,74,.16)}
.form-label{font-weight:600}
.form-note{font-size:.8rem;color:var(--muted)}
.site-footer{padding:5rem 0 0;background:#0d1910;color:#bcc7ba}
.footer-brand{color:#fff}
.footer-title{color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem}
.footer-links{display:grid;gap:.55rem}
.footer-links a{text-decoration:none}
.footer-links a:hover{color:var(--brand)}
.footer-bottom{margin-top:3rem;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem}
.whatsapp-button{position:fixed;z-index:1050;right:22px;bottom:22px;display:flex;align-items:center;gap:.55rem;padding:.65rem .85rem;background:#25d366;color:#fff;border-radius:40px;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.23);font-weight:700}
.whatsapp-button svg{width:28px;height:28px;fill:#fff}
.whatsapp-button:hover{background:#1faf55;color:#fff;transform:translateY(-2px)}
@media(max-width:991.98px){.navbar-collapse{padding:1rem 0 1.3rem}
.hero-section{min-height:610px}
.about-copy{padding:3.5rem}
.section-padding{padding:5rem 0}
.image-stack{margin-bottom:2rem}
}
@media(max-width:767.98px){.navbar{min-height:72px}
.hero-section{min-height:570px}
.hero-overlay{background:rgba(7,21,10,.79)}
.trust-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
.about-image{min-height:380px}
.about-copy,.form-card{padding:2rem}
.check-list,.values-grid{grid-template-columns:1fr}
.section-padding{padding:4rem 0}
.page-hero{padding:6rem 0}
.main-image{height:430px}
.whatsapp-button span{display:none}
.whatsapp-button{padding:.7rem}
.cta-section{background-attachment:scroll}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.service-card,.whatsapp-button{transition:none}
}

/* Logo-derived navy, blue, steel and yellow identity */
.site-header{background:rgba(4,17,31,.97);border-bottom-color:rgba(255,255,255,.12)}
.navbar{min-height:94px}
.navbar-brand{color:#fff}
.header-logo{display:block;width:138px;height:78px;object-fit:contain}
.navbar-toggler{border-color:rgba(255,255,255,.35)}
.navbar-toggler-icon{filter:invert(1)}
.nav-link{color:#dce8f2}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--brand)}
.btn-brand{background:var(--brand);border-color:var(--brand);color:var(--ink)}
.btn-brand:hover,.btn-brand:focus{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.hero-overlay{background:linear-gradient(90deg,rgba(3,16,30,.96) 0%,rgba(4,29,54,.82) 52%,rgba(3,16,30,.25) 100%)}
.trust-strip,.site-footer{background:#04111f}
.trust-item strong{color:var(--brand)}
.service-card.featured{background:#e8f4ff;border-color:#8fc9f2}
.featured .service-number{color:var(--brand-dark)}
.service-card.featured p{color:var(--muted)}
.service-card.featured:before{background:var(--brand)}
.about-copy,.form-card{background:var(--paper)}
.cta-section{background:linear-gradient(rgba(3,20,37,.91),rgba(3,20,37,.91)),url('/images/optimized/WhatsApp-Image-2023-01-16-at-08.13.41-1.webp') center/cover fixed}
.page-hero{background-image:linear-gradient(90deg,rgba(3,18,34,.94),rgba(5,47,84,.52)),url('/images/optimized/pipe-hero.webp')}
.contact-hero{background-image:linear-gradient(90deg,rgba(3,18,34,.94),rgba(5,47,84,.52)),url('/images/optimized/plumbing-hero.webp')}
.work-hero{background-image:linear-gradient(90deg,rgba(3,18,34,.94),rgba(5,47,84,.45)),url('/images/optimized/WhatsApp-Image-2023-01-16-at-08.11.14-1.webp');background-position:center 45%}
.contact-icon{color:var(--ink)}
.form-control:focus,.form-select:focus{border-color:var(--brand-dark);box-shadow:0 0 0 .25rem rgba(8,115,201,.16)}
.home-work-preview{background:var(--paper)}
.home-work-preview h2{margin:.55rem 0 .8rem}
.home-work-preview p{color:var(--muted);font-size:1.08rem}
.work-preview-grid img{display:block;width:100%;height:330px;object-fit:cover;border:1px solid var(--line)}
.work-gallery-section{background:#fff}
.work-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:start}
.work-card{overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 12px 34px rgba(6,24,43,.08)}
.work-card a{display:block;overflow:hidden;background:#071a2d}
.work-card img{display:block;width:100%;height:330px;object-fit:cover;transition:transform .35s ease}
.work-card a:hover img,.work-card a:focus img{transform:scale(1.035)}
.work-card-copy{padding:1.35rem 1.4rem 1.5rem;border-top:4px solid var(--brand)}
.work-card-copy h2{font-size:1.28rem;margin:0 0 .45rem}
.work-card-copy p{color:var(--muted);font-size:.94rem;line-height:1.55;margin:0}
@media(max-width:991.98px){.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.work-preview-grid img{height:280px}}
@media(max-width:767.98px){.navbar{min-height:78px}.header-logo{width:112px;height:62px}.hero-overlay{background:rgba(3,20,37,.84)}.work-gallery{grid-template-columns:1fr}.work-card img{height:auto;max-height:520px}.work-preview-grid img{height:220px}.cta-section{background-attachment:scroll}}
@media(max-width:420px){.work-preview-grid img{height:180px}.work-card-copy{padding:1.15rem}}