/* WILLIAMS PLUMBING HEADER V4 — responsive, self-contained, with crisp SVG system illustration */
.wp-header{--navy:#061f3d;--navy2:#092d52;--blue:#20a9e9;--pale:#a9def8;--copper:#c47d52;position:relative;width:100%;height:520px;overflow:hidden;background:radial-gradient(circle at 78% 45%,rgba(32,169,233,.13),transparent 32%),linear-gradient(112deg,#041a34,#082d50 58%,#051f3e);color:#fff;font-family:Arial,Helvetica,sans-serif}.wp-header *{box-sizing:border-box}.wp-header__texture{position:absolute;inset:0;opacity:.24;background-image:radial-gradient(circle,rgba(255,255,255,.18) 0 1px,transparent 1.5px);background-size:42px 42px}.wp-header__inner{position:relative;z-index:5;width:min(1430px,calc(100% - 76px));height:100%;margin:auto}.wp-header__top{height:210px;display:flex;align-items:center;gap:28px}.wp-header__brand{display:flex;align-items:center;gap:14px;flex:0 0 auto;color:#fff;text-decoration:none}.wp-header__mark{width:86px;height:86px;display:block;flex:0 0 86px}.wp-header__mark svg{width:100%;height:100%;display:block}.mark-ring{fill:rgba(255,255,255,.03);stroke:#fff;stroke-width:4}.mark-drop{fill:#20a9e9;stroke:#bfeeff;stroke-width:1.5}.mark-wrench{fill:#c47d52;stroke:#f1b18a;stroke-width:1.4}.mark-wrench-jaw{fill:#c47d52;stroke:#f1b18a;stroke-width:1.4}.wp-header__brand-text{display:flex;flex-direction:column;line-height:1}.wp-header__brand-text strong{font-size:42px;letter-spacing:-.035em;font-weight:900}.wp-header__brand-text span{margin-top:7px;color:#25b2ee;font-size:15px;letter-spacing:.12em;font-weight:800}.wp-header__nav{margin-left:auto;display:flex;align-items:center;gap:8px}.wp-header__nav a{position:relative;color:#fff;text-decoration:none;text-transform:uppercase;font-size:15px;font-weight:800;padding:13px 15px 15px;border-radius:12px;white-space:nowrap;transition:.18s ease}.wp-header__nav a:hover{background:rgba(32,169,233,.2);transform:translateY(-1px)}.wp-header__nav a.active{background:rgba(32,169,233,.25)}.wp-header__nav a.active:after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:3px;border-radius:3px;background:var(--blue)}.wp-header__contact{width:300px;min-width:300px;margin-left:12px;padding-left:24px;border-left:1px solid rgba(255,255,255,.55)}.wp-header__phone{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.phone-icon{width:46px;height:46px;border:3px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:22px}.wp-header__phone strong{display:block;font-size:24px;line-height:1}.wp-header__phone small{display:block;margin-top:7px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.05em}.wp-header__quote{width:270px;height:51px;margin-top:18px;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__tagline{position:absolute;top:190px;left:0;display:flex;align-items:center;gap:13px;font-size:16px;font-weight:800;letter-spacing:.04em}.wp-header__tagline em{width:1px;height:23px;background:rgba(255,255,255,.55)}.tagline-dot{width:8px;height:8px;background:var(--blue);transform:rotate(45deg);display:inline-block}.wp-header__systems{position:absolute;right:-10px;bottom:62px;width:min(1040px,75vw);height:350px;opacity:.92}.system-pipes path{fill:none;stroke:var(--copper);stroke-width:10;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.system-boiler rect,.system-radiator>rect,.system-cylinder rect{fill:rgba(7,37,66,.66);stroke:#d5e9f4;stroke-width:3}.system-boiler .boiler-panel,.system-cylinder .cylinder-panel{fill:rgba(32,169,233,.09);stroke:#72c8ec;stroke-width:2}.system-boiler circle{fill:#20a9e9}.system-boiler path,.system-radiator path,.system-cylinder path,.system-valves path{fill:none;stroke:#d5e9f4;stroke-width:3;stroke-linecap:round}.system-radiator path{stroke-width:2}.system-cylinder ellipse{fill:rgba(7,37,66,.66);stroke:#d5e9f4;stroke-width:3}.system-valves circle{fill:#c47d52;stroke:#f1b18a;stroke-width:2}.system-labels text{fill:rgba(255,255,255,.72);font-size:12px;font-weight:800;letter-spacing:2px}.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}.wave1{height:102px;bottom:18px;background:#073b70;transform:rotate(-2deg)}.wave2{height:95px;bottom:7px;background:#0a91db;transform:rotate(2deg)}.wave3{height:77px;bottom:-1px;background:var(--pale);transform:rotate(-1.2deg)}.wave4{height:85px;bottom:-24px;background:#fff;transform:rotate(-2.5deg)}.wp-header__menu,.wp-header__mobile-nav{display:none}
@media(max-width:1180px) and (min-width:821px){.wp-header{height:470px}.wp-header__inner{width:calc(100% - 44px)}.wp-header__mark{width:68px;height:68px;flex-basis:68px}.wp-header__brand-text strong{font-size:32px}.wp-header__brand-text span{font-size:11px}.wp-header__nav{gap:2px}.wp-header__nav a{font-size:12px;padding:11px 9px}.wp-header__contact{width:240px;min-width:240px;padding-left:15px}.wp-header__phone strong{font-size:18px}.wp-header__quote{width:210px}.wp-header__systems{width:700px;height:260px;right:-30px;bottom:58px}.wp-header__tagline{top:192px}}
@media(max-width:820px){.wp-header{height:390px;min-height:390px}.wp-header__inner{width:100%;padding:0 16px}.wp-header__top{height:92px;gap:10px}.wp-header__mark{width:58px;height:58px;flex-basis:58px}.wp-header__brand{gap:9px}.wp-header__brand-text strong{font-size:27px}.wp-header__brand-text span{font-size:9px;margin-top:5px;letter-spacing:.09em}.wp-header__nav,.wp-header__contact{display:none}.wp-header__menu{display:flex;flex:0 0 46px;margin-left:auto;width:46px;height:46px;padding:10px;border:0;border-radius:12px;background:var(--blue);flex-direction:column;justify-content:center;gap:5px;cursor:pointer}.wp-header__menu i{height:2px;width:100%;background:#fff;border-radius:2px}.wp-header__tagline{top:99px;left:16px;right:16px;gap:8px;font-size:9px;white-space:nowrap;overflow:hidden}.wp-header__tagline em{height:15px}.tagline-dot{width:6px;height:6px}.wp-header__systems{right:-95px;bottom:48px;width:720px;height:235px;opacity:.82}.wp-header__waves{height:105px}.wp-header__mobile-nav{position:absolute;z-index:30;display:flex;top:78px;right:14px;width:min(290px,calc(100vw - 28px));padding:10px;background:rgba(2,26,52,.98);border:1px solid rgba(32,169,233,.35);border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.35);flex-direction:column;gap:4px;transform:translateY(-14px);opacity:0;visibility:hidden;transition:.18s ease}.wp-header__mobile-nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}.wp-header__mobile-nav a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 14px;border-radius:10px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:800}.wp-header__mobile-nav a:hover,.wp-header__mobile-nav a.active{background:rgba(32,169,233,.22)}.wp-header__mobile-nav .mobile-phone{margin-top:5px;color:var(--blue);border-top:1px solid rgba(255,255,255,.15)}.wp-header__mobile-nav .mobile-quote{background:linear-gradient(100deg,#19a6e8,#3abaf2)}}
@media(max-width:390px){.wp-header{height:360px}.wp-header__brand-text strong{font-size:24px}.wp-header__brand-text span{font-size:8px}.wp-header__systems{right:-135px;bottom:45px;width:650px;height:210px}.wp-header__tagline{font-size:8px}}