*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --cream: #f2f0ea; --yellow: #c8a900; --yel2: #d4b800; --dark: #151515; --text: #2b2b2b; --muted: #666; --white: #ffffff; --border: #e0ddd4; --r: 10px; } body { background: var(--cream); color: var(--text); font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.65; overflow-x: hidden; } /* ── UTILS ── */ .wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; } .chip { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--yellow); margin-bottom: 12px; } .h2 { font-size: clamp(28px,4vw,46px); font-weight: 900; text-transform: uppercase; line-height: 1.08; letter-spacing: -.01em; margin-bottom: 16px; } .h2 span { color: var(--yellow); } .lead { font-size: 15px; color: var(--muted); line-height: 1.8; max-width: 660px; } .lead--w { color: rgba(255,255,255,.62); } .sec { padding: 84px 0; } .sec--dark { background: var(--dark); } .sec--white { background: var(--white); } /* ── SCROLL REVEAL ── */ .reveal { opacity: 0; transform: translateY(36px); transition: opacity .65s ease, transform .65s ease; } .reveal.slide-left { transform: translateX(-40px); } .reveal.slide-right { transform: translateX(40px); } .reveal.visible { opacity: 1; transform: translate(0,0); } .reveal.d1 { transition-delay: .1s; } .reveal.d2 { transition-delay: .2s; } .reveal.d3 { transition-delay: .3s; } .reveal.d4 { transition-delay: .4s; } .reveal.d5 { transition-delay: .5s; } .reveal.d6 { transition-delay: .6s; } /* ════════════════════════════════ SERVICES ════════════════════════════════ */ .services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-top: 48px; } .svc-card { background: var(--white); border-radius: var(--r); padding: 32px 28px; border: 1px solid var(--border); position: relative; overflow: hidden; transition: box-shadow .3s, transform .3s, border-color .3s; cursor: default; } .svc-card::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: var(--yellow); transform: scaleX(0); transform-origin: left; transition: transform .35s ease; } .svc-card:hover { box-shadow: 0 16px 40px rgba(0,0,0,.12); transform: translateY(-6px); border-color: rgba(200,169,0,.3); } .svc-card:hover::before { transform: scaleX(1); } .svc-card__icon { width: 54px; height: 54px; background: rgba(200,169,0,.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 20px; transition: background .3s, transform .3s; } .svc-card:hover .svc-card__icon { background: var(--yellow); transform: scale(1.08) rotate(-5deg); } .svc-card__title { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--dark); margin-bottom: 10px; } .svc-card__text { font-size: 14px; color: var(--muted); line-height: 1.72; } /* ════════════════════════════════ STATS COUNTER ════════════════════════════════ */ .stats-sec { background: var(--dark); padding: 0; } .stats-inner { display: grid; grid-template-columns: repeat(4,1fr); max-width: 1180px; margin: 0 auto; } .stat-cell { padding: 52px 24px; text-align: center; border-right: 1px solid rgba(255,255,255,.07); position: relative; } .stat-cell:last-child { border-right: none; } .stat-cell__ring { width: 72px; height: 72px; border-radius: 50%; background: rgba(200,169,0,.12); border: 2px solid rgba(200,169,0,.3); display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; font-size: 28px; transition: background .3s, transform .3s; } .stat-cell:hover .stat-cell__ring { background: rgba(200,169,0,.22); transform: scale(1.08); } .stat-cell__num { font-size: 44px; font-weight: 900; color: var(--yellow); line-height: 1; letter-spacing: -.02em; } .stat-cell__lbl { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: rgba(255,255,255,.45); margin-top: 8px; line-height: 1.35; } /* ════════════════════════════════ GALLERY ════════════════════════════════ */ .gallery-intro { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 36px; flex-wrap: wrap; gap: 16px; } .gallery-grid { display: grid; grid-template-columns: repeat(4,1fr); grid-template-rows: 220px 220px; gap: 12px; } .g-img { overflow: hidden; border-radius: 8px; position: relative; } .g-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; } .g-img:hover img { transform: scale(1.07); } .gallery-grid .g-img:nth-child(1) { grid-column: 1/3; grid-row: 1/3; } .g-tag { position: absolute; bottom: 10px; left: 10px; background: rgba(0,0,0,.68); color: #fff; backdrop-filter: blur(4px); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 5px 12px; border-radius: 20px; transition: background .25s; } .g-img:hover .g-tag { background: rgba(200,169,0,.9); color: var(--dark); } /* ════════════════════════════════ HOW IT WORKS ════════════════════════════════ */ .process-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; margin-top: 56px; position: relative; } .process-grid::before { content: ''; position: absolute; top: 36px; left: calc(12.5% + 2px); right: calc(12.5% + 2px); height: 2px; background: rgba(200,169,0,.25); z-index: 0; } .process-step { text-align: center; padding: 0 20px; position: relative; z-index: 1; } .process-step__num { width: 72px; height: 72px; border-radius: 50%; background: var(--dark); border: 2px solid rgba(200,169,0,.35); color: var(--yellow); font-size: 22px; font-weight: 900; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; transition: background .3s, border-color .3s, transform .3s; } .process-step:hover .process-step__num { background: var(--yellow); color: var(--dark); border-color: var(--yellow); transform: scale(1.1); } .process-step__icon { font-size: 28px; margin-bottom: 12px; display: block; } .process-step__title { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #fff; margin-bottom: 10px; } .process-step__text { font-size: 13.5px; color: rgba(255,255,255,.5); line-height: 1.7; } /* ════════════════════════════════ WHY CHOOSE ════════════════════════════════ */ .why-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; } .why-benefits { display: flex; flex-direction: column; gap: 26px; margin-top: 36px; } .why-benefit { display: flex; gap: 18px; align-items: flex-start; padding: 18px; border-radius: 10px; border: 1px solid rgba(255,255,255,.05); transition: background .3s, border-color .3s, transform .25s; } .why-benefit:hover { background: rgba(255,255,255,.04); border-color: rgba(200,169,0,.25); transform: translateX(6px); } .why-num { width: 44px; height: 44px; flex-shrink: 0; background: var(--yellow); color: var(--dark); font-size: 15px; font-weight: 900; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform .3s; } .why-benefit:hover .why-num { transform: rotate(10deg) scale(1.1); } .why-benefit__title { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #fff; margin-bottom: 5px; } .why-benefit__text { font-size: 13.5px; color: rgba(255,255,255,.5); line-height: 1.7; } .why-right { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .why-right img { width: 100%; height: 220px; object-fit: cover; border-radius: 8px; transition: transform .4s; } .why-right img:hover { transform: scale(1.03); } .why-right img:first-child { grid-column: span 2; height: 260px; } /* ════════════════════════════════ FAQ ════════════════════════════════ */ .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 48px; } .faq-item { background: var(--white); border-radius: var(--r); border: 1px solid var(--border); overflow: hidden; transition: box-shadow .25s; } .faq-item:hover { box-shadow: 0 6px 24px rgba(0,0,0,.07); } .faq-q { width: 100%; text-align: left; background: none; border: none; padding: 20px 22px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 14px; font-weight: 700; color: var(--dark); line-height: 1.4; font-family: inherit; } .faq-arrow { width: 28px; height: 28px; flex-shrink: 0; border-radius: 50%; background: rgba(200,169,0,.1); display: flex; align-items: center; justify-content: center; font-size: 16px; transition: transform .3s, background .3s; color: var(--yellow); } .faq-item.open .faq-arrow { transform: rotate(45deg); background: var(--yellow); color: var(--dark); } .faq-body { max-height: 0; overflow: hidden; transition: max-height .4s ease, padding .3s; font-size: 14px; color: var(--muted); line-height: 1.75; padding: 0 22px; } .faq-item.open .faq-body { max-height: 300px; padding: 0 22px 20px; } .faq-divider { height: 1px; background: var(--border); margin: 0 22px; } /* ════════════════════════════════ REVIEWS ════════════════════════════════ */ .reviews-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; } .review-card { background: var(--white); border-radius: var(--r); padding: 26px 24px 22px; border: 1px solid var(--border); display: flex; flex-direction: column; gap: 16px; transition: box-shadow .3s, transform .3s; } .review-card:hover { box-shadow: 0 12px 32px rgba(0,0,0,.1); transform: translateY(-4px); } .rc-top { display: flex; justify-content: space-between; align-items: flex-start; } .rc-quote { font-size: 32px; color: var(--yellow); font-family: Georgia,serif; line-height: 1; } .rc-platform { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--yellow); border: 1px solid rgba(200,169,0,.4); padding: 3px 9px; border-radius: 4px; } .stars { color: var(--yellow); font-size: 14px; letter-spacing: 2px; margin-bottom: 8px; } .rc-text { font-size: 13.5px; color: #444; line-height: 1.72; font-style: italic; flex: 1; } .rc-footer { border-top: 1px solid var(--border); padding-top: 14px; display: flex; align-items: center; gap: 11px; } .avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--yellow); color: var(--dark); font-weight: 900; font-size: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .rc-name { font-size: 13.5px; font-weight: 700; color: var(--dark); } .rc-meta { font-size: 11.5px; color: #aaa; } /* ════════════════════════════════ CTA ════════════════════════════════ */ .cta-band { background: var(--yellow); padding: 72px 24px; } .cta-inner { max-width: 1180px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 32px; } .cta-inner h2 { font-size: clamp(26px,3.5vw,42px); font-weight: 900; text-transform: uppercase; color: var(--dark); line-height: 1.1; } .cta-inner p { font-size: 14px; color: rgba(0,0,0,.55); margin-top: 10px; max-width: 520px; line-height: 1.7; } .cta-btns { display: flex; flex-direction: column; gap: 12px; } .btn { display: inline-flex; align-items: center; gap: 8px; padding: 15px 28px; border-radius: 6px; text-decoration: none; font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; transition: background .2s, transform .2s, box-shadow .2s; white-space: nowrap; } .btn--dark { background: var(--dark); color: #fff; } .btn--dark:hover { background: #2a2a2a; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,.25); } .btn--outline { background: transparent; color: var(--dark); border: 2px solid rgba(0,0,0,.25); } .btn--outline:hover { background: rgba(0,0,0,.07); } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 1000px) { .why-layout { grid-template-columns: 1fr; } .why-right { display: none; } .process-grid { grid-template-columns: 1fr 1fr; gap: 32px; } .process-grid::before { display: none; } .gallery-grid { grid-template-columns: repeat(3,1fr); grid-template-rows: 240px 240px; } .gallery-grid .g-img:nth-child(1) { grid-column: 1/4; grid-row: span 1; } } @media (max-width: 760px) { .sec { padding: 56px 0; } .services-grid { grid-template-columns: 1fr 1fr; } .reviews-grid { grid-template-columns: 1fr 1fr; } .faq-grid { grid-template-columns: 1fr; } .stats-inner { grid-template-columns: 1fr 1fr; } .stat-cell { border-right: none; border-bottom: 1px solid rgba(255,255,255,.07); } .gallery-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 220px 200px 200px; } .gallery-grid .g-img:nth-child(1) { grid-column: 1/3; } .cta-inner { flex-direction: column; align-items: flex-start; } .cta-btns { flex-direction: row; flex-wrap: wrap; } } @media (max-width: 520px) { .sec { padding: 44px 0; } .wrap { padding: 0 16px; } .h2 { font-size: 26px; } .lead { font-size: 14px; } .services-grid, .reviews-grid, .gallery-grid { grid-template-columns: 1fr; } .gallery-grid { grid-template-rows: none; } .gallery-grid .g-img { height: 220px; } .gallery-grid .g-img:nth-child(1) { grid-column: 1; height: 260px; } .process-grid { grid-template-columns: 1fr; } .stats-inner { grid-template-columns: 1fr 1fr; } .gallery-intro { flex-direction: column; align-items: flex-start; } .gallery-intro .lead { max-width: 100% !important; } .cta-band { padding: 48px 16px; } .cta-btns { flex-direction: column; width: 100%; } .btn { width: 100%; justify-content: center; } .why-benefit { padding: 14px; } .why-num { width: 36px; height: 36px; font-size: 13px; } }

What We Do

Our Demolition Services

With extensive experience and a commitment to safety and efficiency, we handle any demolition task — big or small. From residential renovations to full commercial clearances, we've got you covered.

🏗️

Residential & Commercial Demolition

Tailored solutions for both homes and businesses. Every project is executed with precision and care, regardless of its scale or complexity.

🪨

Concrete Demolition & Removal

Specializing in breaking, removal, and recycling of concrete — driveways, foundations, slabs, and structural concrete handled with ease.

🔨

Selective Demolition for Remodeling

Perfect for renovations — we carefully dismantle only the necessary parts of your structure while preserving everything else.

🧱

Soft & Hard Demolition

From removing interior finishes (soft demo) to dismantling structural components (hard demo), we cover every phase of demolition.

🛁

Specialized Demolition Services

Bathroom and kitchen demolition, flooring removal, pool removal and more — designed for your specific renovation needs.

🏠

Interior & Exterior Demolition

Whether inside your property or external structures, our team has the expertise to carry out the job efficiently and safely.

Our Work

Real Projects,
Real Results

See Hornet Demolition in action — from pool removals to full site clearances across the Bay Area.

Interior Demolition

Bathroom Demo

Soft Demolition

Wall Removal

Hard Demolition

How It Works

Our Process — Simple & Stress-Free

A proven four-step process that keeps your project on time, on budget, and completely hassle-free.

01

📞

Free Consultation

We assess your project, discuss your goals, and provide a detailed no-obligation quote tailored to your property.

02

📋

Permits & Scheduling

Our team handles all permit applications, coordinates with inspectors, and schedules your project for a smooth start.

03

🚧

Precision Demolition

Using professional-grade equipment, we safely demolish and remove everything while protecting your surroundings.

04

✅

Fill, Grade & Restore

We backfill, compact, and grade the area — leaving your site clean, level, and ready for whatever comes next.

Hornet Demolition

Why Choose Hornet?

We're dedicated to providing top-notch demolition services tailored to your specific needs — ensuring a clean, safe, and ready site for whatever comes next.

01

Permit Handling

We manage all necessary permits, ensuring your project complies with local regulations — completely hassle-free.

02

10+ Years of Expertise

A decade of hands-on experience means we've handled every type of demolition and every permit office in the Bay Area.

03

Upgrade Options

We offer paving stone services to beautify your outdoor areas post-demolition and maximize your property value.

04

Eco-Friendly Approach

Committed to sustainability, we recycle materials whenever possible, reducing waste and minimizing environmental impact.

FAQ

Frequently Asked Questions

Everything you need to know about our demolition services in the Bay Area.

How long does a demolition project take? +

Most residential demolition projects take 1–5 days depending on size and scope. Pool removals typically take 2–3 days. We'll give you a precise timeline during your free consultation.

Do you handle all the permits? +

Yes, absolutely. We manage all permit applications, coordinate with Bay Area city inspectors, and secure approvals before, during, and after the project — so you don't have to worry about any paperwork.

What areas do you serve in the Bay Area? +

We serve the entire San Francisco Bay Area, including Oakland, San Jose, Fremont, Hayward, Concord, Richmond, Walnut Creek, San Leandro, Santa Rosa, and surrounding cities.

Is Hornet Demolition licensed and insured? +

Yes. We are fully licensed (CSLB #1075202), bonded, and insured. Our full coverage protects you, your property, and our crew throughout the entire demolition process.

What happens to the debris after demolition? +

We handle full cleanup and haul-away of all demolition materials. We prioritize responsible recycling to minimize environmental impact — concrete, steel, and other materials are sorted and recycled whenever possible.

Can you help with what comes after demolition? +

Absolutely. After clearing your site, we offer fill and grading services to prepare the ground, as well as paving stone installation to transform your space into a beautiful patio, driveway, or outdoor area.

Client Reviews

What Our Clients
Are Saying

Real reviews from real Bay Area homeowners — 100% five-star rated on Google & Thumbtack.

"Google

★★★★★

This company did an outstanding job of removing a toxic old pool from my backyard. For years I had avoided going in my backyard because of the pool. Now I have a beautiful usable space.

S

Stacey Sims

Google · Sep 11, 2024

"Google

★★★★★

Quick and easy process. Wagner and his team worked diligently, and had to work around inclement weather. Great communication throughout the entire project.

R

Robert Greig

Google · Dec 9, 2024

"Google

★★★★★

We had a great experience with Hornet. They are easy to communicate with, they offer reasonable rates and they do great work. Highly recommend!

R

Rikke MC

Google · Apr 23, 2024

"Thumbtack

★★★★★

Hornet understands the vision and does not need a lot of supervision. They finish the job in a timely manner and ensure the customer is happy. We have used them twice!

R

Rikke C.

Thumbtack · Nov 17, 2022

"Thumbtack

★★★★★

Wagner and his team are amazing! Hornet Demolition showed professionalism, punctuality and quality of the job. Will definitely rehire in the future.

L

Luca C.

Thumbtack · Apr 21, 2022

"Thumbtack

★★★★★

These guys are amazing! I had a patio concrete removed — they were fast and professional. Everything just went so smooth. Best of all, great pricing!

J

Josh M.

Thumbtack · Feb 3, 2022

"Google

★★★★★

We were very pleased with the service Hornet Demolition provided. Professional, timely expertise. Would highly recommend.

C

Connie Haro

Google · Jun 22, 2024

"Thumbtack

★★★★★

Hornet came and removed our large pool. They were quick, always in contact with us and finished when they said they would. Definitely use Hornet in the future.

S

Scott S.

Thumbtack · Mar 16, 2022

"Thumbtack

★★★★★

Wagner arrived on time, listened and gave good suggestions, walked me through the process, and followed up with a price quote. Excellent service.

L

Lynne W.

Thumbtack · Jun 11, 2022

/* ── SCROLL REVEAL ── */ const revealObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObserver.unobserve(entry.target); } }); }, { threshold: 0.12 }); document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el)); /* ── COUNTER ANIMATION ── */ function animateCounter(el) { const target = parseInt(el.dataset.count); const suffix = el.dataset.suffix || ''; const duration = 1800; const steps = 60; const increment = target / steps; let current = 0; const timer = setInterval(() => { current += increment; if (current >= target) { el.textContent = target + suffix; clearInterval(timer); } else { el.textContent = Math.floor(current) + suffix; } }, duration / steps); } const counterObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { animateCounter(entry.target); counterObserver.unobserve(entry.target); } }); }, { threshold: 0.5 }); document.querySelectorAll('[data-count]').forEach(el => counterObserver.observe(el)); /* ── FAQ ACCORDION ── */ function toggleFaq(btn) { const item = btn.closest('.faq-item'); const isOpen = item.classList.contains('open'); // close all document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open')); // open if was closed if (!isOpen) item.classList.add('open'); } /* ── PARALLAX ── */ const parallaxImgs = document.querySelectorAll('.why-right img, .g-img img'); window.addEventListener('scroll', () => { const sy = window.scrollY; parallaxImgs.forEach(img => { const rect = img.closest('[class]').getBoundingClientRect(); const mid = rect.top + rect.height / 2; const offset = (mid - window.innerHeight / 2) * 0.06; img.style.transform = `translateY(${offset}px) scale(1.07)`; }); }, { passive: true });