How to know if you’re being quoted a fair price by an interior painting company

getting a fair painting price blog featured image paint cans and ladder on drop cloth

If you’ve never hired interior painters before, you probably have no idea how much it would cost to paint your home. While you might be tempted to go with the least expensive option, it might mean you will not get the quality work you desire.

Here’s how you know how much it should cost to hire an interior painter in Vancouver:

  1. Shop around

    When you’ve never worked with an interior painter before, never go with the first estimate you get for a job. Instead, get at least three estimates. This will help to give you a better idea of industry pricing.

  2. Ask specific questions

    The work that a painter is planning to do might contribute to the discrepancies in pricing. On the cheaper end, you may find painters who will only apply a single coat of paint and do nothing more. On the more expensive end, you may find that the interior painters will properly prep the surfaces to be painted, apply 2 coats of high-quality paint, and even paint your trimmings, ceilings and doors in addition to your walls. Knowing exactly what you want and asking what the interior painters offer for the estimates they have provided will help you to determine a fair price.

  3. Consider supply and demand

    If you know you want to have your interior walls painted before the start of summer, you may want to consider booking from now as experienced interior painters are often booked months in advance. This may be one of the reasons for price discrepancies. Well-established interior painters whose jobs are booked months in advance will charge more while a newer painter who is not in high demand will offer lower prices to attract more customers. It is the rule of supply and demand. The discrepancies in pricing could even be attributed to the fact that a newer painter sometimes does not have a full understanding of how much work there is to be done. You could find that they quote you one price before they get started and then another when they discover the full scope of work.

Searching for interior painters in Vancouver?

If you are looking for interior painter in Vancouver who will do quality work at a reasonable price, contact us at Hemlock Interior Painting. At Hemlock Interior Painting, you will find a team of highly skilled and experienced interior painters who will do the job right every time. Our exclusive quoting system takes all pricing variables into account, so you’ll never be surprised by the final bill. And if for any reason you are not satisfied with the paint job, we will come back and fix it for you—free of charge—until you are happy.

With our online paint job scheduling system, we also guarantee precise start and finish dates, so every job is completed on time. Throughout the painting process, our project managers will monitor the crew using a real-time workforce management system. This will ensure first-rate quality control at every stage of the project. Once the project is completed, we will inspect the paint job and then our crew will clean up. If at the end of the project, you are not 100% satisfied, we will fix it for free, until you are pleased.

So, what are you waiting for? Now is the time to let our Vancouver painters come in and help you beautify and update your house.

Request your free estimate here!

More News & Articles

Top 10 best painters in Coquitlam, BC

10 Best Painters in Coquitlam, BC

.hlp-directory { –hlp-green:#115228; –hlp-green-dark:#073619; –hlp-pine:#04200e; –hlp-cream:#fcfaf4; –hlp-sage:#b0cab8; –hlp-gold:#c69b33; –hlp-paper:#dddcc8; –hlp-ink:#172019; –hlp-muted:#58645b; –hlp-line:#d7ddd7; margin:0; padding:0; background:transparent; color:var(–hlp-ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,”Segoe UI”,sans-serif; font-size:16px; line-height:1.6; }
.hlp-directory * { box-sizing:border-box; }
.hlp-directory a { color:var(–hlp-green); text-decoration-thickness:1px; text-underline-offset:3px; }
.hlp-directory a:hover { color:var(–hlp-green-dark); }
.hlp-directory a:focus-visible, .hlp-directory button:focus-visible, .hlp-directory input:focus-visible, .hlp-directory select:focus-visible, .hlp-directory summary:focus-visible { outline:3px solid rgba(198,155,51,.48); outline-offset:3px; }
.hlp-directory svg { width:1em; height:1em; stroke-width:1.8; }
.hlp-directory .hlp-hero { max-width:880px; background:transparent; padding:0 0 1.25rem; }
.hlp-directory .hlp-breadcrumbs { display:flex; gap:.4rem; flex-wrap:wrap; margin:0 0 1.1rem; color:var(–hlp-muted); font-size:.78rem; letter-spacing:.02em; }
.hlp-directory .hlp-breadcrumbs a { color:inherit; }
.hlp-directory .hlp-overline, .hlp-directory .hlp-kicker, .hlp-directory .hlp-eyebrow { margin:0; color:var(–hlp-green); font-size:.74rem; font-weight:800; letter-spacing:.1em; line-height:1.3; text-transform:uppercase; }
.hlp-directory .hlp-hero h1 { max-width:760px; margin:.45rem 0 1rem; color:var(–hlp-pine); font-family:Georgia,”Times New Roman”,serif; font-size:clamp(2.3rem,7vw,4.8rem); font-weight:500; letter-spacing:-.045em; line-height:.98; }
.hlp-directory .hlp-lede { max-width:800px; margin:0; color:#39433b; font-size:clamp(1rem,2.2vw,1.2rem); line-height:1.7; }
.hlp-directory .hlp-updated { margin:1rem 0 0; color:var(–hlp-muted); font-size:.82rem; }
.hlp-directory .hlp-method { max-width:880px; border-block:1px solid var(–hlp-line); }
.hlp-directory .hlp-method summary { display:flex; align-items:center; gap:.65rem; padding:.9rem 0; color:var(–hlp-pine); cursor:pointer; font-weight:750; list-style:none; }
.hlp-directory .hlp-method summary::-webkit-details-marker, .hlp-directory .hlp-reason summary::-webkit-details-marker { display:none; }
.hlp-directory .hlp-method summary svg { color:var(–hlp-green); }
.hlp-directory .hlp-method summary .hlp-chevron { margin-left:auto; transition:transform .2s ease; }
.hlp-directory .hlp-method[open] summary .hlp-chevron { transform:rotate(180deg); }
.hlp-directory .hlp-method-body { padding:0 0 1.25rem; }
.hlp-directory .hlp-method-body p { max-width:820px; margin:0 0 .9rem; }
.hlp-directory .hlp-weights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; }
.hlp-directory .hlp-weights span { border:1px solid var(–hlp-line); border-radius:8px; padding:.55rem .7rem; color:#374039; font-size:.82rem; }
.hlp-directory .hlp-controls { margin:1.4rem 0 1.25rem; padding:.7rem; border:1px solid #d4dbd5; border-radius:10px; background:#f5f7f2; }
.hlp-directory .hlp-controls-primary { display:grid; grid-template-columns:minmax(210px,2fr) repeat(4,minmax(120px,1fr)); gap:.55rem; align-items:end; }
.hlp-directory .hlp-control { min-width:0; }
.hlp-directory .hlp-control label { display:block; margin:0 0 .2rem; color:#4d594f; font-size:.68rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.hlp-directory .hlp-control-input { position:relative; }
.hlp-directory .hlp-control-input svg { position:absolute; top:50%; left:.68rem; color:#667268; transform:translateY(-50%); pointer-events:none; }
.hlp-directory .hlp-control input, .hlp-directory .hlp-control select { width:100%; min-height:38px; border:1px solid #c9d1ca; border-radius:6px; background:#fff; color:var(–hlp-ink); font:inherit; font-size:.82rem; line-height:1.2; }
.hlp-directory .hlp-control input { padding:.55rem .65rem .55rem 2.05rem; }
.hlp-directory .hlp-control select { padding:.5rem 1.8rem .5rem .62rem; }
.hlp-directory .hlp-controls-secondary { display:flex; align-items:center; gap:.7rem; flex-wrap:wrap; margin-top:.65rem; padding-top:.65rem; border-top:1px solid #d9dfda; }
.hlp-directory .hlp-switch-label { display:inline-flex; align-items:center; gap:.55rem; color:#354039; font-size:.8rem; font-weight:700; cursor:pointer; }
.hlp-directory .hlp-switch-label input { position:absolute; opacity:0; pointer-events:none; }
.hlp-directory .hlp-switch { position:relative; width:34px; height:19px; border:1px solid #7d897f; border-radius:20px; background:#fff; }
.hlp-directory .hlp-switch::after { content:””; position:absolute; top:2px; left:2px; width:13px; height:13px; border-radius:50%; background:#6e7a70; transition:transform .18s ease,background .18s ease; }
.hlp-directory .hlp-switch-label input:checked + .hlp-switch { border-color:var(–hlp-green); background:#dfece3; }
.hlp-directory .hlp-switch-label input:checked + .hlp-switch::after { background:var(–hlp-green); transform:translateX(15px); }
.hlp-directory .hlp-reset { margin-left:auto; border:0; background:transparent; color:var(–hlp-green); font:inherit; font-size:.8rem; font-weight:750; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.hlp-directory .hlp-result-count { margin:0; color:var(–hlp-muted); font-size:.78rem; }
.hlp-directory .hlp-directory-list { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; }
.hlp-directory .hlp-company-card { position:relative; overflow:hidden; border:1px solid #d8ddd7; border-radius:14px; background:#f9f8f2; padding:clamp(1rem,3vw,1.55rem); }
.hlp-directory .hlp-company-card:nth-child(even) { background:#f2f6f1; }
.hlp-directory .hlp-company-card[hidden] { display:none; }
.hlp-directory .hlp-company-header { display:grid; grid-template-columns:auto 72px minmax(0,1fr) auto; gap:1rem; align-items:center; }
.hlp-directory .hlp-rank { align-self:start; min-width:2.2rem; padding:.2rem .45rem; border-radius:999px; background:var(–hlp-pine); color:#fff; font-size:.75rem; font-weight:850; text-align:center; }
.hlp-directory .hlp-company-logo { width:72px; height:58px; object-fit:contain; object-position:center; }
.hlp-directory .hlp-company-title { min-width:0; }
.hlp-directory .hlp-company-title h2 { margin:.12rem 0 .25rem; color:var(–hlp-pine); font-family:Georgia,”Times New Roman”,serif; font-size:clamp(1.45rem,3vw,2.1rem); font-weight:600; letter-spacing:-.02em; line-height:1.1; }
.hlp-directory .hlp-company-metrics { display:flex; align-items:center; gap:.65rem; flex-wrap:wrap; color:#4b574d; font-size:.78rem; }
.hlp-directory .hlp-company-metrics span { display:inline-flex; align-items:center; gap:.3rem; }
.hlp-directory .hlp-company-metrics svg { color:var(–hlp-gold); fill:var(–hlp-gold); }
.hlp-directory .hlp-company-metrics .hlp-score { color:var(–hlp-green); font-size:.9rem; }
.hlp-directory .hlp-company-metrics .hlp-score strong { font-size:1.15rem; }
.hlp-directory .hlp-visit { display:inline-flex; align-items:center; justify-content:center; gap:.42rem; min-height:39px; border:1px solid var(–hlp-green); border-radius:6px; padding:.48rem .72rem; color:var(–hlp-green); font-size:.78rem; font-weight:800; text-align:center; text-decoration:none; }
.hlp-directory .hlp-visit:hover { background:#e4eee6; }
.hlp-directory .hlp-description { max-width:900px; margin:1rem 0 .8rem; color:#364038; }
.hlp-directory .hlp-best-for, .hlp-directory .hlp-service-tags { display:flex; flex-wrap:wrap; gap:.4rem; }
.hlp-directory .hlp-best-for span { display:inline-flex; align-items:center; gap:.28rem; color:var(–hlp-green-dark); font-size:.77rem; font-weight:750; }
.hlp-directory .hlp-best-for svg { color:var(–hlp-green); }
.hlp-directory .hlp-service-tags { margin:.7rem 0 1rem; }
.hlp-directory .hlp-service-tags span { border:1px solid #cfd8d0; border-radius:999px; padding:.15rem .5rem; background:rgba(255,255,255,.58); color:#4d584f; font-size:.7rem; }
.hlp-directory .hlp-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 1.3rem; margin:0; border-top:1px solid #d8ddd7; }
.hlp-directory .hlp-fact { display:grid; grid-template-columns:minmax(88px,.34fr) minmax(0,1fr); gap:.6rem; padding:.5rem 0; border-bottom:1px solid #e1e5e0; }
.hlp-directory .hlp-fact dt { color:#59645b; font-size:.71rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.hlp-directory .hlp-fact dd { min-width:0; margin:0; color:#344038; font-size:.78rem; }
.hlp-directory .hlp-fact a { display:inline-flex; align-items:flex-start; gap:.3rem; color:inherit; }
.hlp-directory .hlp-fact a svg { flex:0 0 auto; margin-top:.2em; }
.hlp-directory .hlp-card-toggles { display:flex; gap:.3rem 1.15rem; overflow-x:auto; margin-top:.9rem; padding:.35rem 0 0; border-top:1px solid #d8ddd7; scrollbar-width:thin; }
.hlp-directory .hlp-panel-toggle { display:inline-flex; align-items:center; gap:.38rem; flex:0 0 auto; border:0; border-bottom:2px solid transparent; padding:.5rem .05rem .42rem; background:transparent; color:#59635b; font:inherit; font-size:.76rem; font-weight:800; cursor:pointer; }
.hlp-directory .hlp-panel-toggle:hover, .hlp-directory .hlp-panel-toggle[aria-expanded=”true”] { border-bottom-color:var(–hlp-green); color:var(–hlp-green); }
.hlp-directory .hlp-panel { margin-top:.85rem; padding:1rem; border:1px solid #cfd8d0; border-radius:9px; background:rgba(255,255,255,.72); }
.hlp-directory .hlp-panel[hidden] { display:none; }
.hlp-directory .hlp-panel h3 { margin:.12rem 0 .75rem; color:var(–hlp-pine); font-family:Georgia,”Times New Roman”,serif; font-size:1.28rem; line-height:1.2; }
.hlp-directory .hlp-panel h4 { margin:0 0 .4rem; color:#314039; font-size:.8rem; letter-spacing:.03em; text-transform:uppercase; }
.hlp-directory .hlp-panel p { margin:.35rem 0 .7rem; }
.hlp-directory .hlp-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.hlp-directory .hlp-reasons-toggle { border:1px solid #bdc8bf; border-radius:5px; padding:.35rem .55rem; background:#fff; color:var(–hlp-green); font:inherit; font-size:.7rem; font-weight:800; cursor:pointer; }
.hlp-directory .hlp-factor-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }
.hlp-directory .hlp-factor { border:1px solid #d9dfda; border-radius:7px; padding:.68rem; background:#fff; }
.hlp-directory .hlp-factor-head { display:flex; justify-content:space-between; gap:.8rem; color:#364039; font-size:.78rem; }
.hlp-directory .hlp-factor-head strong { color:var(–hlp-green); }
.hlp-directory .hlp-meter { overflow:hidden; height:5px; margin:.48rem 0 .2rem; border-radius:99px; background:#e3e8e3; }
.hlp-directory .hlp-meter span { display:block; height:100%; border-radius:inherit; background:var(–hlp-green); }
.hlp-directory .hlp-reason summary { display:flex; align-items:center; gap:.35rem; margin-top:.5rem; color:var(–hlp-green); cursor:pointer; font-size:.72rem; font-weight:800; list-style:none; }
.hlp-directory .hlp-reason p { color:#3f4941; font-size:.75rem; line-height:1.55; }
.hlp-directory .hlp-source-row { display:flex; align-items:center; gap:.38rem; flex-wrap:wrap; color:#69736b; font-size:.66rem; font-weight:750; text-transform:uppercase; }
.hlp-directory .hlp-source-link { display:inline-flex; align-items:center; gap:.22rem; width:max-content; font-size:.7rem; font-weight:800; text-transform:none; }
.hlp-directory .hlp-link-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.hlp-directory .hlp-link-columns ul { display:grid; gap:.38rem; margin:0; padding:0; list-style:none; }
.hlp-directory .hlp-link-columns li { min-width:0; font-size:.76rem; }
.hlp-directory .hlp-link-columns li a { display:inline-flex; align-items:flex-start; gap:.25rem; }
.hlp-directory .hlp-link-columns li a svg { flex:0 0 auto; margin-top:.25em; }
.hlp-directory .hlp-link-columns small { display:block; margin-top:.15rem; color:#687269; font-size:.67rem; line-height:1.45; }
.hlp-directory .hlp-panel-note { color:#667069; font-size:.75rem; }
.hlp-directory .hlp-review-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
.hlp-directory .hlp-review { border-left:3px solid var(–hlp-sage); padding:.65rem .7rem; background:#fff; }
.hlp-directory .hlp-review header { display:flex; align-items:flex-start; justify-content:space-between; gap:.7rem; }
.hlp-directory .hlp-review header div { display:grid; }
.hlp-directory .hlp-review header span { color:#6a736c; font-size:.66rem; }
.hlp-directory .hlp-review .hlp-review-rating { display:inline-flex; align-items:center; gap:.24rem; color:#725710; font-weight:800; white-space:nowrap; }
.hlp-directory .hlp-review-rating svg { color:var(–hlp-gold); fill:var(–hlp-gold); }
.hlp-directory .hlp-review p { margin:.4rem 0; color:#39433b; font-size:.76rem; line-height:1.55; }
.hlp-directory .hlp-review .hlp-project { color:var(–hlp-green); font-size:.68rem; font-weight:800; }
.hlp-directory .hlp-review .hlp-takeaway { color:#566058; font-size:.7rem; }
.hlp-directory .hlp-no-results { margin:1rem 0; padding:1.1rem; border:1px solid var(–hlp-line); border-radius:8px; color:#505a52; }
.hlp-directory .hlp-buyers-guide, .hlp-directory .hlp-faq, .hlp-directory .hlp-final-cta { max-width:880px; margin-top:clamp(2.5rem,6vw,4.5rem); }
.hlp-directory .hlp-buyers-guide h2, .hlp-directory .hlp-faq h2, .hlp-directory .hlp-final-cta h2 { margin:.3rem 0 1rem; color:var(–hlp-pine); font-family:Georgia,”Times New Roman”,serif; font-size:clamp(1.75rem,4vw,2.6rem); font-weight:550; letter-spacing:-.025em; line-height:1.1; }
.hlp-directory .hlp-buyers-guide ol { display:grid; gap:.65rem; padding-left:1.25rem; }
.hlp-directory .hlp-buyers-guide li { padding-left:.25rem; color:#3d4740; }
.hlp-directory .hlp-faq details { border-top:1px solid var(–hlp-line); }
.hlp-directory .hlp-faq details:last-child { border-bottom:1px solid var(–hlp-line); }
.hlp-directory .hlp-faq summary { padding:.85rem 0; color:var(–hlp-pine); cursor:pointer; font-weight:800; }
.hlp-directory .hlp-faq details p { margin:0 0 1rem; color:#465048; }
.hlp-directory .hlp-final-cta { border-top:4px solid var(–hlp-green); padding:1.25rem 0 2rem; }
.hlp-directory .hlp-final-cta p { max-width:720px; }
.hlp-directory .hlp-cta-actions { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1rem; }
.hlp-directory .hlp-cta-actions a { display:inline-flex; align-items:center; gap:.35rem; min-height:42px; border:1px solid var(–hlp-green); border-radius:6px; padding:.55rem .8rem; font-size:.8rem; font-weight:800; text-decoration:none; }
.hlp-directory .hlp-cta-actions a:first-child { background:var(–hlp-green); color:#fff; }
.hlp-directory .hlp-cta-actions a:first-child:hover { background:var(–hlp-green-dark); }
.hlp-directory .hlp-data-note { max-width:880px; margin:2rem 0 0; padding:1rem 0 2rem; border-top:1px solid var(–hlp-line); color:#647067; font-size:.7rem; }
@media (max-width:900px) {
.hlp-directory .hlp-controls-primary { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hlp-directory .hlp-search-control { grid-column:1 / -1; }
.hlp-directory .hlp-company-header { grid-template-columns:auto 64px minmax(0,1fr); }
.hlp-directory .hlp-company-logo { width:64px; height:52px; }
.hlp-directory .hlp-visit { grid-column:2 / -1; justify-self:start; }
.hlp-directory .hlp-link-columns { grid-template-columns:1fr 1fr; }
.hlp-directory .hlp-link-columns div:first-child { grid-column:1 / -1; }
}
@media (max-width:620px) {
.hlp-directory .hlp-weights, .hlp-directory .hlp-controls-primary, .hlp-directory .hlp-facts, .hlp-directory .hlp-factor-list, .hlp-directory .hlp-review-grid, .hlp-directory .hlp-link-columns { grid-template-columns:1fr; }
.hlp-directory .hlp-search-control, .hlp-directory .hlp-link-columns div:first-child { grid-column:auto; }
.hlp-directory .hlp-company-card { border-radius:10px; }
.hlp-directory .hlp-company-header { grid-template-columns:auto minmax(0,1fr); gap:.7rem; }
.hlp-directory .hlp-rank { grid-row:1; grid-column:1; }
.hlp-directory .hlp-company-logo { grid-row:2; grid-column:1; width:54px; height:48px; }
.hlp-directory .hlp-company-title { grid-row:1 / 3; grid-column:2; }
.hlp-directory .hlp-visit { grid-column:2; }
.hlp-directory .hlp-panel-head { display:block; }
.hlp-directory .hlp-reasons-toggle { margin-bottom:.65rem; }
.hlp-directory .hlp-card-toggles { gap:.8rem; }
}
@media (prefers-reduced-motion:reduce) {
.hlp-directory .hlp-method summary .hlp-chevron, .hlp-directory .hlp-switch::after { transition:none; }
}

A practical shortlist for homeowners, strata councils and property managers.

Top painters in British Columbia

10 Best Painters in British Columbia

.hlp-directory {
–hlp-green: #115228;
–hlp-pine: #04200e;
–hlp-evergreen: #1c481d;
–hlp-sage: #6c8474;
–hlp-sage-mist: #b0cab8;
–hlp-gold: #c69b33;
–hlp-cream: #fcfaf4;
–hlp-paper: #dddcc8;
–hlp-white: #ffffff;
–hlp-ink: #203029;
–hlp-muted: #5d6b63;
–hlp-line: #d5ddd7;
–hlp-soft: #f3f6f1;
–hlp-soft-2: #f8f5ec;
margin: 0;
padding: 0;
background: transparent;
color: var(–hlp-ink);
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;
font-size: 16px;
line-height: 1.6;
text-rendering: optimizeLegibility;
}
.hlp-directory *,
.hlp-directory *::before,
.hlp-directory *::after { box-sizing: border-box; }
.hlp-directory .hlp-inner {
width: min(100%, 1120px);
margin-inline: auto;
}
.hlp-directory .hlp-skip {
position: absolute;
left: -9999px;
top: 0;
z-index: 10;
padding: .6rem .85rem;
color: var(–hlp-white);
background: var(–hlp-green);
border-radius: 0 0 10px 0;
}
.hlp-directory .hlp-skip:focus { left: 0; }
.hlp-directory a { color: var(–hlp-green); text-underline-offset: 3px; }
.hlp-directory a:hover { color: var(–hlp-pine); }
.hlp-directory button,
.hlp-directory input,
.hlp-directory select { font: inherit; }
.hlp-directory button,
.hlp-directory select { cursor: pointer; }
.hlp-directory :focus-visible {
outline: 3px solid rgba(198, 155, 51, .62);
outline-offset: 3px;
}
.hlp-directory .hlp-hero {
margin: 0 0 1.4rem;
padding: 0;
background: transparent;
}
.hlp-directory .hlp-kicker {
display: flex;
align-items: center;
gap: .5rem;
margin: 0 0 .6rem;
color: var(–hlp-green);
font-size: .78rem;
font-weight: 800;
letter-spacing: .1em;
text-transform: uppercase;
}
.hlp-directory .hlp-kicker::before {
width: 30px;
height: 3px;
content: “”;
background: var(–hlp-gold);
border-radius: 999px;
}
.hlp-directory .hlp-hero h1 {
max-width: 900px;
margin: 0;
color: var(–hlp-pine);
font-family: Georgia, “Times New Roman”, serif;
font-size: clamp(2.15rem, 6vw, 4.25rem);
line-height: 1.02;
letter-spacing: -.035em;
}
.hlp-directory .hlp-deck {
max-width: 820px;
margin: 1rem 0 .8rem;
color: var(–hlp-muted);
font-size: clamp(1.02rem, 2vw, 1.18rem);
line-height: 1.7;
}
.hlp-directory .hlp-asof {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .45rem .9rem;
margin: 0;
color: var(–hlp-muted);
font-size: .82rem;
}
.hlp-directory .hlp-asof span {
display: inline-flex;
align-items: center;
gap: .32rem;
}
.hlp-directory .hlp-method {
margin: 1rem 0 0;
border-top: 1px solid var(–hlp-line);
border-bottom: 1px solid var(–hlp-line);
}
.hlp-directory .hlp-method summary {
display: flex;
align-items: center;
gap: .48rem;
min-height: 42px;
color: var(–hlp-green);
font-size: .9rem;
font-weight: 800;
list-style: none;
cursor: pointer;
}
.hlp-directory .hlp-method summary::-webkit-details-marker,
.hlp-directory .hlp-factor-details summary::-webkit-details-marker { display: none; }
.hlp-directory .hlp-method summary::after {
margin-left: auto;
content: “+”;
font-size: 1.2rem;
font-weight: 500;
}
.hlp-directory .hlp-method[open] summary::after { content: “−”; }
.hlp-directory .hlp-method-body {
display: grid;
grid-template-columns: minmax(0, 1.3fr) minmax(250px, .7fr);
gap: 1rem 1.5rem;
padding: .2rem 0 1rem;
color: var(–hlp-muted);
font-size: .9rem;
}
.hlp-directory .hlp-method-body p { margin: 0; }
.hlp-directory .hlp-weight-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .25rem .8rem;
margin: 0;
padding: 0;
list-style: none;
}
.hlp-directory .hlp-weight-list li {
display: flex;
justify-content: space-between;
gap: .5rem;
border-bottom: 1px dotted var(–hlp-line);
}
.hlp-directory .hlp-controls {
margin: 1.3rem 0 1.1rem;
padding: .7rem;
background: var(–hlp-soft);
border: 1px solid var(–hlp-line);
border-radius: 14px;
}
.hlp-directory .hlp-controls-grid {
display: grid;
grid-template-columns: minmax(210px, 1.5fr) repeat(3, minmax(145px, .75fr));
gap: .55rem;
align-items: end;
}
.hlp-directory .hlp-field { min-width: 0; }
.hlp-directory .hlp-field label {
display: block;
margin: 0 0 .22rem;
color: var(–hlp-muted);
font-size: .7rem;
font-weight: 800;
letter-spacing: .05em;
text-transform: uppercase;
}
.hlp-directory .hlp-input-wrap { position: relative; }
.hlp-directory .hlp-input-wrap i {
position: absolute;
top: 50%;
left: .65rem;
color: var(–hlp-sage);
transform: translateY(-50%);
pointer-events: none;
}
.hlp-directory .hlp-input-wrap input,
.hlp-directory .hlp-field select {
width: 100%;
height: 40px;
margin: 0;
color: var(–hlp-ink);
background: var(–hlp-white);
border: 1px solid var(–hlp-line);
border-radius: 9px;
}
.hlp-directory .hlp-input-wrap input { padding: .5rem 2.2rem .5rem 2rem; }
.hlp-directory .hlp-field select { padding: .45rem 1.8rem .45rem .65rem; }
.hlp-directory .hlp-clear-search {
position: absolute;
top: 50%;
right: .35rem;
display: none;
width: 30px;
height: 30px;
padding: 0;
color: var(–hlp-muted);
background: transparent;
border: 0;
transform: translateY(-50%);
}
.hlp-directory .hlp-clear-search[data-visible=”true”] { display: inline-grid; place-items: center; }
.hlp-directory .hlp-control-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .35rem .75rem;
margin-top: .6rem;
padding-top: .55rem;
border-top: 1px solid var(–hlp-line);
}
.hlp-directory .hlp-check {
display: inline-flex;
align-items: center;
gap: .4rem;
color: var(–hlp-ink);
font-size: .82rem;
font-weight: 700;
cursor: pointer;
}
.hlp-directory .hlp-check input { width: 16px; height: 16px; accent-color: var(–hlp-green); }
.hlp-directory .hlp-text-button {
display: inline-flex;
align-items: center;
gap: .35rem;
min-height: 34px;
padding: .2rem .35rem;
color: var(–hlp-green);
background: transparent;
border: 0;
font-size: .82rem;
font-weight: 800;
}
.hlp-directory .hlp-text-button:hover { color: var(–hlp-pine); }
.hlp-directory .hlp-results-line {
display: flex;
justify-content: space-between;
align-items: center;
gap: .8rem;
margin: 0 0 .65rem;
color: var(–hlp-muted);
font-size: .83rem;
}
.hlp-directory .hlp-results-line strong { color: var(–hlp-ink); }
.hlp-directory .hlp-cards {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1rem;
}
.hlp-directory .hlp-card {
position: relative;
overflow: clip;
background: var(–hlp-cream);
border: 1px solid var(–hlp-line);
border-radius: 18px;
}
.hlp-directory .hlp-card:nth-child(even) { background: var(–hlp-soft); }
.hlp-directory .hlp-card[data-featured=”true”] {
background: #f5f8f2;
border-color: var(–hlp-sage);
}
.hlp-directory .hlp-card[hidden] { display: none; }
.hlp-directory .hlp-card-main { padding: clamp(1rem, 3vw, 1.55rem); }
.hlp-directory .hlp-card-top {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 1rem;
align-items: start;
}
.hlp-directory .hlp-company-lockup {
display: flex;
min-width: 0;
align-items: center;
gap: .85rem;
}
.hlp-directory .hlp-rank {
display: inline-grid;
flex: 0 0 auto;
width: 38px;
height: 38px;
place-items: center;
color: var(–hlp-white);
background: var(–hlp-green);
border-radius: 50%;
font-size: .82rem;
font-weight: 900;
}
.hlp-directory .hlp-logo-box {
display: inline-grid;
flex: 0 0 118px;
width: 118px;
height: 56px;
place-items: center;
padding: .25rem .4rem;
background: var(–hlp-white);
border: 1px solid rgba(108, 132, 116, .28);
border-radius: 10px;
}
.hlp-directory .hlp-logo {
display: block;
max-width: 100%;
max-height: 46px;
object-fit: contain;
}
.hlp-directory .hlp-logo-fallback {
display: none;
color: var(–hlp-green);
font-size: .72rem;
font-weight: 900;
letter-spacing: .04em;
text-align: center;
}
.hlp-directory .hlp-title-wrap { min-width: 0; }
.hlp-directory .hlp-title-wrap h2 {
margin: 0;
color: var(–hlp-pine);
font-family: Georgia, “Times New Roman”, serif;
font-size: clamp(1.28rem, 3vw, 1.82rem);
line-height: 1.14;
letter-spacing: -.02em;
}
.hlp-directory .hlp-location {
display: flex;
align-items: center;
gap: .3rem;
margin: .25rem 0 0;
color: var(–hlp-muted);
font-size: .82rem;
}
.hlp-directory .hlp-score-block {
min-width: 116px;
text-align: right;
}
.hlp-directory .hlp-score-label {
display: block;
color: var(–hlp-muted);
font-size: .67rem;
font-weight: 800;
letter-spacing: .07em;
text-transform: uppercase;
}
.hlp-directory .hlp-score-number {
display: block;
color: var(–hlp-green);
font-family: Georgia, “Times New Roman”, serif;
font-size: 2rem;
font-weight: 700;
line-height: 1;
}
.hlp-directory .hlp-score-number small { color: var(–hlp-muted); font: 600 .72rem/1 Inter, sans-serif; }
.hlp-directory .hlp-rating {
display: flex;
justify-content: flex-end;
align-items: center;
gap: .25rem;
margin-top: .3rem;
color: var(–hlp-muted);
font-size: .78rem;
}
.hlp-directory .hlp-rating i { color: var(–hlp-gold); }
.hlp-directory .hlp-badges {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 1rem 0 .8rem;
}
.hlp-directory .hlp-badge {
display: inline-flex;
align-items: center;
gap: .28rem;
padding: .25rem .55rem;
color: var(–hlp-evergreen);
background: rgba(176, 202, 184, .26);
border: 1px solid rgba(108, 132, 116, .28);
border-radius: 999px;
font-size: .72rem;
font-weight: 800;
}
.hlp-directory .hlp-summary {
margin: 0;
color: var(–hlp-ink);
line-height: 1.72;
}
.hlp-directory .hlp-best-for {
display: flex;
gap: .55rem;
margin: .9rem 0 0;
padding: .7rem .8rem;
background: rgba(255, 255, 255, .62);
border-left: 3px solid var(–hlp-gold);
border-radius: 0 9px 9px 0;
font-size: .86rem;
}
.hlp-directory .hlp-best-for i { flex: 0 0 auto; margin-top: .18rem; color: var(–hlp-green); }
.hlp-directory .hlp-facts {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: .6rem;
margin: 1rem 0 0;
}
.hlp-directory .hlp-fact {
min-width: 0;
padding-top: .6rem;
border-top: 1px solid var(–hlp-line);
}
.hlp-directory .hlp-fact dt {
margin: 0;
color: var(–hlp-muted);
font-size: .67rem;
font-weight: 800;
letter-spacing: .05em;
text-transform: uppercase;
}
.hlp-directory .hlp-fact dd { margin: .16rem 0 0; font-size: .82rem; font-weight: 750; line-height: 1.4; }
.hlp-directory .hlp-primary-actions {
display: flex;
flex-wrap: wrap;
gap: .55rem;
margin-top: 1rem;
}
.hlp-directory .hlp-site-button,
.hlp-directory .hlp-map-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .4rem;
min-height: 40px;
padding: .48rem .75rem;
border-radius: 9px;
font-size: .82rem;
font-weight: 850;
text-decoration: none;
}
.hlp-directory .hlp-site-button { color: var(–hlp-white); background: var(–hlp-green); border: 1px solid var(–hlp-green); }
.hlp-directory .hlp-site-button:hover { color: var(–hlp-white); background: var(–hlp-pine); }
.hlp-directory .hlp-map-button { color: var(–hlp-green); background: transparent; border: 1px solid var(–hlp-sage); }
.hlp-directory .hlp-map-button:hover { color: var(–hlp-pine); border-color: var(–hlp-pine); }
.hlp-directory .hlp-toggle-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .1rem .7rem;
margin-top: 1rem;
padding-top: .55rem;
border-top: 1px solid var(–hlp-line);
}
.hlp-directory .hlp-panel-toggle {
display: inline-flex;
align-items: center;
gap: .35rem;
min-height: 38px;
padding: .2rem .15rem;
color: var(–hlp-muted);
background: transparent;
border: 0;
font-size: .79rem;
font-weight: 850;
}
.hlp-directory .hlp-panel-toggle i { font-size: 1.05rem; }
.hlp-directory .hlp-panel-toggle:hover,
.hlp-directory .hlp-panel-toggle[aria-expanded=”true”] { color: var(–hlp-green); }
.hlp-directory .hlp-panel-toggle[aria-expanded=”true”]::after { content: “•”; color: var(–hlp-gold); }
.hlp-directory .hlp-panel {
padding: 1rem clamp(1rem, 3vw, 1.55rem) 1.2rem;
background: rgba(255, 255, 255, .65);
border-top: 1px solid var(–hlp-line);
}
.hlp-directory .hlp-panel[hidden] { display: none; }
.hlp-directory .hlp-panel h3 {
margin: 0 0 .25rem;
color: var(–hlp-pine);
font-family: Georgia, “Times New Roman”, serif;
font-size: 1.24rem;
}
.hlp-directory .hlp-panel-intro { margin: 0 0 .8rem; color: var(–hlp-muted); font-size: .84rem; }
.hlp-directory .hlp-score-grid { display: grid; gap: .55rem; }
.hlp-directory .hlp-factor {
display: grid;
grid-template-columns: minmax(130px, .72fr) minmax(120px, 1fr) 48px;
gap: .65rem;
align-items: center;
padding: .55rem 0;
border-bottom: 1px solid var(–hlp-line);
}
.hlp-directory .hlp-factor:last-child { border-bottom: 0; }
.hlp-directory .hlp-factor-name { font-size: .82rem; font-weight: 850; }
.hlp-directory .hlp-meter {
height: 7px;
overflow: hidden;
background: var(–hlp-paper);
border-radius: 999px;
}
.hlp-directory .hlp-meter span {
display: block;
height: 100%;
background: var(–hlp-green);
border-radius: inherit;
}
.hlp-directory .hlp-factor-score { color: var(–hlp-green); font-size: .8rem; font-weight: 900; text-align: right; }
.hlp-directory .hlp-factor-details {
grid-column: 1 / -1;
margin-top: -.2rem;
}
.hlp-directory .hlp-factor-details summary {
display: inline-flex;
align-items: center;
gap: .25rem;
color: var(–hlp-green);
font-size: .75rem;
font-weight: 800;
list-style: none;
cursor: pointer;
}
.hlp-directory .hlp-factor-details summary::before { content: “+”; }
.hlp-directory .hlp-factor-details[open] summary::before { content: “−”; }
.hlp-directory .hlp-factor-copy {
margin: .45rem 0 .15rem;
padding: .65rem .75rem;
color: var(–hlp-muted);
background: var(–hlp-soft-2);
border-left: 2px solid var(–hlp-sage-mist);
font-size: .8rem;
}
.hlp-directory .hlp-factor-copy p { margin: 0 0 .4rem; }
.hlp-directory .hlp-factor-copy p:last-child { margin-bottom: 0; }
.hlp-directory .hlp-source-links { display: flex; flex-wrap: wrap; gap: .25rem .7rem; }
.hlp-directory .hlp-source-links a { font-size: .75rem; font-weight: 750; }
.hlp-directory .hlp-term-grid,
.hlp-directory .hlp-footprint-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .7rem;
}
.hlp-directory .hlp-term,
.hlp-directory .hlp-footprint-group {
padding: .8rem;
background: var(–hlp-soft-2);
border: 1px solid var(–hlp-line);
border-radius: 10px;
}
.hlp-directory .hlp-term h4,
.hlp-directory .hlp-footprint-group h4 {
display: flex;
align-items: center;
gap: .35rem;
margin: 0 0 .25rem;
color: var(–hlp-pine);
font-size: .78rem;
text-transform: uppercase;
letter-spacing: .04em;
}
.hlp-directory .hlp-term p { margin: 0; color: var(–hlp-muted); font-size: .82rem; }
.hlp-directory .hlp-term a { display: inline-block; margin-top: .3rem; font-size: .74rem; font-weight: 750; }
.hlp-directory .hlp-profile-links {
display: flex;
flex-wrap: wrap;
gap: .38rem;
margin: 0;
padding: 0;
list-style: none;
}
.hlp-directory .hlp-profile-links a {
display: inline-flex;
align-items: center;
gap: .25rem;
padding: .28rem .48rem;
color: var(–hlp-green);
background: var(–hlp-white);
border: 1px solid var(–hlp-line);
border-radius: 7px;
font-size: .74rem;
font-weight: 750;
text-decoration: none;
}
.hlp-directory .hlp-profile-links a:hover { border-color: var(–hlp-sage); }
.hlp-directory .hlp-gbp-card {
grid-column: 1 / -1;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: .7rem;
padding: .8rem;
background: #eef4ef;
border: 1px solid var(–hlp-line);
border-radius: 10px;
}
.hlp-directory .hlp-gbp-card h4 { grid-column: 1 / -1; margin: 0; color: var(–hlp-pine); font-size: .82rem; }
.hlp-directory .hlp-gbp-card dl { margin: 0; }
.hlp-directory .hlp-gbp-card dt { color: var(–hlp-muted); font-size: .67rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.hlp-directory .hlp-gbp-card dd { margin: .12rem 0 0; font-size: .79rem; font-weight: 700; line-height: 1.42; }
.hlp-directory .hlp-review-list { display: grid; gap: .65rem; }
.hlp-directory .hlp-review {
padding: .8rem;
background: var(–hlp-soft-2);
border-left: 3px solid var(–hlp-sage-mist);
border-radius: 0 10px 10px 0;
}
.hlp-directory .hlp-review-head {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: .3rem .8rem;
margin-bottom: .3rem;
}
.hlp-directory .hlp-review-head strong { color: var(–hlp-pine); font-size: .84rem; }
.hlp-directory .hlp-review-head span { color: var(–hlp-muted); font-size: .72rem; }
.hlp-directory .hlp-review p { margin: 0; color: var(–hlp-muted); font-size: .82rem; }
.hlp-directory .hlp-review-takeaway { margin-top: .35rem !important; color: var(–hlp-ink) !important; font-weight: 750; }
.hlp-directory .hlp-review a { display: inline-flex; align-items: center; gap: .25rem; margin-top: .35rem; font-size: .74rem; font-weight: 800; }
.hlp-directory .hlp-buying-guide {
margin-top: 1.6rem;
padding-top: 1.35rem;
border-top: 2px solid var(–hlp-green);
}
.hlp-directory .hlp-buying-guide h2 {
margin: 0;
color: var(–hlp-pine);
font-family: Georgia, “Times New Roman”, serif;
font-size: clamp(1.55rem, 3vw, 2.15rem);
}
.hlp-directory .hlp-buying-guide p { max-width: 800px; margin: .55rem 0 1rem; color: var(–hlp-muted); }
.hlp-directory .hlp-checklist {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .7rem;
margin: 0;
padding: 0;
list-style: none;
}
.hlp-directory .hlp-checklist li {
display: flex;
gap: .55rem;
padding: .75rem;
background: var(–hlp-soft);
border: 1px solid var(–hlp-line);
border-radius: 10px;
font-size: .84rem;
}
.hlp-directory .hlp-checklist i { flex: 0 0 auto; margin-top: .16rem; color: var(–hlp-green); }
.hlp-directory .hlp-faq { margin-top: 1.35rem; }
.hlp-directory .hlp-faq h2 { margin-bottom: .6rem; }
.hlp-directory .hlp-faq details { border-top: 1px solid var(–hlp-line); }
.hlp-directory .hlp-faq details:last-child { border-bottom: 1px solid var(–hlp-line); }
.hlp-directory .hlp-faq summary { padding: .75rem 0; color: var(–hlp-pine); font-weight: 850; cursor: pointer; }
.hlp-directory .hlp-faq details p { margin: -.2rem 0 .8rem; color: var(–hlp-muted); font-size: .88rem; }
.hlp-directory .hlp-data-note {
margin: 1.2rem 0 0;
color: var(–hlp-muted);
font-size: .76rem;
}
.hlp-directory .hlp-no-results {
padding: 1rem;
color: var(–hlp-muted);
background: var(–hlp-soft);
border: 1px solid var(–hlp-line);
border-radius: 12px;
text-align: center;
}
.hlp-directory .hlp-noscript {
padding: 1rem;
color: var(–hlp-pine);
background: var(–hlp-soft);
border: 1px solid var(–hlp-line);
border-radius: 12px;
}
@media (max-width: 860px) {
.hlp-directory .hlp-inner { padding-inline: .75rem; }
.hlp-directory .hlp-controls-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hlp-directory .hlp-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hlp-directory .hlp-gbp-card { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
.hlp-directory .hlp-inner { padding-inline: .55rem; }
.hlp-directory .hlp-method-body,
.hlp-directory .hlp-controls-grid,
.hlp-directory .hlp-term-grid,
.hlp-directory .hlp-footprint-grid,
.hlp-directory .hlp-checklist { grid-template-columns: minmax(0, 1fr); }
.hlp-directory .hlp-weight-list { grid-template-columns: minmax(0, 1fr); }
.hlp-directory .hlp-card-top { grid-template-columns: minmax(0, 1fr); }
.hlp-directory .hlp-company-lockup { align-items: flex-start; flex-wrap: wrap; }
.hlp-directory .hlp-logo-box { order: 1; flex-basis: 105px; width: 105px; height: 52px; }
.hlp-directory .hlp-title-wrap { order: 2; flex: 1 1 180px; }
.hlp-directory .hlp-rank { width: 34px; height: 34px; }
.hlp-directory .hlp-score-block { display: flex; align-items: baseline; gap: .5rem; text-align: left; }
.hlp-directory .hlp-rating { justify-content: flex-start; margin: 0; }
.hlp-directory .hlp-facts,
.hlp-directory .hlp-gbp-card { grid-template-columns: minmax(0, 1fr); }
.hlp-directory .hlp-gbp-card h4 { grid-column: auto; }
.hlp-directory .hlp-factor { grid-template-columns: minmax(110px, .9fr) minmax(85px, 1fr) 44px; gap: .4rem; }
.hlp-directory .hlp-toggle-row { justify-content: space-between; gap: .1rem .35rem; }
.hlp-directory .hlp-panel-toggle { flex: 1 1 42%; justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
.hlp-directory *,
.hlp-directory *::before,
.hlp-directory *::after { scroll-behavior: auto !important; transition: none !important; }
}

Skip to painter listings

A good paint job is only half the decision.

10 Best Painters in New Westminster, BC

.hlp-directory,
.hlp-directory * {
box-sizing: border-box;
}
.hlp-directory {
–hlp-green: #115228;
–hlp-green-dark: #0b3c1d;
–hlp-green-soft: #e9f1eb;
–hlp-cream: #fcfaf4;
–hlp-cream-deep: #f5f0e3;
–hlp-ink: #172019;
–hlp-muted: #5d685f;
–hlp-border: #d9e1db;
–hlp-white: #ffffff;
–hlp-gold: #d6ad49;
width: min(calc(100% – 2rem), 74rem);
margin: 0 auto;
padding: 0;
background: transparent;
color: var(–hlp-ink);
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;
font-size: 1rem;
line-height: 1.65;
color-scheme: light;
}
.hlp-directory .hlp-article-wrapper {
margin: 0;
padding: 0;
background: transparent;
}
.hlp-directory a {
color: inherit;
}
.hlp-directory button,
.hlp-directory input {
font: inherit;
}
.hlp-directory svg {
width: 1.05rem;
height: 1.05rem;
flex: 0 0 auto;
stroke-width: 1.8;
}
.hlp-directory :focus-visible {
outline: 3px solid rgba(17, 82, 40, 0.25);
outline-offset: 3px;
}
.hlp-directory .hlp-hero {
margin: 0;
padding: 0.5rem 0.2rem;
background: transparent;
}
.hlp-directory .hlp-kicker,
.hlp-directory .hlp-eyebrow {
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0 0 0.75rem;
color: var(–hlp-green);
font-size: 0.78rem;
font-weight: 750;
letter-spacing: 0.09em;
line-height: 1.35;
text-transform: uppercase;
}
.hlp-directory .hlp-kicker svg {
width: 1.15rem;
height: 1.15rem;
}
.hlp-directory .hlp-hero h1 {
max-width: 61rem;
margin: 0;
color: var(–hlp-ink);
font-family: Georgia, “Times New Roman”, serif;
font-size: clamp(2.75rem, 7vw, 5.6rem);
font-weight: 500;
letter-spacing: -0.045em;
line-height: 0.98;
}
.hlp-directory .hlp-lede {
max-width: 56rem;
margin: 1.65rem 0 0;
color: #39443c;
font-size: clamp(1.05rem, 2vw, 1.23rem);
line-height: 1.75;
}
.hlp-directory .hlp-methodology {
margin: 2rem 0 0;
border-top: 1px solid var(–hlp-border);
border-bottom: 1px solid var(–hlp-border);
}
.hlp-directory .hlp-methodology summary,
.hlp-directory .hlp-operations summary,
.hlp-directory .hlp-factor summary {
list-style: none;
cursor: pointer;
}
.hlp-directory .hlp-methodology summary::-webkit-details-marker,
.hlp-directory .hlp-operations summary::-webkit-details-marker,
.hlp-directory .hlp-factor summary::-webkit-details-marker {
display: none;
}
.hlp-directory .hlp-methodology summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
min-height: 3.5rem;
color: var(–hlp-green);
font-weight: 750;
}
.hlp-directory .hlp-methodology summary span {
display: flex;
align-items: center;
gap: 0.6rem;
}
.hlp-directory details[open] summary svg:last-child,
.hlp-directory details[open] summary .hlp-chevron,
.hlp-directory .hlp-toggle-row button.is-active .hlp-toggle-chevron {
transform: rotate(180deg);
}
.hlp-directory summary svg,
.hlp-directory .hlp-toggle-chevron {
transition: transform 180ms ease;
}
.hlp-directory .hlp-methodology-body {
padding: 0.25rem 0 1.5rem;
}
.hlp-directory .hlp-methodology-body p:first-child {
max-width: 58rem;
margin: 0 0 1.25rem;
color: var(–hlp-muted);
}
.hlp-directory .hlp-weight-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 0.65rem;
}
.hlp-directory .hlp-weight-grid div {
display: flex;
min-height: 7.8rem;
flex-direction: column;
padding: 1rem;
border: 1px solid var(–hlp-border);
border-radius: 0.85rem;
background: var(–hlp-cream);
}
.hlp-directory .hlp-weight-grid strong {
color: var(–hlp-green);
font-family: Georgia, “Times New Roman”, serif;
font-size: 1.9rem;
font-weight: 500;
line-height: 1;
}
.hlp-directory .hlp-weight-grid span {
margin-top: 0.7rem;
font-size: 0.88rem;
font-weight: 750;
line-height: 1.25;
}
.hlp-directory .hlp-weight-grid small {
margin-top: 0.35rem;
color: var(–hlp-muted);
font-size: 0.76rem;
line-height: 1.4;
}
.hlp-directory .hlp-method-note {
margin: 1rem 0 0;
color: var(–hlp-muted);
font-size: 0.86rem;
}
.hlp-directory .hlp-filter-bar {
display: block;
align-items: center;
gap: 0.55rem;
margin: 0.25rem 0 0;
padding: 0.6rem;
border: 1px solid var(–hlp-border);
border-radius: 1rem;
background: var(–hlp-white);
}
.hlp-directory .hlp-search-field {
position: relative;
min-width: 15rem;
flex: 1 1 19rem;
margin-bottom: 10px;
}
.hlp-directory .hlp-search-field svg {
position: absolute;
top: 50%;
left: 0.75rem;
z-index: 1;
color: var(–hlp-muted);
transform: translateY(-50%);
}
.hlp-directory .hlp-search-field input {
height: 2.25rem;
padding-left: 2.25rem;
border-color: var(–hlp-border);
border-radius: 0.65rem;
background: var(–hlp-cream);
color: var(–hlp-ink);
font-size: 0.86rem;
}
.hlp-directory .hlp-search-field input::placeholder {
color: #78827a;
}
.hlp-directory .hlp-select-trigger {
min-width: 9.5rem;
height: 2.25rem;
border-color: var(–hlp-border);
border-radius: 0.65rem;
background: var(–hlp-white);
color: var(–hlp-ink);
font-size: 0.82rem;
}
.hlp-directory .hlp-switch-label {
display: flex;
align-items: center;
gap: 0.45rem;
min-height: 2.25rem;
padding: 0 0.55rem;
color: var(–hlp-muted);
font-size: 0.8rem;
font-weight: 700;
white-space: nowrap;
cursor: pointer;
}
.hlp-directory .hlp-switch-label button[data-state=”checked”] {
background: var(–hlp-green);
}
.hlp-directory .hlp-reset-button {
height: 2.25rem;
border: 0;
background: transparent;
color: var(–hlp-green);
font-size: 0.8rem;
box-shadow: none;
}
.hlp-directory .hlp-reset-button:disabled {
color: #a5aca7;
}
.hlp-directory .hlp-results-summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 0.9rem 0 0.75rem;
color: var(–hlp-muted);
font-size: 0.78rem;
}
.hlp-directory .hlp-results-summary span:first-child {
color: var(–hlp-green);
font-weight: 800;
}
.hlp-directory .hlp-company-list {
display: flex;
flex-direction: column;
gap: 1.15rem;
}
.hlp-directory .hlp-company-card {
position: relative;
overflow: hidden;
padding: clamp(1.1rem, 3vw, 2rem);
border: 1px solid var(–hlp-border);
border-radius: 1.2rem;
background: #f8faf8;
box-shadow: none;
}
.hlp-directory .hlp-company-card:nth-child(even) {
background: var(–hlp-cream);
}
.hlp-directory .hlp-company-card.hlp-featured {
border-color: #b9cbbd;
background: linear-gradient(145deg, #fbfaf2 0%, #f1f6f2 100%);
}
.hlp-directory .hlp-company-card.hlp-featured::before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 0.28rem;
background: var(–hlp-green);
content: “”;
}
.hlp-directory .hlp-card-topline {
display: flex;
align-items: center;
gap: 0.6rem;
min-height: 1.75rem;
margin-bottom: 0.8rem;
}
.hlp-directory .hlp-rank {
color: var(–hlp-green);
font-family: Georgia, “Times New Roman”, serif;
font-size: 1.15rem;
font-weight: 700;
}
.hlp-directory .hlp-top-pick,
.hlp-directory .hlp-score-chip {
display: inline-flex;
align-items: center;
gap: 0.35rem;
min-height: 1.6rem;
padding: 0.2rem 0.55rem;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.03em;
line-height: 1;
}
.hlp-directory .hlp-top-pick {
background: var(–hlp-green);
color: var(–hlp-white);
}
.hlp-directory .hlp-top-pick svg {
width: 0.9rem;
height: 0.9rem;
}
.hlp-directory .hlp-score-chip {
margin-left: auto;
border: 1px solid #c8d5cb;
background: rgba(255, 255, 255, 0.65);
color: var(–hlp-green-dark);
}
.hlp-directory .hlp-company-heading {
display: grid;
grid-template-columns: 5rem minmax(0, 1fr) auto;
align-items: center;
gap: 1rem;
}
.hlp-directory .hlp-logo-frame {
display: flex;
width: 5rem;
height: 4rem;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 0.45rem;
border: 1px solid var(–hlp-border);
border-radius: 0.8rem;
background: var(–hlp-white);
}
.hlp-directory .hlp-logo-frame img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.hlp-directory .hlp-logo-frame.dark-logo {
background: #15201a;
}
.hlp-directory .hlp-logo-frame.wide {
padding: 0.7rem;
}
.hlp-directory .hlp-wordmark {
color: var(–hlp-green-dark);
font-size: 0.72rem;
font-weight: 900;
letter-spacing: 0.04em;
line-height: 1.15;
text-align: center;
}
.hlp-directory .hlp-title-block h2 {
margin: 0;
color: var(–hlp-ink);
font-family: Georgia, “Times New Roman”, serif;
font-size: clamp(1.55rem, 3vw, 2.25rem);
font-weight: 550;
letter-spacing: -0.025em;
line-height: 1.08;
}
.hlp-directory .hlp-title-block p {
margin: 0.4rem 0 0;
color: var(–hlp-muted);
font-size: 0.88rem;
line-height: 1.45;
}
.hlp-directory .hlp-website-button {
display: inline-flex;
min-height: 2.55rem;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.65rem 0.9rem;
border-radius: 0.7rem;
background: var(–hlp-green);
color: var(–hlp-white);
font-size: 0.82rem;
font-weight: 800;
line-height: 1;
text-decoration: none;
transition: background 150ms ease;
}
.hlp-directory .hlp-website-button:hover {
background: var(–hlp-green-dark);
}
.hlp-directory .hlp-description {
max-width: 65rem;
margin: 1.25rem 0 0;
color: #39443c;
font-size: 1rem;
line-height: 1.72;
}
.hlp-directory .hlp-proof-strip {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 1rem;
}
.hlp-directory .hlp-proof-strip span {
display: inline-flex;
align-items: center;
gap: 0.45rem;
padding: 0.45rem 0.65rem;
border-radius: 0.55rem;
background: rgba(17, 82, 40, 0.075);
color: var(–hlp-green-dark);
font-size: 0.78rem;
font-weight: 720;
line-height: 1.35;
}
.hlp-directory .hlp-proof-strip svg {
color: var(–hlp-green);
}
.hlp-directory .hlp-facts {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0.75rem;
margin-top: 1rem;
}
.hlp-directory .hlp-facts div {
display: flex;
align-items: flex-start;
gap: 0.55rem;
min-width: 0;
padding: 0.8rem;
border-top: 1px solid var(–hlp-border);
color: #38433b;
font-size: 0.78rem;
line-height: 1.45;
}
.hlp-directory .hlp-facts svg {
margin-top: 0.2rem;
color: var(–hlp-green);
}
.hlp-directory .hlp-facts span,
.hlp-directory .hlp-facts small {
display: block;
}
.hlp-directory .hlp-facts small {
margin-bottom: 0.15rem;
color: var(–hlp-muted);
font-size: 0.66rem;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.hlp-directory .hlp-service-tags {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
margin-top: 0.85rem;
}
.hlp-directory .hlp-service-tags span {
padding: 0.28rem 0.55rem;
border: 1px solid #d6dfd8;
border-radius: 999px;
background: rgba(255, 255, 255, 0.6);
color: #445047;
font-size: 0.7rem;
font-weight: 700;
line-height: 1.25;
}
.hlp-directory .hlp-toggle-row {
display: flex;
align-items: center;
gap: 0.15rem;
margin-top: 1.15rem;
padding: 0.45rem 0;
border-top: 1px solid var(–hlp-border);
border-bottom: 1px solid var(–hlp-border);
}
.hlp-directory .hlp-toggle-row button {
min-height: 2.4rem;
flex: 1 1 0;
justify-content: center;
padding: 0.5rem 0.65rem;
border: 0;
border-radius: 0.55rem;
background: transparent;
color: #4f5c52;
font-size: 0.77rem;
box-shadow: none;
}
.hlp-directory .hlp-toggle-row button:hover,
.hlp-directory .hlp-toggle-row button.is-active {
background: var(–hlp-green-soft);
color: var(–hlp-green-dark);
}
.hlp-directory .hlp-toggle-row .hlp-toggle-chevron {
width: 0.85rem;
height: 0.85rem;
margin-left: 0.1rem;
}
.hlp-directory .hlp-panel {
margin-top: 0.85rem;
padding: clamp(1rem, 2.5vw, 1.5rem);
border: 1px solid #cfdcd2;
border-radius: 0.9rem;
background: rgba(235, 243, 237, 0.84);
}
.hlp-directory .hlp-panel-heading {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 1.5rem;
margin-bottom: 0.9rem;
}
.hlp-directory .hlp-panel-heading .hlp-eyebrow {
margin-bottom: 0.25rem;
font-size: 0.68rem;
}
.hlp-directory .hlp-panel-heading h3 {
margin: 0;
color: var(–hlp-ink);
font-family: Georgia, “Times New Roman”, serif;
font-size: 1.35rem;
font-weight: 600;
line-height: 1.2;
}
.hlp-directory .hlp-panel-heading p {
max-width: 29rem;
margin: 0;
color: var(–hlp-muted);
font-size: 0.78rem;
line-height: 1.45;
text-align: right;
}
.hlp-directory .hlp-panel-intro {
margin: 0 0 1rem;
color: #39443c;
}
.hlp-directory .hlp-factor-list {
display: flex;
flex-direction: column;
border-top: 1px solid #cbd8ce;
}
.hlp-directory .hlp-factor {
border-bottom: 1px solid #cbd8ce;
}
.hlp-directory .hlp-factor summary {
display: grid;
grid-template-columns: minmax(9rem, 0.8fr) minmax(7rem, 1.25fr) auto auto;
align-items: center;
gap: 0.8rem;
min-height: 3.2rem;
padding: 0.55rem 0;
color: var(–hlp-ink);
}
.hlp-directory .hlp-factor-name {
font-size: 0.82rem;
font-weight: 780;
}
.hlp-directory .hlp-factor-meter {
position: relative;
overflow: hidden;
height: 0.38rem;
border-radius: 999px;
background: #d4ded6;
}
.hlp-directory .hlp-factor-meter span {
display: block;
height: 100%;
border-radius: inherit;
background: var(–hlp-green);
}
.hlp-directory .hlp-factor summary strong {
min-width: 3.2rem;
color: var(–hlp-green);
font-size: 0.76rem;
text-align: right;
}
.hlp-directory .hlp-factor-body {
padding: 0 2.3rem 1rem 0;
}
.hlp-directory .hlp-factor-body p {
max-width: 58rem;
margin: 0;
color: #425047;
font-size: 0.85rem;
}
.hlp-directory .hlp-source-row {
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
margin-top: 0.75rem;
}
.hlp-directory .hlp-source-link,
.hlp-directory .hlp-review-list article a {
display: inline-flex;
align-items: center;
gap: 0.35rem;
color: var(–hlp-green);
font-size: 0.74rem;
font-weight: 800;
text-decoration: underline;
text-decoration-color: rgba(17, 82, 40, 0.28);
text-underline-offset: 0.2rem;
}
.hlp-directory .hlp-source-link svg,
.hlp-directory .hlp-review-list article a svg {
width: 0.8rem;
height: 0.8rem;
}
.hlp-directory .hlp-check-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem 1rem;
margin: 0;
padding: 0;
list-style: none;
}
.hlp-directory .hlp-check-list li {
display: flex;
align-items: flex-start;
gap: 0.45rem;
color: #3f4c43;
font-size: 0.84rem;
}
.hlp-directory .hlp-check-list svg {
width: 0.95rem;
height: 0.95rem;
margin-top: 0.25rem;
color: var(–hlp-green);
}
.hlp-directory .hlp-profile-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
.hlp-directory .hlp-profile-group {
padding: 0.9rem;
border: 1px solid #d2ddd4;
border-radius: 0.75rem;
background: rgba(255, 255, 255, 0.62);
}
.hlp-directory .hlp-profile-group h4 {
display: flex;
align-items: center;
gap: 0.45rem;
margin: 0 0 0.65rem;
color: var(–hlp-green-dark);
font-size: 0.78rem;
font-weight: 850;
letter-spacing: 0.035em;
text-transform: uppercase;
}
.hlp-directory .hlp-profile-links {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
}
.hlp-directory .hlp-profile-links a {
display: inline-flex;
min-height: 2rem;
align-items: center;
gap: 0.35rem;
padding: 0.35rem 0.5rem;
border: 1px solid #d5ded7;
border-radius: 0.5rem;
background: var(–hlp-white);
color: #38483d;
font-size: 0.72rem;
font-weight: 740;
line-height: 1.2;
text-decoration: none;
}
.hlp-directory .hlp-profile-links a:hover {
border-color: #9eb6a4;
color: var(–hlp-green);
}
.hlp-directory .hlp-profile-links a svg {
width: 0.72rem;
height: 0.72rem;
}
.hlp-directory .hlp-review-list {
display: flex;
flex-direction: column;
border-top: 1px solid #cbd8ce;
}
.hlp-directory .hlp-review-list article {
padding: 0.9rem 0;
border-bottom: 1px solid #cbd8ce;
}
.hlp-directory .hlp-review-meta {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
}
.hlp-directory .hlp-review-meta span {
color: var(–hlp-green-dark);
font-size: 0.7rem;
font-weight: 800;
}
.hlp-directory .hlp-review-meta span:not(:last-child)::after {
margin-left: 0.35rem;
color: #91a096;
content: “·”;
}
.hlp-directory .hlp-review-list article p {
margin: 0.35rem 0 0.55rem;
color: #3f4c43;
font-size: 0.86rem;
}
.hlp-directory .hlp-operations {
margin-top: 0.8rem;
}
.hlp-directory .hlp-operations summary {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 2.4rem;
color: var(–hlp-green);
font-size: 0.77rem;
font-weight: 800;
}
.hlp-directory .hlp-operations div {
padding: 0.45rem 0 0.25rem;
}
.hlp-directory .hlp-operations p {
margin: 0 0 0.75rem;
color: #3f4c43;
font-size: 0.84rem;
}
.hlp-directory .hlp-footer-note {
display: flex;
align-items: flex-start;
gap: 0.9rem;
margin: 1.5rem 0 4rem;
padding: 1.25rem 0;
border-top: 1px solid var(–hlp-border);
border-bottom: 1px solid var(–hlp-border);
}
.hlp-directory .hlp-footer-note svg {
width: 1.35rem;
height: 1.35rem;
margin-top: 0.15rem;
color: var(–hlp-green);
}
.hlp-directory .hlp-footer-note strong {
color: var(–hlp-green-dark);
}
.hlp-directory .hlp-footer-note p {
max-width: 62rem;
margin: 0.25rem 0 0;
color: var(–hlp-muted);
font-size: 0.88rem;
}
@media (max-width: 1050px) {
.hlp-directory .hlp-weight-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.hlp-directory .hlp-filter-bar {
flex-wrap: wrap;
}
.hlp-directory .hlp-search-field {
min-width: 100%;
flex-basis: 100%;
}
.hlp-directory .hlp-select-trigger {
flex: 1 1 auto;
}
.hlp-directory .hlp-facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.hlp-directory {
width: min(calc(100% – 1rem), 74rem);
}
.hlp-directory .hlp-hero {
}
.hlp-directory .hlp-kicker {
font-size: 0.7rem;
}
.hlp-directory .hlp-hero h1 {
font-size: clamp(2.55rem, 13vw, 4rem);
}
.hlp-directory .hlp-lede {
margin-top: 1.25rem;
}
.hlp-directory .hlp-weight-grid,
.hlp-directory .hlp-profile-grid,
.hlp-directory .hlp-check-list {
grid-template-columns: 1fr;
}
.hlp-directory .hlp-weight-grid div {
min-height: auto;
}
.hlp-directory .hlp-company-heading {
grid-template-columns: 4.25rem minmax(0, 1fr);
align-items: start;
}
.hlp-directory .hlp-logo-frame {
width: 4.25rem;
height: 3.6rem;
}
.hlp-directory .hlp-website-button {
grid-column: 1 / -1;
width: 100%;
}
.hlp-directory .hlp-proof-strip {
flex-direction: column;
}
.hlp-directory .hlp-proof-strip span {
align-items: flex-start;
}
.hlp-directory .hlp-facts {
grid-template-columns: 1fr;
gap: 0;
}
.hlp-directory .hlp-facts div {
padding-right: 0;
padding-left: 0;
}
.hlp-directory .hlp-toggle-row {
overflow-x: auto;
justify-content: flex-start;
scrollbar-width: thin;
}
.hlp-directory .hlp-toggle-row button {
min-width: 10.2rem;
flex: 0 0 auto;
}
.hlp-directory .hlp-panel-heading {
align-items: flex-start;
flex-direction: column;
gap: 0.45rem;
}
.hlp-directory .hlp-panel-heading p {
text-align: left;
}
.hlp-directory .hlp-factor summary {
grid-template-columns: minmax(0, 1fr) auto auto;
}
.hlp-directory .hlp-factor-meter {
display: none;
}
.hlp-directory .hlp-results-summary span:last-child {
display: none;
}
}
@media (max-width: 470px) {
.hlp-directory .hlp-filter-bar {
padding: 0.5rem;
}
.hlp-directory .hlp-select-trigger,
.hlp-directory .hlp-switch-label,
.hlp-directory .hlp-reset-button {
width: 100%;
justify-content: space-between;
}
.hlp-directory .hlp-company-card {
border-radius: 0.9rem;
}
.hlp-directory .hlp-title-block h2 {
font-size: 1.5rem;
}
}
@media (prefers-reduced-motion: reduce) {
.hlp-directory *,
.hlp-directory *::before,
.hlp-directory *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}
.hlp-directory .hlp-logo-fallback[hidden] { display: none; }
.hlp-directory .hlp-filter-bar input,
.hlp-directory .hlp-filter-bar select { border: 1px solid var(–hlp-border); }
.hlp-directory .hlp-select-trigger { padding: 0 .65rem; appearance: auto; }
.hlp-directory .hlp-toggle-row .hlp-toggle-button { display: inline-flex; align-items: center; gap: .4rem; cursor: pointer; }
.hlp-directory [hidden] { display: none !important; }
.hlp-directory .hlp-price-checkbox { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.hlp-directory .hlp-switch-track { position: relative; width: 2.1rem; height: 1.15rem; border-radius: 999px; background: #ccd5ce; transition: background 150ms ease; }
.hlp-directory .hlp-switch-track::after { position: absolute; top: .15rem; left: .15rem; width: .85rem; height: .85rem; border-radius: 50%; background: #fff; content: “”; transition: transform 150ms ease; }
.hlp-directory .hlp-price-checkbox:checked + .hlp-switch-track { background: var(–hlp-green); }
.hlp-directory .hlp-price-checkbox:checked + .hlp-switch-track::after { transform: translateX(.95rem); }
.hlp-directory .hlp-price-checkbox:focus-visible + .hlp-switch-track { outline: 3px solid rgba(17,82,40,.25); outline-offset: 3px; }

A good paint job should make your home feel better—not leave you managing missed calls, shifting schedules or a messy site.