<style>
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Work+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
    --brand-primary: #0047AB !important;
    --brand-secondary: #ED1F27 !important;
    --brand-accent: #f0474d !important;
    --text-dark: #1A1A2E !important;
    --text-gray: #6B7280 !important;
    --bg-white: #FFFFFF !important;
    --bg-light: #FBF7F2 !important;
    --border-line: #E5E0D8 !important;
}

.about-wrapper * {
    box-sizing: border-box !important;
}

.about-wrapper {
    font-family: 'Work Sans', sans-serif !important;
    color: var(--text-dark) !important;
    line-height: 1.6 !important;
    background: var(--bg-white) !important;
}

.about-wrapper .hero-section {
    text-align: center !important;
    padding: 120px 20px 80px !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}

.about-wrapper h1 {
    font-family: 'Archivo Black', sans-serif !important;
    font-size: 3.5rem !important;
    line-height: 1.1 !important;
    color: var(--text-dark) !important;
    margin: 0 0 24px 0 !important;
    letter-spacing: -0.02em !important;
}

.about-wrapper .hero-subhead {
    font-size: 1.375rem !important;
    font-weight: 400 !important;
    color: var(--text-gray) !important;
    max-width: 700px !important;
    margin: 0 auto !important;
    line-height: 1.5 !important;
}

.about-wrapper .story-section {
    max-width: 800px !important;
    margin: 80px auto !important;
    padding: 0 20px !important;
}

.about-wrapper .story-section p {
    font-size: 1.25rem !important;
    line-height: 1.8 !important;
    color: var(--text-dark) !important;
    margin: 0 0 32px 0 !important;
    font-weight: 400 !important;
}

.about-wrapper .story-section p:last-child {
    margin-bottom: 0 !important;
}

.about-wrapper .quote-section {
    background: var(--bg-light) !important;
    padding: 80px 20px !important;
    margin: 100px 0 !important;
    text-align: center !important;
}

.about-wrapper .quote-content {
    max-width: 900px !important;
    margin: 0 auto !important;
}

.about-wrapper blockquote {
    font-family: 'Archivo Black', sans-serif !important;
    font-size: 2.25rem !important;
    line-height: 1.3 !important;
    color: var(--brand-primary) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    font-style: normal !important;
    letter-spacing: -0.01em !important;
}

.about-wrapper .values-section {
    max-width: 1200px !important;
    margin: 100px auto !important;
    padding: 0 20px !important;
}

.about-wrapper .values-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 60px !important;
    margin-top: 60px !important;
}

.about-wrapper .value-block h3 {
    font-family: 'Archivo Black', sans-serif !important;
    font-size: 1.75rem !important;
    color: var(--brand-primary) !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: -0.01em !important;
}

.about-wrapper .value-block p {
    font-size: 1.125rem !important;
    line-height: 1.7 !important;
    color: var(--text-dark) !important;
    margin: 0 !important;
}

.about-wrapper .what-we-make {
    max-width: 1200px !important;
    margin: 100px auto !important;
    padding: 0 20px !important;
}

.about-wrapper .what-we-make h2 {
    font-family: 'Archivo Black', sans-serif !important;
    font-size: 2.5rem !important;
    color: var(--text-dark) !important;
    margin: 0 0 60px 0 !important;
    text-align: center !important;
    letter-spacing: -0.02em !important;
}

.about-wrapper .make-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 60px !important;
    align-items: center !important;
}

.about-wrapper .make-content h3 {
    font-family: 'Archivo Black', sans-serif !important;
    font-size: 1.5rem !important;
    color: var(--brand-primary) !important;
    margin: 0 0 16px 0 !important;
}

.about-wrapper .make-content p {
    font-size: 1.125rem !important;
    line-height: 1.7 !important;
    color: var(--text-dark) !important;
    margin: 0 0 24px 0 !important;
}

.about-wrapper .make-content p:last-child {
    margin-bottom: 0 !important;
}

.about-wrapper .make-image {
    width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    display: block !important;
}

.about-wrapper .internal-links {
    max-width: 800px !important;
    margin: 80px auto 0 !important;
    padding: 40px 20px 0 !important;
    border-top: 2px solid var(--border-line) !important;
    text-align: center !important;
}

.about-wrapper .link-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    justify-content: center !important;
    align-items: center !important;
}

.about-wrapper .internal-link,
.about-wrapper .internal-link:link,
.about-wrapper .internal-link:visited,
.about-wrapper .internal-link:active {
    color: var(--brand-primary) !important;
    -webkit-text-fill-color: var(--brand-primary) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 1.125rem !important;
    border-bottom: 2px solid transparent !important;
    transition: border-color 0.2s ease !important;
}

.about-wrapper .internal-link:hover {
    border-bottom-color: var(--brand-primary) !important;
}

.about-wrapper .cta-section {
    background: var(--bg-light) !important;
    padding: 80px 20px !important;
    margin: 100px 0 0 0 !important;
    text-align: center !important;
}

.about-wrapper .cta-content {
    max-width: 700px !important;
    margin: 0 auto !important;
}

.about-wrapper .cta-content h2 {
    font-family: 'Archivo Black', sans-serif !important;
    font-size: 2.25rem !important;
    color: var(--text-dark) !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: -0.02em !important;
}

.about-wrapper .cta-content p {
    font-size: 1.25rem !important;
    line-height: 1.6 !important;
    color: var(--text-gray) !important;
    margin: 0 0 32px 0 !important;
}

.about-wrapper .btn-primary,
.about-wrapper .btn-primary:link,
.about-wrapper .btn-primary:visited,
.about-wrapper .btn-primary:active {
    background-color: var(--brand-primary) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
    display: inline-block !important;
    padding: 16px 40px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 1.125rem !important;
    cursor: pointer !important;
    min-height: 44px !important;
    letter-spacing: 0.01em !important;
    transition: background-color 0.2s ease !important;
}

.about-wrapper .btn-primary:hover {
    background-color: var(--brand-secondary) !important;
}

@media (max-width: 768px) {
    .about-wrapper h1 {
        font-size: 2.5rem !important;
    }
    
    .about-wrapper .hero-subhead {
        font-size: 1.125rem !important;
    }
    
    .about-wrapper .story-section p {
        font-size: 1.125rem !important;
    }
    
    .about-wrapper blockquote {
        font-size: 1.75rem !important;
    }
    
    .about-wrapper .make-grid {
        grid-template-columns: 1fr !important;
    }
    
    .about-wrapper .values-grid {
        gap: 40px !important;
    }
    
    .about-wrapper .what-we-make h2 {
        font-size: 2rem !important;
    }
    
    .about-wrapper .cta-content h2 {
        font-size: 1.875rem !important;
    }
}
</style>

<div class="about-wrapper">
    <section class="hero-section">
        <h1>About Slapchop</h1>
        <p class="hero-subhead">From revolutionary kitchen tool to miniature painting method — we built two movements around one principle: simplicity wins.</p>
    </section>

    <section class="story-section">
        <p>We started with a kitchen chopper that changed how people prep vegetables. One motion. No electricity. No complicated blades to clean. The original Slapchop kitchen tool became a household name because it solved a real problem: chopping onions, garlic, and vegetables shouldn't require ten minutes of knife work.</p>

        <p>Then something unexpected happened. Warhammer 40K painters discovered that our name — "Slapchop" — perfectly described a speed-painting technique they'd been developing. Base coat, drybrush, contrast paint. Fast results, tabletop-ready miniatures. The method spread across forums, YouTube tutorials, and painting communities worldwide. We listened.</p>

        <p>Today, we serve two passionate communities with equal dedication. Home cooks who need efficient prep tools, and miniature painters who want to finish armies without sacrificing quality. Both groups value the same thing: results without unnecessary complexity.</p>

        <p>Every product we offer — from the classic kitchen chopper to faction-specific paint sets for Space Marines, Orks, Tyranids, and beyond — reflects our belief that great tools shouldn't require a learning curve. They should work the first time, every time.</p>
    </section>

    <section class="quote-section">
        <div class="quote-content">
            <blockquote>"You're gonna love my nuts" wasn't just a tagline — it was a promise that simple tools deliver better results.</blockquote>
        </div>
    </section>

    <section class="values-section">
        <div class="values-grid">
            <div class="value-block">
                <h3>Built for Speed, Not Shortcuts</h3>
                <p>Our kitchen choppers cut prep time without compromising safety or quality. Our painting method gets armies battle-ready without skipping detail work. Speed is a feature when the fundamentals are sound. We engineer both product lines to deliver fast results through better design, not corner-cutting.</p>
            </div>

            <div class="value-block">
                <h3>Two Communities, One Standard</h3>
                <p>Home cooks and Warhammer painters have nothing in common — except they both demand tools that actually work. We hold every product to the same standard whether it's chopping garlic or painting Custodes gold. If it carries the Slapchop name, it performs.</p>
            </div>

            <div class="value-block">
                <h3>We Listen to What Works</h3>
                <p>The painting technique wasn't our invention — it came from the community. We just recognized it, supported it, and built products around it. When painters asked for faction-specific paint sets optimized for the Slapchop method, we created them. When home cooks needed the upgraded 2.0 model, we delivered. We build what people actually use.</p>
            </div>
        </div>
    </section>

    <section class="what-we-make">
        <h2>What We Make</h2>
        <div class="make-grid">
            <div class="make-content">
                <h3>Kitchen Choppers That Actually Chop</h3>
                <p>The original Slapchop kitchen chopper remains our flagship product. Stainless steel blades, ergonomic plunger design, dishwasher-safe construction. It chops onions, garlic, nuts, vegetables, and herbs in seconds. The Slapchop 2.0 adds a larger capacity chamber and reinforced blade mechanism for heavier use.</p>
                
                <h3>Miniature Painting Supplies Built for the Method</h3>
                <p>Our painting product line includes starter kits, faction-specific paint sets for every major Warhammer 40K army (Space Marines, Death Guard, Necrons, Tau, Tyranids, and more), contrast paints, speedpaints, primers in grey, white, and black, metallics, skin tones, and airbrush kits. Every set is optimized for the Slapchop painting technique: base, drybrush, contrast.</p>
            </div>
            <div>
                <img src="https://m.media-amazon.com/images/I/413Bd3jOdGL._SL1500_.jpg" alt="Slapchop Kitchen Chopper with Stainless Steel Blades and Ergonomic Design" class="make-image" loading="lazy">
            </div>
        </div>
    </section>

    <div class="internal-links">
        <div class="link-group">
            <a href="/" class="internal-link">Slapchop Homepage →</a>
            <a href="/contact" class="internal-link">Contact Slapchop →</a>
            <a href="/slapchop-miniature-painting-guide/" class="internal-link">Painting Tutorial Guide →</a>
            <a href="/slapchop-kitchen-chopper/" class="internal-link">Kitchen Chopper Details →</a>
        </div>
    </div>

    <section class="cta-section">
        <div class="cta-content">
            <h2>Shop Slapchop Products</h2>
            <p>Browse our full collection of kitchen choppers and miniature painting supplies on Amazon.</p>
            <a href="https://www.amazon.com/s?k=slapchop&tag=slapchopstore-20" target="_blank" rel="nofollow sponsored" class="btn-primary">Shop Slapchop on Amazon</a>
        </div>
    </section>
</div>