:root{--brew-charcoal:#484848;--brew-blue:#007db4;--brew-sky:#edf8fc;--brew-green:#466733;--brew-cream:#f8f8ef;--brew-red:#e51d35}
body{color:var(--brew-charcoal);background:#fff;line-height:1.75;overflow-x:hidden}
h1,h2,h3,h4{color:var(--brew-charcoal);font-weight:700;line-height:1.25;letter-spacing:-.025em}
h1{font-size:clamp(2rem,3.5vw,3.8rem)}h2{font-size:clamp(1.65rem,2.5vw,2.6rem)}
p{line-height:1.8}a{color:#006a99}a:hover{color:#355627}
a:focus-visible,button:focus-visible{outline:3px solid #007db4;outline-offset:5px}
.top-bar{background:#fff;padding:20px 2vw 0}.top-bar>.container-fluid{max-width:1440px}
.brewins-brand-large img{max-width:450px!important}
.brewins-service-strip{margin:20px -2vw 0;background:#484848!important;padding:10px!important}
.navbar-bg{background:#eaf5f8!important;border-bottom:1px solid #d8e9ec;padding:10px 24px}
.navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-nav .nav-link:focus{color:#484848!important;font-weight:600;font-size:15px}
.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link:hover{color:#006a99!important}
.navbar .dropdown-menu{border:1px solid #d8e9ec;border-radius:12px;box-shadow:0 12px 25px #324b4d15}
.navbar .dropdown-item{padding:11px 20px}.navbar .dropdown-item:hover{background:#edf8fc;color:#006a99}
.navbar-toggler{background:#484848}
.brewins-hero{position:relative;min-height:550px;height:min(45vw,700px);background-color:#b9e6fa;background-size:cover;background-position:center;isolation:isolate}
.brewins-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7fcffed 0%,#f7fcffb3 22%,transparent 53%);z-index:-1}
.brewins-hero-copy{position:relative;max-width:1320px;margin:auto;padding:70px 30px;z-index:2}
.brewins-hero-copy>div{max-width:480px}.brewins-eyebrow{display:block;color:#355627;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.14em;margin-bottom:18px}
.brewins-hero h1{font-size:clamp(2rem,3.3vw,3.5rem);max-width:480px;margin-bottom:22px}
.brewins-hero p{max-width:370px;font-size:17px;margin-bottom:26px}
.brewins-actions{display:flex;flex-wrap:wrap;gap:12px}
.btn,.read-more{border-radius:8px!important;padding:13px 23px!important;text-decoration:none!important;line-height:1.5;font-weight:600;box-shadow:none;transition:transform .2s,background .2s}
.btn:hover,.read-more:hover{transform:translateY(-2px)}
.btn-secondary,.btn-primary,.read-more{background:#0077a8!important;border:1px solid #0077a8!important;color:#fff!important}
.btn-white{background:#fff!important;color:#484848!important;border:1px solid #bdcbd0!important}
.brewins-cloud{position:absolute;background:#fffffff2;width:86px;height:18px;border-radius:50px;top:10%;right:20%;pointer-events:none;animation:brewins-cloud-drift 18s ease-in-out infinite alternate}
.brewins-cloud::before{content:"";position:absolute;width:32px;height:32px;background:inherit;border-radius:50%;left:17px;bottom:0}.brewins-cloud::after{content:"";position:absolute;width:43px;height:43px;background:inherit;border-radius:50%;right:10px;bottom:0}
.brewins-cloud-two{top:22%;right:5%;transform:scale(.6);animation-duration:25s}
@keyframes brewins-cloud-drift{from{translate:0 0}to{translate:45px 0}}
.brewins-page-scene{height:240px;position:relative;background-color:#c4e9f7;background-size:cover;background-position:center 54%;border-bottom:7px solid #6b923f}
.brewins-page-scene .brewins-scene-label{position:absolute;left:max(30px,calc((100vw - 1140px)/2));top:40px;display:inline-block;padding:12px 22px;background:#fffffff0;border-radius:8px;box-shadow:0 4px 15px #3452;color:#484848;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:700;max-width:48%;line-height:1.3}
.review-bar{background:#fff!important;border-bottom:1px solid #e0e9e7;padding:14px}
.our-services{background:#fff;padding:65px 0 15px}.our-services h2{margin-bottom:0}
.hp-services{background:#fff!important;padding:20px 0 65px}
.hp-services .cta-wrap{border:1px solid #dce7e8;border-radius:16px;background:#f4fafd;box-shadow:0 6px 0 #dcecef;padding:30px 12px;margin-bottom:20px;height:100%;transition:transform .2s}
.hp-services .cta-wrap:hover{transform:translateY(-5px)}
.hp-services h3{font-size:21px!important;color:#484848!important}.hp-services .icon-wrap{color:#0077a8!important}
.hp-quotebar,.section-secondary,.hp-contact-form{background:#0077a8!important;color:white}
.hp-quotebar h2,.hp-quotebar a,.section-secondary h3,.hp-contact-form h2,.hp-contact-form p{color:#fff!important}
.hp-quotebar{padding:30px 0}.hp-quotebar h2{font-size:24px;margin:0}
.hp-welcome,.section-white,.hp-offer,.hp-partners,.hp-instagram{padding:65px 0;background:#fff}
.hp-welcome p{max-width:960px;margin:22px auto 0}
.section-lightgrey,.hp-help{background:#f2f7ec!important;color:#484848!important;padding:65px 0}
.hp-help h2,.hp-help h2 span,.hp-help li{color:#484848!important}
.hp-help li{border-color:#d2dfc6!important}
.hp-helpbox{background:transparent!important}
.hp-facebook{background:#edf8fc!important;padding:32px 0;color:#484848!important}.hp-facebook h2{color:#484848!important}
.hp-contact-form{padding:55px 0}
.hp-offerbox{background:#f8f8ef!important;border-radius:14px;padding:30px;color:#484848!important;border:1px solid #e4e7d8}
.hp-offer-plumbg{background:#466733!important;color:white;padding:55px 0}.hp-offer-plumbg h2,.hp-offer-plumbg li{color:white!important}
.hp-split-imgs{padding:35px 0}.hp-split-imgs .row{row-gap:20px}.hp-img-split-left,.hp-img-split-right{border-radius:16px}
.hp-dividerimg{height:180px!important;background-size:cover;background-position:center}
.safe-box{border-radius:16px;background:#edf8fc;padding:25px}
.footer{background:#484848!important;padding:55px 25px;color:#fff}.footer h3{color:#fff;font-size:21px}.footer a,.footer p{color:#fff!important}
.footer-bottom{background:#383d3f!important;color:#fff;padding:20px}.footer-bottom a{color:#fff}
.social-footer{background:#edf8fc}.social-footer .footer-twitter,.social-footer .footer-facebook,.social-footer .footer-instagram{background:#edf8fc!important;padding:12px!important}.social-footer a{color:#0077a8!important}
.brewins-wa-float{background:#25d366;border:2px solid #fff;font-size:14px}
.brewins-wa-qr{position:static!important;max-width:175px;margin:24px auto 90px;box-shadow:none!important;border:1px solid #dce7df}
#wrapper-footer{position:relative}
#breadcrumbs{max-width:1140px;margin:18px auto;padding:0 15px;font-size:13px}
.boiler-installation-bg,.boiler-service-bg,.boiler-repair-bg,.plumbing-bg,.plumbing-services-bg,.contact-bg,.gallery-bg,.reviews-bg{display:none!important}
.entry-content img:not(.envira-gallery-image){border-radius:12px}
[data-aos]{opacity:1!important;transform:none!important;transition:none!important}
@media(min-width:1200px){.container{max-width:1140px}.section-white p,.section-lightgrey p{max-width:1000px;margin-left:auto;margin-right:auto}}
@media(max-width:991px){.brewins-hero{height:auto;min-height:530px;background-position:58% center}.brewins-hero-copy{padding:45px 24px}.brewins-hero-copy>div{max-width:360px}.brewins-hero h1{font-size:36px}.brewins-hero::before{background:linear-gradient(90deg,#f7fcfff5,#f7fcffb3 30%,transparent 70%)}.brewins-hero p{max-width:300px;font-size:16px}}
@media(max-width:767px){
.top-bar{padding-top:16px}.brewins-brand-large img{max-width:350px!important;margin:0 auto 15px!important}.brewins-credentials{display:none}.header-cta{padding:0 0 8px}.header-cta h4{font-size:19px}.header-cta>a[aria-label]{font-size:18px!important}
.brewins-service-strip{font-size:11px!important;line-height:1.6;margin-top:10px}.navbar-bg{padding:8px 18px}
#navbarNavDropdown .dropdown-menu .dropdown-item{color:#484848!important}
.brewins-hero{min-height:690px;background-size:auto 370px;background-repeat:no-repeat;background-position:70% bottom;background-color:#eaf7fd}
.brewins-hero::before{background:linear-gradient(#eaf7fd 0%,#eaf7fd 44%,transparent 68%)}
.brewins-hero-copy{padding:30px 24px}.brewins-hero-copy>div{max-width:100%}.brewins-hero h1{font-size:32px;max-width:450px;margin-bottom:16px}.brewins-hero p{max-width:100%;margin-bottom:20px}.brewins-eyebrow{margin-bottom:12px;font-size:10px}
.brewins-cloud{display:none}.brewins-page-scene{height:200px;background-position:65% center}.brewins-page-scene .brewins-scene-label{left:18px;top:20px;font-size:22px;max-width:55%;padding:10px 14px}
.section-white,.section-lightgrey,.hp-help,.hp-welcome,.hp-offer,.hp-partners,.hp-instagram{padding:40px 0}
.hp-services .cta-wrap{margin:10px 0;height:auto}.hp-quotebar .col-md-6{text-align:center!important}.hp-quotebar h2{margin:5px}
.brewins-wa-float{font-size:12px;padding:11px 14px}.footer{padding-bottom:80px}.footer h3{margin-top:20px}
}

/* Local landmark scenes: preserve complete silhouettes and the branded van. */
.brewins-hero{height:clamp(560px,45vw,680px);min-height:560px;aspect-ratio:auto;background-size:100% 100%;background-position:center}
.brewins-hero::before{background:linear-gradient(90deg,#f4fbffd9 0%,#f4fbff80 27%,transparent 48%)}
.brewins-page-scene{height:clamp(320px,37vw,560px);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#91d3ef}
.brewins-page-scene .brewins-scene-label{top:55px;max-width:40%}
.hp-dividerimg{height:420px!important;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#91d3ef}
@media(max-width:991px) and (min-width:768px){.brewins-hero{min-height:580px;background-size:cover;background-position:65% center}.brewins-hero-copy>div{max-width:340px}.brewins-hero h1{font-size:32px}}
@media(max-width:767px){
.brewins-hero{aspect-ratio:auto;min-height:650px;height:auto;background-size:100% auto;background-position:center bottom;background-color:#a8dff7}
.brewins-hero::before{background:linear-gradient(#eaf7fd 0%,#eaf7fde8 41%,transparent 68%)}
.brewins-hero-copy{padding:30px 24px 300px}.brewins-hero h1{font-size:31px}
.brewins-page-scene{height:280px;background-size:100% 100%;background-position:center;background-color:#a8dff7}
.brewins-page-scene .brewins-scene-label{top:15px;left:18px;font-size:20px;max-width:85%;padding:8px 14px}
.hp-dividerimg{height:250px!important;background-size:100% auto;background-position:center bottom}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}