October 7, 2025

How to Paint a Popcorn Ceiling Without Making a Mess

How to Paint a Popcorn Ceiling Without Making a Mess

Popcorn ceilings are like the shoulder pads of home decor: once trendy, now mostly hanging around because it feels like too much work to deal with them.

Painting is the fastest way to:

Update a tired, dingy popcorn ceiling
Hide stains and yellowing
Make a room feel brighter and cleaner

The catch is that popcorn texture loves to shed and splatter. If you go at it the wrong way, you get a blizzard of white crumbs and paint dots all over everything.

This guide walks you step by step through how to paint a popcorn ceiling with minimal mess, starting with safety and ending with cleanup that does not make you want to give up on DIY forever.

Painting a popcorn ceiling with a roller on an extension pole — A thick nap roller and careful prep help you refresh a popcorn ceiling without a huge mess.

Step 1: Safety and Surface Assessment

Before you even think about rolling paint over that ceiling, you need to know what you are working with.

1. Check for asbestos

If your home was built or renovated before the late 1980s, your popcorn ceiling might contain asbestos. Disturbing it by scraping, sanding, or aggressive brushing can release fibres that are dangerous when inhaled.

Red flag situations where you should pause and investigate:

Homes built before 1990
Popcorn ceilings that have never been painted
Any ceiling where you see loose or crumbling texture

At this point, do not scrape, sand, or aggressively roll. Instead:

Contact a local asbestos testing service or environmental lab
Have a small sample professionally taken and tested
If asbestos is present, hire an abatement or specialist painting contractor

Key takeaway: If there is any chance of asbestos, treat the ceiling like it has it until a lab says otherwise. Many asbestos ceilings can be safely painted, but you should not disturb the texture yourself.

2. Check the condition of the texture

Walk the room and look for:

Loose or shedding texture gently tap the ceiling with a broom handle and see if bits fall
Water stains brown or yellow rings or blotches
Cracks or sagging areas that look lower or bulging

If the ceiling is actively crumbling when you touch it, painting will make a mess and likely look terrible. In that case, talk to a pro about encapsulation or removal.

If it is mostly intact with a few problem spots, you are good to move forward after spot repairs.

Take care of damage and problem areas before you start rolling paint over a popcorn ceiling.

Step 2: Tools and Materials

Here is what you will want in the room before you start.

Essential safety and prep gear

Dust masks or respirators
Safety goggles
Painter’s tape
Plastic sheeting for walls and furniture
Drop cloths for floors

Painting tools

Thick nap roller, 19 mm to 25 mm (3/4 inch to 1 inch) nap labelled for rough surfaces or ceilings
Extension pole
Angled sash brush for cutting in at edges
Optional: paint sprayer rated for interior wall or ceiling paint
Paint tray and liners

Liquids and coatings

Stain blocking primer, ideally designed for ceilings and stains
Flat interior ceiling paint, or flat wall paint
Extra paint to account for texture coverage

You can keep this handy reference nearby:

Item	Purpose
Dust mask and goggles	Protect lungs and eyes from dust and splatter
Painter’s tape	Create clean lines along walls and fixtures
Plastic sheeting	Shield furniture, walls, and vents
Drop cloths	Protect flooring from drips and splatter
Thick nap roller	Get paint into all the nooks of the popcorn texture
Primer	Block stains and help paint adhere evenly
Flat paint	Hide imperfections and reduce glare

Fun fact: Popcorn ceilings were popular partly because they hid builder sins. The texture covers minor drywall flaws and absorbs sound, which made it a cheap, fast, forgiving solution.

Have all your tools and masking materials ready before you touch a roller to the ceiling.

Step 3: Protect the Room

Treat this step like non negotiable. Painting a popcorn ceiling without full protection is like frying bacon without a lid.

Clear what you can

Move as much furniture out of the room as possible.
For large or heavy pieces, drag them to the centre of the room.

Cover floors completely

Lay drop cloths wall to wall.
Overlap seams by 15 cm to 30 cm and tape them down so you do not trip.

Wrap furniture and surfaces

Drape plastic sheeting over all remaining furniture.
Tape the plastic at the base to keep it from shifting.

Protect walls and trim

Run painter’s tape along the top edge of the walls where they meet the ceiling.
If you are worried about heavy splatter, hang plastic down from the ceiling line about 30 cm.

Cover fixtures and vents

Turn off power and remove light fixtures if possible, or wrap them in plastic and tape snugly.
Tape plastic over vents and smoke detectors. Remove it once the room is fully aired out.

Suit up

Wear a hat or bandana, safety goggles, and old clothing.
Put on your dust mask before you look up and start working.

Key takeaway: The more you cover now, the less you scrub later. Proper prep is what turns painting a popcorn ceiling into a project instead of a disaster.

Full room protection means you can roll overhead without worrying about every drip.

Step 4: Choose the Right Paint

Popcorn texture shows everything: shadows, shine, and roller marks if you use the wrong paint.

Go for flat, not shiny

Use flat interior paint, ideally labelled as ceiling paint:

Flat hides bumps, repairs, and roller overlap.
Eggshell, satin, or semi gloss will highlight every texture shadow and flaw.

If you want extra stain resistance, choose a higher quality flat paint instead of bumping up the sheen.

Primer and paint vs separate products

You have two main options:

Separate stain blocking primer plus flat paint
- Best for water stains, smoke stains, or heavy discolouration.
- Gives you more control over coverage and blocking.
Paint and primer in one
- Works well on previously painted, non stained ceilings.
- For popcorn, a true stain blocking primer underneath is still safer if you see any marks.

Buy extra paint for the texture

Popcorn ceilings are thirsty. To avoid running out mid coat:

Calculate paint for a flat ceiling of that room.
Add at least 20 to 30 percent more.
If you see heavy texture, lean toward the higher side.

Pro tip: If you are using a separate primer, ask the paint desk to tint the primer slightly toward your paint colour. This helps with coverage and makes it easier to see where you have already rolled.

Step 5: Prime the Ceiling

Primer is your insurance policy. It blocks stains and helps your paint bond to the rough texture.

1. Spot prime stains

If you have water rings or yellow spots:

Fix the leak or moisture source first.
Use a stain blocking primer, often shellac or oil based in a spray can, on those spots.
Let those areas dry according to the can.
Then prime the entire ceiling with a water based ceiling primer.

2. Prime the whole surface

Stir the primer thoroughly.
Pour into a tray and load your thick nap roller.
Roll off excess in the tray; you want the roller loaded but not dripping.
Working in sections, roll gently in one consistent direction.
Avoid pressing hard. Too much pressure can knock popcorn texture loose.
Let the primer dry fully. With popcorn, that can mean waiting longer than the minimum time on the can, because primer can settle between peaks and stay damp.

Key takeaway: If you can still see stains through the dry primer, hit those spots again before painting. Paint alone rarely hides water marks.

Good prep and priming help your ceiling paint bond properly and cover evenly.

Step 6: Painting Technique

You have prepped, primed, and protected everything. Now comes the part everyone thinks is simple: actually putting paint on the ceiling.

There are two main stages: cutting in and rolling or spraying.

Cutting in the edges first

Cutting in means painting the edges where rollers cannot reach cleanly.

Use an angled sash brush or a small angled trim brush.
Dip the brush about one third of the way into the paint and tap off excess.
Starting in a corner, paint a strip along the edge where the ceiling meets the wall, about 5 cm to 8 cm wide.
Work in small sections so the cut in line is still wet when you roll near it.
Use light pressure and let the brush glide over the popcorn instead of digging into it.
If the texture is very rough, a small 10 cm mini roller with thick nap can help you cut in faster along straight edges. Be careful near the walls so you do not mark them.

“Slow is smooth and smooth is fast.”

This applies to cutting in. Rushing the edges is how you get wall smears and globs of paint hanging from the ceiling.

Rolling or spraying the popcorn ceiling

You have two main options for the main field of the ceiling:

Rolling more accessible, cheaper, a bit more physical
Spraying faster, smoother, but requires gear and excellent masking

Option 1: Rolling (most common)

Use your 19 mm to 25 mm (3/4 inch to 1 inch) nap roller with an extension pole.
Load the roller with paint and roll off excess. It should be saturated but not slinging paint.
Start in a corner and roll in one consistent direction for the first coat, for example across the short width of the room.
Work in overlapping rows, keeping a wet edge where each row meets the next.
Avoid going back and forth over the same area repeatedly, which can loosen texture.
If you see small gaps, lightly reroll once in the same direction rather than pressing harder.
Let the first coat dry completely.

For the second coat:

Roll perpendicular to the first direction if possible. If you first rolled north to south, now go east to west.
This helps cover any missed angles and evens out the finish.

Option 2: Spraying

If you are comfortable with a paint sprayer and your room is very well masked:

Use a sprayer tip recommended for ceilings or wall paints.
Maintain a consistent distance from the ceiling.
Move your arm and body at a steady pace without flicking your wrist at the end of strokes.
Overlap each pass by about 50 percent.

Spraying creates less physical contact with the popcorn, so there is less risk of knocking texture off. Overspray is still a real risk, which is why masking is critical.

Key takeaway: On popcorn ceilings, your mantra is light pressure and even coverage. Pressing harder rarely fixes a problem; it usually creates one.

Step 7: Address Stains or Damage

If you skip this part, you will see the same ugly spots show through your fresh paint.

1. Water stains

For existing water stains:

Fix the source of water first, such as roof, plumbing, or bathroom exhaust issues.
Use a stain blocking primer directly over the stain. Two coats might be needed for bad spots.
Once the area is fully blocked and dry, paint as usual.

If you do not block the stain, it will bleed through no matter how many coats of regular paint you apply.

2. Loose or missing texture

Where the popcorn has flaked off:

Very gently brush away any loose crumbs with a soft brush.
If the area is small, use a popcorn ceiling repair spray to retexture the patch.
Let the repair dry completely.
Prime the patch before painting to avoid a flashing effect where it looks different from the rest of the ceiling.

For larger areas:

Consider using a pre mixed ceiling texture applied with a sponge or special roller.
Blend the edges into the old texture so it does not look like a patch.

3. Hairline cracks

If you have simple cracks:

Use a flexible caulk or a light joint compound to fill the crack.
Let it dry and lightly tap away any excess that is hanging down. Do not sand aggressively.
Spot prime, then paint.

Key takeaway: Treat stains and damage as their own mini project before you think about full ceiling coverage. That is how you get a ceiling that actually looks new, not just freshly painted and still flawed.

Step 8: Clean Up Without Undoing Your Hard Work

You have done the hard part. Now you want to leave the room looking finished, not like a painter’s drop zone.

Check for touch ups while the paint is wet

Look from different angles.
Lightly touch up thin spots, but do not overwork any section.

Remove painter’s tape correctly

Peel tape away at an angle, ideally while the paint is still slightly tacky.
If the paint has fully dried, score the edge with a utility knife before pulling to avoid peeling.

Take down plastic and drop cloths carefully

Fold plastic and cloths inward so any dust or splatter ends up inside.
Bag disposable plastic and liners immediately.

Clean tools right away

Wash brushes and rollers in warm, soapy water if you used water based products.
Squeeze out excess and let them dry thoroughly for next time.

Ventilate the room

Open windows and run exhaust fans where possible.
Remove plastic from vents and detectors once fumes have dissipated.

Key takeaway: The project is not done when the last coat goes on. It is done when the tape is off, the room is reassembled, and no one would guess how much paint was flying overhead.

Quick Recap: Mess Free Popcorn Ceiling Painting Checklist

Use this as a fast reference:

☐ Check for asbestos risk and get testing if your home is older
☐ Inspect for damage, stains, and loose texture
☐ Gather safety gear, thick nap roller, primer, and flat ceiling paint
☐ Cover floors, furniture, fixtures, and vents completely
☐ Choose flat paint and buy extra for texture
☐ Spot prime stains, then prime the entire ceiling
☐ Cut in around edges with an angled brush or mini roller
☐ Roll gently with a thick nap roller, two thin coats in different directions
☐ Repair any damaged or missing texture before final paint
☐ Remove tape, plastic, and drop cloths carefully and clean tools

Do all that and you do not just get a fresher ceiling. You get a room that looks brighter, cleaner, and more modern without spending the next week picking paint dots off your floor.

← Previous

More News & Articles

September 14, 2026

10 Best Residential painters in West Vancouver, BC

.hlp-directory { –hlp-green:#115228; –hlp-deep:#04200e; –hlp-cream:#fcfaf4; –hlp-surface:#f6f9f6; –hlp-surface-alt:#fbfcfa; –hlp-gold:#c69b33; –hlp-ink:#18231c; –hlp-muted:#526158; –hlp-line:#d7e0d9; –hlp-soft-green:#eaf3ec; box-sizing:border-box; color:var(–hlp-ink); font-family:”Open Sans”,Arial,sans-serif; font-size:16px; line-height:1.65; margin:0; padding:0; width:100%; }
.hlp-directory *, .hlp-directory *::before, .hlp-directory *::after { box-sizing:border-box; }
.hlp-directory .hlp-hero { background:transparent !important; margin:0; padding:0 0 1.5rem; }
.hlp-directory .hlp-eyebrow { align-items:center; color:var(–hlp-green); display:flex; font-family:Roboto,Arial,sans-serif; font-size:.82rem; font-weight:800; gap:.5rem; letter-spacing:.08em; margin:0 0 .7rem; text-transform:uppercase; }
.hlp-directory .hlp-eyebrow :is(i,svg.hlp-icon) { height:1rem; width:1rem; }
.hlp-directory h1, .hlp-directory h2, .hlp-directory h3, .hlp-directory h4, .hlp-directory h5 { color:var(–hlp-deep); font-family:Montserrat,Arial,sans-serif; line-height:1.17; margin-top:0; }
.hlp-directory h1 { font-size:clamp(2rem,5vw,4.15rem); letter-spacing:-.045em; margin-bottom:.75rem; max-width:980px; }
.hlp-directory .hlp-lede { color:#34443a; font-size:clamp(1.05rem,1.5vw,1.22rem); margin:0 0 1.1rem; max-width:880px; }
.hlp-directory .hlp-hero-meta { align-items:center; display:flex; flex-wrap:wrap; gap:.6rem 1.2rem; margin:.8rem 0 1.15rem; }
.hlp-directory .hlp-hero-meta span { align-items:center; color:var(–hlp-muted); display:inline-flex; font-size:.9rem; gap:.42rem; }
.hlp-directory .hlp-hero-meta :is(i,svg.hlp-icon) { color:var(–hlp-green); height:1rem; width:1rem; }
.hlp-directory .hlp-hero-actions { align-items:center; display:flex; flex-wrap:wrap; gap:.65rem; }
.hlp-directory .hlp-hero-actions a { align-items:center; border-radius:.35rem; display:inline-flex; font-weight:800; gap:.48rem; justify-content:center; min-height:42px; padding:.62rem 1rem; text-decoration:none; }
.hlp-directory .hlp-hero-actions a:first-child { background:var(–hlp-deep); color:#fff !important; }
.hlp-directory .hlp-hero-actions a:first-child:hover { background:var(–hlp-green); color:#fff !important; }
.hlp-directory .hlp-hero-actions a:last-child { color:var(–hlp-green); }
.hlp-directory .hlp-hero-actions :is(i,svg.hlp-icon) { height:1.05rem; width:1.05rem; }
.hlp-directory .hlp-method { border-bottom:1px solid var(–hlp-line); border-top:1px solid var(–hlp-line); margin:1.4rem 0 0; }
.hlp-directory .hlp-method summary { align-items:center; color:var(–hlp-green); cursor:pointer; display:flex; font-weight:800; gap:.55rem; list-style:none; padding:.8rem 0; }
.hlp-directory .hlp-method summary::-webkit-details-marker { display:none; }
.hlp-directory .hlp-method summary :is(i,svg.hlp-icon) { height:1.1rem; width:1.1rem; }
.hlp-directory .hlp-method summary .hlp-chevron { margin-left:auto; transition:transform .18s ease; }
.hlp-directory .hlp-method[open] summary .hlp-chevron { transform:rotate(180deg); }
.hlp-directory .hlp-method-body { color:#394a40; padding:0 0 1.15rem; }
.hlp-directory .hlp-method-body p { margin:.1rem 0 .9rem; max-width:920px; }
.hlp-directory .hlp-weight-grid { display:grid; gap:.55rem; grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr)); }
.hlp-directory .hlp-weight-grid div { background:var(–hlp-surface); border:1px solid var(–hlp-line); border-radius:.35rem; padding:.65rem .7rem; }
.hlp-directory .hlp-weight-grid strong, .hlp-directory .hlp-weight-grid span { display:block; }
.hlp-directory .hlp-weight-grid strong { color:var(–hlp-deep); font-family:Montserrat,Arial,sans-serif; font-size:1.08rem; }
.hlp-directory .hlp-weight-grid span { color:var(–hlp-muted); font-size:.8rem; line-height:1.35; margin-top:.16rem; }
.hlp-directory .hlp-controls { background:var(–hlp-surface); border:1px solid var(–hlp-line); border-radius:.45rem; margin:1.1rem 0 .9rem; padding:.7rem; }
.hlp-directory .hlp-control-grid { align-items:end; display:grid; gap:.55rem; grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr)); }
.hlp-directory .hlp-control { min-width:0; }
.hlp-directory .hlp-control label { color:#35453b; display:block; font-family:Roboto,Arial,sans-serif; font-size:.74rem; font-weight:800; letter-spacing:.035em; margin:0 0 .22rem; text-transform:uppercase; }
.hlp-directory .hlp-input-wrap { position:relative; }
.hlp-directory .hlp-input-wrap :is(i,svg.hlp-icon) { color:var(–hlp-green); height:1rem; left:.7rem; pointer-events:none; position:absolute; top:50%; transform:translateY(-50%); width:1rem; }
.hlp-directory input[type=”search”], .hlp-directory select { appearance:none; background:#fff; border:1px solid #cbd7ce; border-radius:.32rem; color:var(–hlp-ink); font:inherit; font-size:.9rem; height:40px; margin:0; min-width:0; outline:none; width:100%; }
.hlp-directory input[type=”search”] { padding:0 2rem 0 2.15rem; }
.hlp-directory select { background-image:linear-gradient(45deg,transparent 50%,var(–hlp-green) 50%),linear-gradient(135deg,var(–hlp-green) 50%,transparent 50%); background-position:calc(100% – 15px) 16px,calc(100% – 10px) 16px; background-repeat:no-repeat; background-size:5px 5px,5px 5px; padding:0 2rem 0 .65rem; }
.hlp-directory input[type=”search”]:focus, .hlp-directory select:focus { border-color:var(–hlp-green); outline:3px solid rgba(17,82,40,.15); }
.hlp-directory .hlp-clear-search { background:transparent; border:0; color:var(–hlp-muted); cursor:pointer; display:none; padding:.2rem; position:absolute; right:.45rem; top:50%; transform:translateY(-50%); }
.hlp-directory .hlp-clear-search.is-visible { display:flex; }
.hlp-directory .hlp-clear-search :is(i,svg.hlp-icon) { height:1rem; position:static; transform:none; width:1rem; }
.hlp-directory .hlp-reset { align-items:center; background:transparent; border:0; color:var(–hlp-green); cursor:pointer; display:inline-flex; font-weight:800; gap:.35rem; height:40px; justify-content:center; padding:0 .55rem; white-space:nowrap; }
.hlp-directory .hlp-reset :is(i,svg.hlp-icon) { height:1rem; width:1rem; }
.hlp-directory .hlp-control-footer { align-items:center; border-top:1px solid var(–hlp-line); display:flex; flex-wrap:wrap; gap:.7rem 1.2rem; justify-content:space-between; margin-top:.7rem; padding-top:.7rem; }
.hlp-directory .hlp-results-count { color:var(–hlp-muted); font-size:.9rem; margin:0; }
.hlp-directory .hlp-switch-row { align-items:center; color:#314038; cursor:pointer; display:inline-flex; font-size:.9rem; font-weight:800; gap:.55rem; }
.hlp-directory .hlp-switch-row input { height:1px; opacity:0; position:absolute; width:1px; }
.hlp-directory .hlp-switch { background:#b7c6bb; border-radius:999px; display:inline-block; height:22px; position:relative; transition:background .18s ease; width:40px; }
.hlp-directory .hlp-switch::after { background:#fff; border-radius:50%; content:””; height:16px; left:3px; position:absolute; top:3px; transition:transform .18s ease; width:16px; }
.hlp-directory .hlp-switch-row input:checked + .hlp-switch { background:var(–hlp-green); }
.hlp-directory .hlp-switch-row input:checked + .hlp-switch::after { transform:translateX(18px); }
.hlp-directory .hlp-switch-row input:focus-visible + .hlp-switch { outline:3px solid rgba(17,82,40,.22); outline-offset:2px; }
.hlp-directory .hlp-company-list { display:grid; gap:1rem; grid-template-columns:minmax(0,1fr); margin:0; padding:0; }
.hlp-directory .hlp-company-card { background:var(–hlp-surface-alt); border:1px solid var(–hlp-line); border-left:4px solid #a9b9ad; border-radius:.5rem; overflow:hidden; transition:border-color .18s ease; }
.hlp-directory .hlp-company-card:nth-child(even) { background:#f5f8f5; }
.hlp-directory .hlp-company-card:hover { border-color:#a8b9ad; }
.hlp-directory .hlp-company-card.is-featured { background:var(–hlp-cream); border-color:#c5d4c9; border-left-color:var(–hlp-green); }
.hlp-directory .hlp-card-header { align-items:center; display:flex; gap:1rem; justify-content:space-between; padding:1.1rem 1.1rem .65rem; }
.hlp-directory .hlp-title-block { align-items:center; display:flex; gap:.85rem; min-width:0; }
.hlp-directory .hlp-logo-wrap { align-items:center; background:#fff; border:1px solid var(–hlp-line); border-radius:.38rem; display:flex; flex:0 0 82px; height:58px; justify-content:center; overflow:hidden; padding:.4rem; }
.hlp-directory .hlp-logo-wrap.wide { flex-basis:116px; }
.hlp-directory .hlp-logo-wrap img { display:block; max-height:100%; max-width:100%; object-fit:contain; width:auto; }
.hlp-directory .hlp-logo-wrap.mark img { height:42px; width:42px; }
.hlp-directory .hlp-logo-wrap.dark img { filter:none; }
.hlp-directory .hlp-rank-line { align-items:center; color:var(–hlp-muted); display:flex; flex-wrap:wrap; font-family:Roboto,Arial,sans-serif; font-size:.76rem; font-weight:800; gap:.45rem; letter-spacing:.035em; margin-bottom:.22rem; text-transform:uppercase; }
.hlp-directory .hlp-rank { color:var(–hlp-green); }
.hlp-directory .hlp-featured-label { align-items:center; background:var(–hlp-soft-green); border-radius:999px; color:var(–hlp-green); display:inline-flex; gap:.3rem; padding:.18rem .48rem; }
.hlp-directory .hlp-featured-label :is(i,svg.hlp-icon) { height:.85rem; width:.85rem; }
.hlp-directory .hlp-title-block h3 { font-size:clamp(1.15rem,2.4vw,1.65rem); letter-spacing:-.02em; margin:0; overflow-wrap:anywhere; }
.hlp-directory .hlp-score-ring { align-items:center; background:conic-gradient(var(–hlp-green) calc(var(–score)*1%),#dfe7e1 0); border-radius:50%; display:flex; flex:0 0 68px; height:68px; justify-content:center; position:relative; width:68px; }
.hlp-directory .hlp-score-ring::after { background:var(–hlp-surface-alt); border-radius:50%; content:””; inset:5px; position:absolute; }
.hlp-directory .is-featured .hlp-score-ring::after { background:var(–hlp-cream); }
.hlp-directory .hlp-score-ring strong, .hlp-directory .hlp-score-ring span { position:relative; z-index:1; }
.hlp-directory .hlp-score-ring strong { color:var(–hlp-deep); font-family:Montserrat,Arial,sans-serif; font-size:1.14rem; }
.hlp-directory .hlp-score-ring span { color:var(–hlp-muted); font-size:.64rem; margin-left:1px; }
.hlp-directory .hlp-card-body { padding:.25rem 1.1rem 1rem; }
.hlp-directory .hlp-best-for { align-items:flex-start; color:var(–hlp-green); display:flex; gap:.45rem; margin-bottom:.55rem; }
.hlp-directory .hlp-best-for :is(i,svg.hlp-icon) { flex:0 0 auto; height:1.05rem; margin-top:.25rem; width:1.05rem; }
.hlp-directory .hlp-best-for span { font-size:.93rem; }
.hlp-directory .hlp-description { color:#35443b; font-size:1rem; margin:.4rem 0 .8rem; max-width:980px; }
.hlp-directory .hlp-contact-row { align-items:center; display:flex; flex-wrap:wrap; gap:.45rem .9rem; margin:.55rem 0 .8rem; }
.hlp-directory .hlp-contact-row span, .hlp-directory .hlp-contact-row a { align-items:center; color:var(–hlp-muted); display:inline-flex; font-size:.82rem; gap:.32rem; text-decoration:none; }
.hlp-directory .hlp-contact-row a:hover { color:var(–hlp-green); text-decoration:underline; }
.hlp-directory .hlp-contact-row :is(i,svg.hlp-icon) { color:var(–hlp-green); flex:0 0 auto; height:.92rem; width:.92rem; }
.hlp-directory .hlp-rating { align-items:center; display:inline-flex; gap:.3rem; }
.hlp-directory .hlp-rating strong { color:var(–hlp-deep); }
.hlp-directory .hlp-stars { color:var(–hlp-gold); font-size:.77rem; letter-spacing:-.08em; }
.hlp-directory .hlp-fact-grid { display:grid; gap:.42rem 1rem; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); list-style:none; margin:.75rem 0; padding:0; }
.hlp-directory .hlp-fact-grid li { align-items:flex-start; display:flex; gap:.48rem; min-width:0; }
.hlp-directory .hlp-fact-grid :is(i,svg.hlp-icon) { color:var(–hlp-green); flex:0 0 auto; height:1rem; margin-top:.28rem; width:1rem; }
.hlp-directory .hlp-fact-grid span { color:#405047; font-size:.86rem; line-height:1.45; }
.hlp-directory .hlp-fact-grid strong { color:var(–hlp-deep); display:block; font-size:.78rem; letter-spacing:.02em; }
.hlp-directory .hlp-service-row { display:flex; flex-wrap:wrap; gap:.35rem; margin:.8rem 0; }
.hlp-directory .hlp-service-row span, .hlp-directory .hlp-theme-row span { background:#eef4ef; border:1px solid #d5e2d8; border-radius:999px; color:#31523c; font-size:.73rem; line-height:1.25; padding:.25rem .52rem; }
.hlp-directory .hlp-primary-links { align-items:center; display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.7rem; }
.hlp-directory .hlp-website-button, .hlp-directory .hlp-map-link { align-items:center; border-radius:.32rem; display:inline-flex; font-size:.87rem; font-weight:800; gap:.38rem; justify-content:center; min-height:39px; padding:.48rem .75rem; text-decoration:none; }
.hlp-directory .hlp-website-button { background:var(–hlp-green); color:#fff !important; }
.hlp-directory .hlp-website-button:hover { background:var(–hlp-deep); color:#fff !important; }
.hlp-directory .hlp-map-link { color:var(–hlp-green); }
.hlp-directory .hlp-map-link:hover { background:var(–hlp-soft-green); }
.hlp-directory .hlp-primary-links :is(i,svg.hlp-icon) { height:1rem; width:1rem; }
.hlp-directory .hlp-card-actions { align-items:stretch; border-top:1px solid var(–hlp-line); display:flex; flex-wrap:wrap; gap:.05rem; padding:.25rem .65rem; }
.hlp-directory .hlp-card-toggle { align-items:center; background:transparent; border:0; border-radius:.28rem; color:#3d4d43; cursor:pointer; display:inline-flex; font-family:Roboto,Arial,sans-serif; font-size:.8rem; font-weight:800; gap:.38rem; justify-content:center; min-height:40px; padding:.48rem .58rem; }
.hlp-directory .hlp-card-toggle:hover, .hlp-directory .hlp-card-toggle[aria-expanded=”true”] { background:#e8f1ea; color:var(–hlp-green); }
.hlp-directory .hlp-card-toggle :is(i,svg.hlp-icon) { height:1rem; width:1rem; }
.hlp-directory .hlp-card-toggle small { background:#dfeae2; border-radius:999px; font-size:.66rem; min-width:1.35rem; padding:.12rem .34rem; }
.hlp-directory .hlp-panel-stack { border-top:0; }
.hlp-directory .hlp-panel { background:rgba(255,255,255,.58); padding:1rem 1.1rem 1.15rem; }
.hlp-directory .hlp-panel + .hlp-panel { border-top:1px solid var(–hlp-line); }
.hlp-directory .hlp-panel[hidden] { display:none; }
.hlp-directory .hlp-panel-intro { margin-bottom:.8rem; }
.hlp-directory .hlp-panel-intro h4 { font-size:1.02rem; margin-bottom:.18rem; }
.hlp-directory .hlp-panel-intro p { color:var(–hlp-muted); font-size:.86rem; margin:0; }
.hlp-directory .hlp-factor-list { display:grid; gap:.55rem; }
.hlp-directory .hlp-factor { background:#fff; border:1px solid var(–hlp-line); border-radius:.35rem; padding:.7rem .75rem; }
.hlp-directory .hlp-factor-head { align-items:center; display:grid; gap:.7rem; grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); }
.hlp-directory .hlp-factor-head div:first-child { align-items:baseline; display:flex; flex-wrap:wrap; gap:.25rem .55rem; }
.hlp-directory .hlp-factor-head strong { color:var(–hlp-deep); font-size:.88rem; }
.hlp-directory .hlp-factor-head span { color:var(–hlp-muted); font-size:.75rem; }
.hlp-directory .hlp-factor-bar { background:#e3eae4; border-radius:999px; height:8px; overflow:hidden; }
.hlp-directory .hlp-factor-bar span { background:var(–hlp-green); border-radius:inherit; display:block; height:100%; }
.hlp-directory .hlp-why { border-top:1px solid #e7ece8; margin-top:.55rem; padding-top:.45rem; }
.hlp-directory .hlp-why summary { color:var(–hlp-green); cursor:pointer; display:inline-flex; font-size:.8rem; font-weight:800; }
.hlp-directory .hlp-why p { color:#3d4c43; font-size:.86rem; margin:.48rem 0 .55rem; }
.hlp-directory .hlp-source-links { display:flex; flex-wrap:wrap; gap:.38rem; }
.hlp-directory .hlp-source-link, .hlp-directory .hlp-review-link { align-items:center; color:var(–hlp-green); display:inline-flex; font-size:.75rem; font-weight:800; gap:.2rem; text-decoration:underline; text-decoration-color:#b3c7b8; text-underline-offset:2px; }
.hlp-directory .hlp-source-link :is(i,svg.hlp-icon), .hlp-directory .hlp-review-link :is(i,svg.hlp-icon) { height:.78rem; width:.78rem; }
.hlp-directory .hlp-check-list { display:grid; gap:.48rem; list-style:none; margin:.3rem 0 .85rem; padding:0; }
.hlp-directory .hlp-check-list li { align-items:flex-start; display:flex; gap:.48rem; }
.hlp-directory .hlp-check-list :is(i,svg.hlp-icon) { color:var(–hlp-green); flex:0 0 auto; height:1rem; margin-top:.28rem; width:1rem; }
.hlp-directory .hlp-check-list span { color:#39483f; font-size:.9rem; }
.hlp-directory .hlp-profile-groups { display:grid; gap:.85rem; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); }
.hlp-directory .hlp-profile-group h5 { font-size:.83rem; margin:0 0 .38rem; }
.hlp-directory .hlp-profile-links { display:grid; gap:.36rem; }
.hlp-directory .hlp-profile-links a { align-items:center; background:#fff; border:1px solid var(–hlp-line); border-radius:.32rem; color:var(–hlp-green); display:flex; gap:.5rem; justify-content:space-between; min-width:0; padding:.52rem .62rem; text-decoration:none; }
.hlp-directory .hlp-profile-links a:hover { border-color:#9eb3a4; }
.hlp-directory .hlp-profile-links span { min-width:0; }
.hlp-directory .hlp-profile-links strong, .hlp-directory .hlp-profile-links small { display:block; overflow-wrap:anywhere; }
.hlp-directory .hlp-profile-links strong { font-size:.82rem; }
.hlp-directory .hlp-profile-links small { color:var(–hlp-muted); font-size:.7rem; font-weight:400; line-height:1.35; margin-top:.08rem; }
.hlp-directory .hlp-profile-links :is(i,svg.hlp-icon) { flex:0 0 auto; height:.9rem; width:.9rem; }
.hlp-directory .hlp-review-list { display:grid; gap:.55rem; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); }
.hlp-directory .hlp-review { background:#fff; border:1px solid var(–hlp-line); border-radius:.35rem; padding:.72rem; }
.hlp-directory .hlp-review-head strong, .hlp-directory .hlp-review-head span { display:block; }
.hlp-directory .hlp-review-head strong { color:var(–hlp-deep); font-size:.86rem; }
.hlp-directory .hlp-review-head span { color:var(–hlp-muted); font-size:.7rem; line-height:1.4; }
.hlp-directory .hlp-review p { color:#3b4a41; font-size:.84rem; margin:.5rem 0; }
.hlp-directory .hlp-theme-row { display:flex; flex-wrap:wrap; gap:.28rem; margin:.5rem 0; }
.hlp-directory .hlp-theme-row span { font-size:.68rem; }
.hlp-directory .hlp-empty { align-items:center; border:1px solid var(–hlp-line); border-radius:.45rem; color:var(–hlp-muted); display:none; flex-direction:column; gap:.4rem; padding:2rem; text-align:center; }
.hlp-directory .hlp-empty :is(i,svg.hlp-icon) { color:var(–hlp-green); height:1.6rem; width:1.6rem; }
.hlp-directory .hlp-empty strong { color:var(–hlp-deep); }
.hlp-directory .hlp-research-note { border-top:1px solid var(–hlp-line); color:var(–hlp-muted); font-size:.82rem; margin-top:1.2rem; padding:1rem 0 0; }
.hlp-directory button:focus-visible, .hlp-directory a:focus-visible, .hlp-directory summary:focus-visible { outline:3px solid rgba(17,82,40,.24); outline-offset:2px; }
@container hlp-directory (max-width:980px) {
.hlp-directory .hlp-control-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); }
.hlp-directory .hlp-control-search { grid-column:1/-1; }
.hlp-directory .hlp-reset { justify-self:start; }
.hlp-directory .hlp-weight-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@container hlp-directory (max-width:700px) {
.hlp-directory h1 { font-size:2.15rem; }
.hlp-directory .hlp-control-grid, .hlp-directory .hlp-profile-groups, .hlp-directory .hlp-review-list, .hlp-directory .hlp-fact-grid { grid-template-columns:minmax(0,1fr); }
.hlp-directory .hlp-card-header { align-items:flex-start; padding:.9rem .85rem .55rem; }
.hlp-directory .hlp-card-body { padding:.2rem .85rem .85rem; }
.hlp-directory .hlp-logo-wrap { flex-basis:62px; height:50px; }
.hlp-directory .hlp-logo-wrap.wide { flex-basis:86px; }
.hlp-directory .hlp-score-ring { flex-basis:58px; height:58px; width:58px; }
.hlp-directory .hlp-card-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); padding:.3rem; }
.hlp-directory .hlp-card-toggle { justify-content:flex-start; min-width:0; }
.hlp-directory .hlp-factor-head { grid-template-columns:minmax(0,1fr); }
.hlp-directory .hlp-panel { padding:.85rem; }
.hlp-directory .hlp-weight-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); }
.hlp-directory .hlp-control-footer { align-items:flex-start; flex-direction:column; }
}
@container hlp-directory (max-width:430px) {
.hlp-directory .hlp-title-block { align-items:flex-start; gap:.55rem; }
.hlp-directory .hlp-logo-wrap.wide { flex-basis:70px; height:46px; }
.hlp-directory .hlp-logo-wrap { flex-basis:48px; height:46px; }
.hlp-directory .hlp-title-block h3 { font-size:1.05rem; }
.hlp-directory .hlp-score-ring { flex-basis:52px; height:52px; width:52px; }
.hlp-directory .hlp-score-ring strong { font-size:1rem; }
.hlp-directory .hlp-card-toggle { font-size:.74rem; padding:.42rem; }
.hlp-directory .hlp-card-toggle small { display:none; }
.hlp-directory .hlp-weight-grid { grid-template-columns:minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
.hlp-directory *, .hlp-directory *::before, .hlp-directory *::after { scroll-behavior:auto !important; transition:none !important; }
}
@media print {
.hlp-directory .hlp-controls, .hlp-directory .hlp-card-actions, .hlp-directory .hlp-hero-actions { display:none !important; }
.hlp-directory .hlp-panel[hidden] { display:block !important; }
.hlp-directory .hlp-company-card { break-inside:avoid; }
}
.hlp-directory { container:hlp-directory / inline-size; min-width:0; max-width:100%; background:transparent; overflow-wrap:break-word; -webkit-text-size-adjust:100%; }
.hlp-directory [hidden] { display:none !important; }
.hlp-directory :is(button,input,select) { font-family:inherit; letter-spacing:normal; text-transform:none; }
.hlp-directory button { margin:0; }
.hlp-directory svg.hlp-icon { display:inline-block; flex-shrink:0; width:1em; height:1em; max-width:none; vertical-align:middle; }
.hlp-directory .hlp-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.hlp-directory :is(.hlp-control,.hlp-input-wrap,.hlp-title-block div,.hlp-score-block,.hlp-factor,.hlp-review,.hlp-profile-group,.hlp-switch-row) { min-width:0; }
.hlp-directory .hlp-control-grid { align-items:end; }
.hlp-directory .hlp-control-search { grid-column:1/-1; }
.hlp-directory input[type=”search”], .hlp-directory select { display:block; box-sizing:border-box; min-height:44px; height:auto; line-height:1.4; font-size:16px; max-width:100%; }
.hlp-directory input[type=”search”] { padding:10px 44px 10px 36px; text-overflow:ellipsis; }
.hlp-directory input[type=”search”]::placeholder { color:#596960; opacity:1; font:inherit; letter-spacing:normal; text-transform:none; }
.hlp-directory input[type=”search”]::-webkit-search-cancel-button { -webkit-appearance:none; }
.hlp-directory select { padding:10px 30px 10px 10px; background-position:calc(100% – 15px) 19px,calc(100% – 10px) 19px; text-overflow:ellipsis; }
.hlp-directory .hlp-input-wrap svg.hlp-icon { position:absolute; width:16px; height:16px; left:11px; top:50%; transform:translateY(-50%); pointer-events:none; }
.hlp-directory .hlp-clear-search { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; right:0; border-radius:4px; }
.hlp-directory .hlp-clear-search svg.hlp-icon { position:static; width:16px; height:16px; transform:none; }
.hlp-directory .hlp-reset { height:auto; min-height:44px; }
.hlp-directory .hlp-switch-row { min-height:44px; line-height:1.4; }
.hlp-directory .hlp-switch { flex:0 0 40px; }
.hlp-directory .hlp-switch-row input:indeterminate + .hlp-switch { background:var(–hlp-green); }
.hlp-directory .hlp-switch-row input:indeterminate + .hlp-switch::after { transform:translateX(9px); }
.hlp-directory .hlp-title-block { flex:1 1 auto; }
.hlp-directory .hlp-logo-wrap { flex-shrink:0; }
.hlp-directory .hlp-logo-wrap img { width:100%; height:100%; object-fit:contain; }
.hlp-directory .hlp-logo-wrap.mark img { width:100%; height:100%; }
.hlp-directory .hlp-logo-wrap.hlp-logo-reverse { background:#292d30; border-color:#292d30; }
.hlp-directory .hlp-logo-wrap.hlp-logo-shape img { width:120%; max-width:none; height:auto; flex-shrink:0; }
.hlp-directory .hlp-title-block h3 { word-break:normal; overflow-wrap:break-word; }
.hlp-directory .hlp-contact-row :is(span,a) { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.hlp-directory .hlp-rating { flex-wrap:wrap; }
.hlp-directory .hlp-card-toggle { min-height:44px; white-space:normal; text-align:left; }
.hlp-directory .hlp-card-toggle span { min-width:0; }
.hlp-directory .hlp-card-toggle small { flex-shrink:0; }
.hlp-directory .hlp-panel:not([hidden]) { border-top:1px solid var(–hlp-line); }
.hlp-directory .hlp-why summary { align-items:center; gap:.45rem; min-height:36px; list-style:none; }
.hlp-directory .hlp-why summary::-webkit-details-marker { display:none; }
.hlp-directory .hlp-why summary::before { content:’+’; font-size:1.1rem; line-height:1; }
.hlp-directory .hlp-why[open] summary::before { content:’−’; }
.hlp-directory :is(.hlp-source-link,.hlp-review-link) { min-height:32px; max-width:100%; overflow-wrap:anywhere; }
.hlp-directory .hlp-theme-row span { max-width:100%; overflow-wrap:anywhere; }
.hlp-directory :is(.hlp-hero-actions a,.hlp-website-button,.hlp-map-link) { min-height:44px; }
@container hlp-directory (min-width:1100px) {
.hlp-directory .hlp-control-grid { grid-template-columns:minmax(230px,1.4fr) repeat(4,minmax(0,1fr)) auto; }
.hlp-directory .hlp-control-search { grid-column:auto; }
}
@container hlp-directory (max-width:980px) {
.hlp-directory .hlp-control-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container hlp-directory (max-width:700px) {
.hlp-directory .hlp-control-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hlp-directory .hlp-card-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hlp-directory .hlp-control-footer { flex-direction:row; }
.hlp-directory .hlp-card-header { gap:.65rem; }
}
@container hlp-directory (max-width:480px) {
.hlp-directory .hlp-card-header { display:grid; grid-template-columns:minmax(0,1fr) 48px; padding:.85rem .7rem .5rem; }
.hlp-directory .hlp-title-block { gap:.5rem; }
.hlp-directory .hlp-title-block div { flex:1; }
.hlp-directory .hlp-logo-wrap, .hlp-directory .hlp-logo-wrap.wide { flex-basis:60px; height:48px; padding:.2rem; }
.hlp-directory .hlp-title-block h3 { font-size:1.08rem; line-height:1.25; }
.hlp-directory .hlp-score-ring { width:48px; height:48px; }
.hlp-directory .hlp-score-ring strong { font-size:.9rem; }
.hlp-directory .hlp-rank-line { font-size:.68rem; }
.hlp-directory .hlp-card-body, .hlp-directory .hlp-panel { padding:.65rem .7rem; }
.hlp-directory .hlp-card-toggle { font-size:.78rem; padding:.4rem; gap:.3rem; }
.hlp-directory .hlp-hero-actions a { flex:1 1 100%; }
.hlp-directory .hlp-control-footer { align-items:flex-start; flex-direction:column; gap:.3rem; }
}
@container hlp-directory (max-width:359px) {
.hlp-directory .hlp-control-grid { grid-template-columns:minmax(0,1fr); }
.hlp-directory .hlp-logo-wrap, .hlp-directory .hlp-logo-wrap.wide { flex-basis:48px; }
.hlp-directory .hlp-card-header { column-gap:.45rem; }
}
@media print {
.hlp-directory [data-company-card][hidden], .hlp-directory .hlp-panel[hidden] { display:block !important; }
.hlp-directory .hlp-company-card { break-inside:auto; }
.hlp-directory .hlp-card-header { break-after:avoid; }
}

A practical comparison of local fit, customer feedback, operating proof, residential services and published pricing.

September 7, 2026

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.

August 31, 2026

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.