:root{--charcoal: #17191c;--charcoal-2: #24282d;--steel: #69717b;--line: #d9dcdf;--paper: #f5f4f1;--white: #ffffff;--lavender: #7f68b1;--lavender-dark: #5f498c;--lavender-soft: #ece7f7;--success: #1f6b46;--error: #9d2f2f;--shadow: 0 18px 60px rgba(14, 18, 24, .18);color:var(--charcoal);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--charcoal)}body.is-locked{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--lavender);outline-offset:4px}.site-header{position:fixed;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:16px clamp(18px,4vw,54px);color:var(--white);background:linear-gradient(180deg,#0c0e11bd,#0c0e1100);transition:background .18s ease,padding .18s ease,box-shadow .18s ease}.site-header--scrolled,.site-header:focus-within{padding-block:10px;background:#17191cf7;box-shadow:0 12px 32px #0000003d}.brand{display:inline-flex;align-items:center;gap:12px;min-height:52px;font-weight:800;letter-spacing:0}.brand img{width:52px;height:52px;object-fit:contain;background:var(--white);border-radius:8px;padding:3px}.desktop-nav{justify-self:center;display:flex;align-items:center;gap:clamp(16px,2vw,30px);font-size:.96rem;font-weight:700}.desktop-nav a{padding:10px 0;color:#ffffffe0}.desktop-nav a:hover{color:var(--white)}.header-actions{display:flex;align-items:center;gap:10px}.phone-button,.quote-button,.primary-button,.secondary-button,.filter-button,.menu-button,.lightbox button{min-height:44px}.phone-button,.quote-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-weight:800;line-height:1}.phone-button{border:1px solid rgba(255,255,255,.36);padding:12px 14px;color:var(--white)}.quote-button,.primary-button{border:1px solid var(--lavender);background:var(--lavender);color:var(--white);padding:13px 18px;box-shadow:0 10px 24px #5f498c38}.quote-button:hover,.primary-button:hover{background:var(--lavender-dark);border-color:var(--lavender-dark)}.secondary-button{padding:13px 18px;border:1px solid rgba(255,255,255,.72);color:var(--white)}.secondary-button:hover{background:#ffffff1a}.secondary-button--light{border-color:var(--line);color:var(--charcoal);background:var(--white)}.secondary-button--light:hover{border-color:var(--lavender);background:var(--lavender-soft)}.menu-button{display:none;width:46px;border:1px solid rgba(255,255,255,.36);border-radius:6px;background:#ffffff0f;padding:9px}.menu-button span{display:block;height:2px;margin:5px 0;background:var(--white)}.mobile-nav{display:none}.hero{position:relative;min-height:92vh;display:grid;align-items:end;overflow:hidden;color:var(--white);background:var(--charcoal);padding:150px clamp(20px,6vw,76px) 76px}.hero-image,.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-image{object-fit:cover;object-position:center 34%}.hero-overlay{background:linear-gradient(90deg,#080a0deb,#080a0d9e 48%,#080a0d2e),linear-gradient(0deg,#080a0dd1,#080a0d14)}.hero-content{position:relative;width:min(760px,100%)}.eyebrow{margin:0 0 14px;color:var(--lavender);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero .eyebrow,.section--dark .eyebrow,.final-cta .eyebrow{color:#cbbfed}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;max-width:740px;font-size:clamp(2.6rem,6vw,5.65rem);line-height:.98;letter-spacing:0}h2{margin:0;font-size:clamp(2rem,3.4vw,3.45rem);line-height:1.05;letter-spacing:0}h3{margin:0;font-size:1.22rem;line-height:1.25;letter-spacing:0}.hero-copy{max-width:640px;margin:24px 0 18px;color:#ffffffdb;font-size:clamp(1.06rem,1.6vw,1.28rem);line-height:1.55}.service-line{margin:0;color:#ffffffc7;font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.section{padding:clamp(76px,10vw,126px) clamp(20px,5vw,64px)}.section-inner{width:min(1180px,100%);margin:0 auto}.section--light{background:var(--paper)}.section--dark{background:linear-gradient(180deg,#212329,#15171b);color:var(--white)}.section-heading{width:min(780px,100%);margin:0 auto 42px;text-align:center}.section-heading--left{margin:0;text-align:left}.section-heading p:not(.eyebrow){margin:18px 0 0;color:var(--steel);line-height:1.7;font-size:1.06rem}.section--dark .section-heading p:not(.eyebrow){color:#ffffffb8}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{min-height:260px;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 16px 46px #15191e0f}.service-card p{margin:14px 0 0;color:#555d66;line-height:1.65}.service-icon{position:relative;display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border:1px solid #d8cfed;border-radius:8px;background:var(--lavender-soft)}.service-icon:before,.service-icon:after{content:"";position:absolute;background:var(--lavender-dark)}.service-icon--pipe:before{width:30px;height:9px;border-radius:999px}.service-icon--pipe:after{width:9px;height:28px;border-radius:999px;right:12px}.service-icon--valve:before{width:32px;height:7px;border-radius:999px}.service-icon--valve:after{width:18px;height:18px;border:4px solid var(--lavender-dark);border-radius:50%;background:transparent}.service-icon--grind:before{width:26px;height:26px;border:5px solid var(--lavender-dark);border-radius:50%;background:transparent}.service-icon--grind:after{width:22px;height:5px;transform:rotate(-32deg);right:7px;bottom:10px}.service-icon--brush:before{width:10px;height:28px;transform:rotate(38deg);border-radius:999px}.service-icon--brush:after{width:22px;height:11px;bottom:9px;left:11px;border-radius:3px}.service-icon--finish:before{width:30px;height:20px;border:4px solid var(--lavender-dark);background:transparent}.service-icon--finish:after{width:8px;height:28px;right:10px;bottom:6px;border-radius:999px}.service-icon--tile:before{width:28px;height:28px;border:4px solid var(--lavender-dark);background:transparent}.service-icon--tile:after{width:4px;height:34px;transform:rotate(45deg)}.split-section{display:grid;grid-template-columns:1fr 1fr;background:var(--white)}.split-card{display:grid;grid-template-columns:minmax(240px,42%) 1fr;min-height:600px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split-card+.split-card{border-left:1px solid var(--line)}.split-card img{width:100%;height:100%;object-fit:cover}.split-card--domestic img{object-position:center 35%}.split-card--commercial img{object-position:center 45%}.split-card div{align-self:center;padding:clamp(32px,5vw,62px)}.split-card h2{font-size:clamp(1.8rem,2.6vw,3rem)}.split-card ul{display:grid;gap:13px;margin:28px 0 0;padding:0;list-style:none}.split-card li{position:relative;padding-left:26px;color:#4b535c;font-weight:700}.split-card li:before,.reason-item span{content:"";position:absolute;width:10px;height:10px;border-radius:2px;background:var(--lavender)}.split-card li:before{left:0;top:.45em}.filter-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px}.filter-button{border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0f;color:#ffffffd1;padding:10px 15px;cursor:pointer}.filter-button:hover,.filter-button--active{border-color:var(--lavender);background:var(--lavender);color:var(--white)}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:14px}.gallery-item{position:relative;min-height:280px;border:0;border-radius:8px;overflow:hidden;padding:0;background:#2d3137;color:var(--white);cursor:pointer;box-shadow:0 16px 44px #00000038}.gallery-item:nth-child(5n+1){grid-row:span 2}.gallery-item img{width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center;transition:transform .18s ease}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.035)}.gallery-item span{position:absolute;inset:auto 0 0;padding:42px 16px 16px;background:linear-gradient(180deg,#0000,#000000c7);text-align:left;font-size:.94rem;font-weight:800}.choose-layout{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;gap:clamp(34px,6vw,84px);align-items:start}.reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.reason-item{position:relative;min-height:92px;padding:24px 24px 24px 54px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.reason-item span{left:26px;top:30px}.reason-item p{margin:0;color:#3f464e;font-weight:800;line-height:1.45}.about-section{display:grid;grid-template-columns:minmax(280px,.72fr) 1fr;min-height:680px;background:var(--charcoal);color:var(--white)}.about-media img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.about-copy{align-self:center;width:min(720px,100%);padding:clamp(44px,7vw,92px)}.about-copy p:not(.eyebrow){color:#ffffffc2;line-height:1.75;font-size:1.08rem}.company-number{display:inline-block;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.22);font-weight:800}.contact-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,50px);padding:clamp(76px,10vw,126px) clamp(20px,5vw,64px);background:var(--paper)}.contact-panel,.enquiry-form{border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 18px 52px #15191e12}.contact-panel{padding:clamp(30px,5vw,54px)}.contact-panel h2{font-size:clamp(2rem,3vw,3.1rem)}.contact-panel p{color:#555d66;line-height:1.7}address{display:grid;gap:5px;margin:28px 0;color:#31363c;font-style:normal;line-height:1.45}.contact-list{display:grid;gap:14px;margin:0}.contact-list div{display:grid;gap:4px;padding-top:14px;border-top:1px solid var(--line)}.contact-list dt{color:var(--steel);font-size:.82rem;font-weight:900;text-transform:uppercase}.contact-list dd{margin:0;color:var(--charcoal);font-weight:800}.contact-list a,.text-link,.site-footer a{color:var(--lavender-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:30px}.text-link{font-weight:900}.enquiry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:clamp(28px,5vw,46px)}.hidden-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-row{display:grid;gap:8px}.form-row--full,.form-message,.form-submit{grid-column:1 / -1}label{color:#394049;font-weight:850}input,select,textarea{width:100%;border:1px solid #cfd4d9;border-radius:6px;background:#fbfbfa;color:var(--charcoal);padding:13px 14px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--lavender);box-shadow:0 0 0 3px #7f68b12e;outline:0}.form-message{margin:0;padding:14px 16px;border-left:4px solid var(--success);background:#eef7f2;color:#174f33;line-height:1.45}.form-message--error{border-left-color:var(--error);background:#fff0ef;color:#7c2626}.form-submit{justify-self:start;cursor:pointer}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(44px,6vw,72px) clamp(20px,5vw,64px);background:#212329;color:var(--white)}.final-cta div{width:min(780px,100%)}.final-cta h2{font-size:clamp(1.85rem,3vw,3rem)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px clamp(20px,5vw,64px);border-top:1px solid var(--line);background:var(--white);color:#3e444c}.site-footer img{width:54px;height:54px;object-fit:contain}.site-footer p{margin:0;font-weight:750}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:72px clamp(18px,5vw,84px);background:#090b0ef0;color:var(--white)}.lightbox figure{margin:0;display:grid;gap:14px;justify-items:center}.lightbox img{max-height:min(78vh,920px);width:auto;border-radius:6px;box-shadow:var(--shadow)}.lightbox figcaption{color:#ffffffdb;font-weight:800}.lightbox button{position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:#ffffff1a;color:var(--white);padding:12px 16px;cursor:pointer}.lightbox button:hover{background:var(--lavender);border-color:var(--lavender)}.lightbox-close{top:20px;right:20px}.lightbox-nav--prev{left:20px;top:50%}.lightbox-nav--next{right:20px;top:50%}@media (max-width: 1120px){.site-header{grid-template-columns:auto auto;justify-content:space-between}.desktop-nav{display:none}.menu-button{display:block}.mobile-nav{grid-column:1 / -1;display:none;grid-template-columns:1fr;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#17191cfa}.mobile-nav--open{display:grid}.mobile-nav a{padding:13px;font-weight:800}.mobile-quote{margin-top:4px}.split-section,.contact-section{grid-template-columns:1fr}.split-card+.split-card{border-left:0}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.site-header{padding-inline:16px}.brand span{max-width:135px}.phone-button,.header-actions .quote-button{display:none}.hero{min-height:0;align-items:start;padding:104px 20px 54px}.hero-overlay{background:linear-gradient(90deg,#080a0deb,#080a0dad),linear-gradient(0deg,#080a0dd6,#080a0d1f)}.services-grid,.reason-grid,.choose-layout,.about-section,.enquiry-form{grid-template-columns:1fr}.split-card{grid-template-columns:1fr;min-height:0}.split-card img{height:340px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item{min-height:230px}.gallery-item:nth-child(5n+1){grid-row:span 1}.about-media img{height:420px}.final-cta,.site-footer{align-items:flex-start;flex-direction:column}.lightbox{padding:70px 14px}.lightbox-nav--prev,.lightbox-nav--next{top:auto;bottom:20px}}@media (max-width: 560px){.brand img{width:48px;height:48px}.hero-actions,.contact-actions{display:grid;grid-template-columns:1fr}.primary-button,.secondary-button,.quote-button{width:100%}.gallery-grid{grid-template-columns:1fr}.gallery-item{min-height:360px}.filter-row{justify-content:flex-start}.filter-button{flex:1 1 auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
