/* WILLIAMS PLUMBING HEADER V2
   Scoped entirely to .wp-header. The existing concept is retained;
   V2 removes the indistinct CSS plumbing drawings and uses the actual artwork. */

.wp-header{--navy:#031d3a;--blue:#18a8eb;--pale:#a9defb;position:relative;height:520px;width:100%;overflow:hidden;background:radial-gradient(circle at 88% 50%,rgba(20,164,230,.16),transparent 29%),linear-gradient(108deg,#021a34 0%,#062a4d 57%,#031d3a 100%);color:#fff;font-family:Arial,Helvetica,sans-serif}
.wp-header *{box-sizing:border-box}.wp-header__texture{position:absolute;inset:0;opacity:.22;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.20) 0 1px,transparent 2px) 0 0/39px 39px,radial-gradient(circle at 70% 40%,rgba(255,255,255,.14) 0 1px,transparent 2px) 0 0/57px 57px}
.wp-header__inner{position:relative;z-index:5;width:min(1430px,calc(100% - 76px));height:100%;margin:auto}.wp-header__top{height:225px;display:flex;align-items:center}.wp-header__brand{width:510px;flex:0 0 510px;line-height:0}.wp-header__brand img{width:510px;height:170px;display:block;object-fit:contain;object-position:left center}
.wp-header__nav{margin-left:auto;display:flex;gap:24px;align-items:center}.wp-header__nav a{position:relative;color:#fff;text-decoration:none;text-transform:uppercase;font-size:16px;font-weight:800;letter-spacing:.01em;padding:13px 15px 15px;border-radius:12px;white-space:nowrap;transition:background .18s ease,transform .18s ease,color .18s ease}.wp-header__nav a:hover{background:rgba(24,168,235,.20);transform:translateY(-1px)}.wp-header__nav a.active{background:rgba(24,168,235,.24)}.wp-header__nav a.active::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:3px;border-radius:3px;background:var(--blue)}.wp-header__nav a span{color:var(--blue)}
.wp-header__contact{width:330px;min-width:330px;margin-left:24px;padding-left:28px;border-left:1px solid rgba(255,255,255,.58)}.wp-header__phone{width:270px;display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.phone-icon{width:46px;height:46px;flex:0 0 46px;border:3px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:23px}.wp-header__phone strong{display:block;font-size:25px;line-height:1}.wp-header__phone small{display:block;margin-top:7px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.06em}.wp-header__quote{width:270px;height:51px;margin:19px 0 0 0;padding:0 21px 0 25px;border-radius:27px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#19a6e8,#3abaf2);color:#fff;text-decoration:none;font-size:14px;font-weight:900;box-shadow:0 12px 30px rgba(0,120,200,.22)}.wp-header__quote b{font-size:25px;font-weight:400}
.wp-header__promises{position:absolute;top:211px;left:0;display:flex;gap:18px;align-items:center;font-size:17px;white-space:nowrap}.wp-header__promises span{display:flex;align-items:center;gap:9px}.wp-header__promises b{color:var(--blue);font-size:20px}.wp-header__promises em{width:1px;height:25px;background:rgba(255,255,255,.68)}
/* The actual pipework image contains the clearer radiator and boiler artwork. */
.wp-header__pipework{position:absolute;left:-40px;right:auto;bottom:95px;width:1120px;height:270px;object-fit:contain;object-position:left center;opacity:.82;mix-blend-mode:screen;filter:saturate(.9) brightness(1.05)}
.wp-header__waves{position:absolute;z-index:10;left:-5%;right:-5%;bottom:-1px;height:155px;pointer-events:none}.wp-header__waves .wave{position:absolute;left:0;width:110%;border-radius:50% 50% 0 0/48% 48% 0 0}.wp-header__waves .wave1{height:102px;bottom:18px;background:#073b70;transform:rotate(-2deg)}.wp-header__waves .wave2{height:95px;bottom:7px;background:#0a91db;transform:rotate(2deg)}.wp-header__waves .wave3{height:77px;bottom:-1px;background:var(--pale);transform:rotate(-1.2deg)}.wp-header__waves .wave4{height:85px;bottom:-24px;background:#fff;transform:rotate(-2.5deg)}
.wp-header__menu,.wp-header__mobile-nav{display:none}
@media(max-width:1180px){.wp-header{height:470px}.wp-header__inner{width:calc(100% - 44px)}.wp-header__brand{width:390px;flex-basis:390px}.wp-header__brand img{width:390px;height:140px}.wp-header__nav{gap:12px}.wp-header__nav a{font-size:13px;padding-left:11px;padding-right:11px}.wp-header__contact{width:250px;min-width:250px;margin-left:14px;padding-left:18px}.wp-header__phone{width:215px}.wp-header__phone strong{font-size:19px}.wp-header__quote{width:215px}.wp-header__pipework{width:900px;bottom:75px}}
@media(max-width:820px){.wp-header{height:335px}.wp-header__inner{width:calc(100% - 28px)}.wp-header__top{height:105px}.wp-header__brand{width:270px;flex-basis:270px}.wp-header__brand img{width:270px;height:100px}.wp-header__nav,.wp-header__contact{display:none}.wp-header__menu{display:flex;margin-left:auto;width:46px;height:46px;padding:9px;border:0;border-radius:11px;background:var(--blue);flex-direction:column;justify-content:center;gap:5px}.wp-header__menu i{height:2px;background:#fff;display:block}.wp-header__promises{top:108px;font-size:11px;gap:9px}.wp-header__promises em{height:17px}.wp-header__pipework{left:-35px;width:620px;height:185px;bottom:45px}.wp-header__waves{height:92px}}