<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Work+Sans:wght@300;400;500;600;700&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: #FAF4F1 !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 h1,
.about-wrapper h2,
.about-wrapper h3 {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: var(--text-dark) !important;
}

.about-wrapper h1 {
    font-size: 3rem !important;
    margin: 0 0 16px 0 !important;
}

.about-wrapper h2 {
    font-size: 2.25rem !important;
    margin: 0 0 24px 0 !important;
}

.about-wrapper h3 {
    font-size: 1.5rem !important;
    margin: 0 0 16px 0 !important;
}

.about-wrapper p {
    margin: 0 0 20px 0 !important;
    font-size: 1.0625rem !important;
    color: var(--text-dark) !important;
}

.about-wrapper img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

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

.about-wrapper .hero-section .subheading {
    font-size: 1.25rem !important;
    color: var(--text-gray) !important;
    max-width: 700px !important;
    margin: 0 auto 40px auto !important;
    line-height: 1.7 !important;
}

.about-wrapper .hero-image {
    max-width: 800px !important;
    margin: 0 auto !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.about-wrapper .process-section {
    background: var(--bg-light) !important;
    padding: 80px 20px !important;
}

.about-wrapper .process-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.about-wrapper .process-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 48px !important;
    margin-top: 48px !important;
}

.about-wrapper .process-step {
    text-align: center !important;
}

.about-wrapper .process-step-number {
    display: inline-block !important;
    width: 48px !important;
    height: 48px !important;
    line-height: 48px !important;
    border-radius: 50% !important;
    background: var(--brand-primary) !important;
    color: var(--bg-white) !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    margin-bottom: 20px !important;
}

.about-wrapper .process-step img {
    margin: 0 auto 20px auto !important;
    border-radius: 8px !important;
}

.about-wrapper .process-step h3 {
    color: var(--text-dark) !important;
    margin-bottom: 12px !important;
}

.about-wrapper .process-step p {
    color: var(--text-gray) !important;
    font-size: 1rem !important;
}

.about-wrapper .quality-section {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 80px 20px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 60px !important;
    align-items: center !important;
}

.about-wrapper .quality-content h2 {
    margin-bottom: 24px !important;
}

.about-wrapper .quality-image {
    border-radius: 12px !important;
    overflow: hidden !important;
}

.about-wrapper .team-section {
    background: var(--bg-light) !important;
    padding: 80px 20px !important;
}

.about-wrapper .team-container {
    max-width: 900px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.about-wrapper .team-container h2 {
    margin-bottom: 24px !important;
}

.about-wrapper .team-container p {
    font-size: 1.125rem !important;
    line-height: 1.8 !important;
    margin-bottom: 24px !important;
}

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

.about-wrapper .values-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 40px !important;
    margin-top: 48px !important;
}

.about-wrapper .value-card {
    padding: 32px !important;
    background: var(--bg-light) !important;
    border-radius: 8px !important;
}

.about-wrapper .value-card h3 {
    color: var(--brand-primary) !important;
    margin-bottom: 16px !important;
}

.about-wrapper .value-card p {
    color: var(--text-gray) !important;
    margin: 0 !important;
}

.about-wrapper .story-section {
    background: var(--bg-light) !important;
    padding: 80px 20px !important;
}

.about-wrapper .story-container {
    max-width: 800px !important;
    margin: 0 auto !important;
}

.about-wrapper .story-container h2 {
    text-align: center !important;
    margin-bottom: 32px !important;
}

.about-wrapper .story-container p {
    font-size: 1.125rem !important;
    line-height: 1.8 !important;
}

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

.about-wrapper .cta-section h2 {
    margin-bottom: 16px !important;
}

.about-wrapper .cta-section p {
    font-size: 1.125rem !important;
    color: var(--text-gray) !important;
    margin-bottom: 32px !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: 14px 32px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    min-height: 44px !important;
    font-size: 1rem !important;
    letter-spacing: 0.01em !important;
    transition: background-color 0.3s ease !important;
}

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

.about-wrapper .internal-links {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 60px 20px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    justify-content: center !important;
}

.about-wrapper .internal-link {
    display: inline-block !important;
    padding: 12px 24px !important;
    background: var(--bg-light) !important;
    border-radius: 6px !important;
    color: var(--brand-primary) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    transition: all 0.3s ease !important;
}

.about-wrapper .internal-link:hover {
    background: var(--brand-primary) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 768px) {
    .about-wrapper h1 {
        font-size: 2.25rem !important;
    }
    
    .about-wrapper h2 {
        font-size: 1.875rem !important;
    }
    
    .about-wrapper .quality-section {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    
    .about-wrapper .quality-image {
        order: -1 !important;
    }
    
    .about-wrapper .process-grid {
        grid-template-columns: 1fr !important;
    }
}
</style>

<div class="about-wrapper">
    <section class="hero-section">
        <h1>About Tsubaki</h1>
        <p class="subheading">Every Tsubaki formula carries centuries of Japanese camellia oil tradition — created by Shiseido for hair that looks and feels healthier with every wash.</p>
        <div class="hero-image">
            <img src="https://m.media-amazon.com/images/I/31msVizKfLL._SL1500_.jpg" alt="Tsubaki Premium Repair Shampoo by Shiseido showcasing signature red camellia oil formula" loading="lazy">
        </div>
    </section>

    <section class="process-section">
        <div class="process-container">
            <h2>How Tsubaki Hair Care Is Formulated</h2>
            <div class="process-grid">
                <div class="process-step">
                    <span class="process-step-number">1</span>
                    <img src="https://m.media-amazon.com/images/I/41yYXK2SsUL._SL1500_.jpg" alt="Tsubaki pure camellia seed oil extract used in premium repair formulas" loading="lazy">
                    <h3>Pure Camellia Oil Extraction</h3>
                    <p>We extract camellia oil from premium tsubaki seeds — the same botanical ingredient Japanese women have trusted for generations to strengthen and nourish hair.</p>
                </div>
                <div class="process-step">
                    <span class="process-step-number">2</span>
                    <img src="https://m.media-amazon.com/images/I/41PDft7-2AL._SL1500_.jpg" alt="Tsubaki Premium Repair Shampoo formula enriched with camellia oil and amino acids" loading="lazy">
                    <h3>Amino Acid Enrichment</h3>
                    <p>Every Tsubaki shampoo, conditioner, and mask is enriched with amino acids that penetrate the hair shaft — repairing damage from heat, color, and environmental stress.</p>
                </div>
                <div class="process-step">
                    <span class="process-step-number">3</span>
                    <img src="https://m.media-amazon.com/images/I/410gaj1uerL._SL1500_.jpg" alt="Tsubaki Premium Repair Hair Mask intensive treatment formula for damaged hair" loading="lazy">
                    <h3>Multi-Layer Repair Technology</h3>
                    <p>Our Premium Repair line uses layered repair technology — sealing the cuticle while restoring elasticity from within for lasting smoothness and shine.</p>
                </div>
                <div class="process-step">
                    <span class="process-step-number">4</span>
                    <img src="https://m.media-amazon.com/images/I/41ld5KdQ+gL._SL1500_.jpg" alt="Tsubaki Shampoo and Conditioner Set complete hair care system by Shiseido" loading="lazy">
                    <h3>Complete Care Systems</h3>
                    <p>Tsubaki products are designed to work together — from our Premium Repair shampoo and mask to our treatment water and camellia oil serums.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="quality-section">
        <div class="quality-content">
            <h2>Why Tsubaki Formulas Deliver Salon Results at Home</h2>
            <p>Every Tsubaki product is formulated in Japan by Shiseido — the same research team behind decades of professional hair care innovation. We use concentrated camellia oil because it delivers superior moisture retention without weighing hair down.</p>
            <p>Our Premium Repair line targets visible damage — split ends, frizz, color fade — with ingredients proven in clinical testing. The result: softer, shinier, more manageable hair after the first use.</p>
            <p>Tsubaki isn't about trending ingredients or flashy claims. We engineer formulas that work — repair masks that restore elasticity, shampoos that cleanse without stripping, oils that absorb instantly without residue.</p>
        </div>
        <div class="quality-image">
            <img src="https://m.media-amazon.com/images/I/410boWILwpL._SL1500_.jpg" alt="Tsubaki Premium Moist Shampoo and Conditioner for dry damaged hair repair" loading="lazy">
        </div>
    </section>

    <section class="team-section">
        <div class="team-container">
            <h2>Trusted by Millions Across Japan and Beyond</h2>
            <p>Tsubaki has been a household name in Japan for decades — the shampoo you grew up seeing in your grandmother's bathroom, the hair mask your stylist recommends after every color treatment.</p>
            <p>We've expanded beyond Japan because the results speak for themselves. From our Premium EX Intensive Repair line for severely damaged hair to our Volume & Repair formulas for fine, limp strands — every product solves a real problem.</p>
            <p>Our customers are professionals who demand results, parents managing family hair care routines, and anyone tired of products that overpromise and underdeliver. Tsubaki works because we've never compromised on ingredient quality or formula efficacy.</p>
        </div>
    </section>

    <section class="values-section">
        <h2>What Drives Every Tsubaki Formula</h2>
        <div class="values-grid">
            <div class="value-card">
                <h3>Heritage-Driven Innovation</h3>
                <p>We combine centuries of Japanese camellia oil tradition with Shiseido's modern research — formulas rooted in proven botanical science, not marketing trends.</p>
            </div>
            <div class="value-card">
                <h3>Repair That Lasts</h3>
                <p>Tsubaki products are designed for cumulative results. The longer you use them, the stronger your hair becomes — healthier cuticles, improved elasticity, lasting shine.</p>
            </div>
            <div class="value-card">
                <h3>No Compromises on Quality</h3>
                <p>Every ingredient serves a purpose. No fillers, no unnecessary sulfates, no formulas diluted for cost savings. Premium repair requires premium ingredients.</p>
            </div>
            <div class="value-card">
                <h3>Transparency in Every Bottle</h3>
                <p>We list every active ingredient. We explain how our repair technology works. We show you the results our formulas deliver — no exaggerated before-and-after photos, just honest performance.</p>
            </div>
        </div>
    </section>

    <section class="story-section">
        <div class="story-container">
            <h2>From Japanese Tradition to Global Hair Care</h2>
            <p>Tsubaki began with a simple truth: camellia oil has nourished Japanese hair for centuries. Shiseido took that botanical legacy and built an entire line of repair-focused hair care around it — shampoos, conditioners, masks, and treatments that honor tradition while delivering modern performance.</p>
            <p>Today, Tsubaki is trusted worldwide for one reason — our formulas do what they promise. Whether you're repairing heat damage with our Premium Repair Mask, adding volume with our Volume & Repair line, or maintaining color-treated hair with our Premium Moist system, you're using products engineered for results, not hype.</p>
        </div>
    </section>

    <section class="internal-links">
        <a href="/" class="internal-link">Tsubaki Hair Care →</a>
        <a href="/contact" class="internal-link">Contact Tsubaki →</a>
        <a href="/hair-masks/" class="internal-link">Tsubaki Hair Masks →</a>
        <a href="/shampoo-conditioner/" class="internal-link">Shampoo & Conditioner →</a>
    </section>

    <section class="cta-section">
        <h2>Experience Tsubaki Premium Repair</h2>
        <p>From our signature Premium Repair line to specialized formulas for every hair type, Tsubaki delivers salon-quality results at home.</p>
        <a href="https://www.amazon.com/s?k=tsubaki+premium+repair&tag=buytsubaki-20" class="btn-primary" target="_blank" rel="nofollow sponsored">Shop Tsubaki on Amazon</a>
    </section>
</div>