/* Shared visual polish for Haverhill Drains inner pages */
:root{--radius:20px;--shadow:0 18px 48px rgba(8,43,51,.10)}
html{scroll-behavior:smooth}
body{background:#f8f6f1}
.masthead{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(8,43,51,.06)}
.masthead .wrap{min-height:76px!important}
.wordmark{letter-spacing:-.035em}
.call-btn{border-radius:999px!important;background:#0c3038!important;color:#fff!important;padding:.8rem 1.15rem!important;box-shadow:0 8px 22px rgba(8,43,51,.14)}
.call-btn:hover{background:#1c5866!important;transform:translateY(-2px)}
.hero{min-height:400px;display:flex;align-items:center;overflow:hidden}
.hero::before{background:linear-gradient(100deg,rgba(6,31,37,.96),rgba(8,43,51,.82) 55%,rgba(8,43,51,.38))!important}
.hero-inner{padding-block:clamp(4.5rem,9vw,7rem)!important}
.hero h1{font-size:clamp(2.4rem,5vw,4.4rem)!important;max-width:18ch!important}
.band{padding-block:clamp(3.8rem,7vw,6rem)!important}
.svc-card,.job-card{border:0!important;border-radius:20px!important;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}
.svc-card:hover,.job-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(8,43,51,.13)}
.svc-card img{height:210px!important}.job-card img{height:190px!important}
.area-chip{border-radius:14px!important;background:#fff!important}.area-chip:hover{box-shadow:var(--shadow)}
.faq details{padding-block:1.2rem!important}.faq summary{font-weight:800!important}
.cta-band{background:linear-gradient(120deg,#124b58,#082b33)!important}
.foot{background:#061f25!important;padding-top:4rem!important}.foot a[href="https://nohosting.co.uk"]{color:#f2a627!important;font-weight:800!important}
@media(max-width:900px){.masthead .wrap{gap:.8rem!important}.masthead nav ul{gap:.9rem!important}.masthead nav{overflow-x:auto;max-width:100%;scrollbar-width:none}.masthead nav::-webkit-scrollbar{display:none}}
@media(max-width:800px){.masthead .wrap{display:grid!important;grid-template-columns:1fr auto!important;min-height:68px!important}.masthead nav{display:block!important;grid-column:1/-1;order:3;width:100%;padding-bottom:.65rem}.masthead nav ul{flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:.1rem!important}.masthead nav li{white-space:nowrap}.call-btn{grid-column:2;grid-row:1}.hero{min-height:360px}.two-col{gap:2rem!important}.foot-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.wrap{padding-inline:1rem!important}.topbar .wrap{justify-content:center!important}.topbar .wrap span:last-child{display:none}.masthead nav ul{font-size:.82rem!important}.call-btn{font-size:.82rem!important;padding:.68rem .9rem!important}.hero{min-height:330px}.hero-inner{padding-block:3.7rem!important}.hero h1{font-size:clamp(2.15rem,11vw,3.2rem)!important}.services-grid,.jobs-grid,.area-grid{grid-template-columns:1fr!important}.svc-card img,.job-card img{height:auto!important;aspect-ratio:16/9;object-fit:cover}.coverage{columns:1!important}.foot-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}