import re

with open('current_about_post.html', 'r', encoding='utf-8') as f:
    content = f.read()

new_hero_css = """/* --- Hero Section --- */
.about-hero {
    background-color: #1C3434;
    color: #FFFFFF;
    text-align: center;
    padding: 80px 0 100px;
}
.about-hero-title {
    font-family: 'Cardo', serif;
    font-size: clamp(48px, 5vw, 64px);
    font-weight: 700;
    margin: 0 0 32px;
}
.about-hero-title span {
    color: #90F1AE;
}
.about-hero-desc {
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1.5;
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Cardo', serif;
    font-weight: 400;
}"""

content = re.sub(r'/* --- Hero Section --- */.*?(?=/* --- Middle Section --- */)', new_hero_css + '\n\n', content, flags=re.DOTALL)


new_hero_html = """<!-- Hero Section -->
    <section class="about-hero">
        <div class="about-container">
            <h1 class="about-hero-title">About Your <span>Coach</span></h1>
            <p class="about-hero-desc">I am an ICF PCC Certified Executive and Life Coach. My purpose is to enable others to achieve their potential by creating space for clarity, courage, and consistent action.</p>
        </div>
    </section>"""

content = re.sub(r'<!-- Hero Section -->.*?<section class="about-hero">.*?</section>', new_hero_html, content, flags=re.DOTALL)

content = content.replace(
    '<img src="/wp-content/uploads/2026/03/pasted-20260324-203847-f313931c.jpg"',
    '<img src="/wp-content/uploads/2026/03/pasted-20260326-225143-4201c850.png"'
)

with open('current_about_post.html', 'w', encoding='utf-8') as f:
    f.write(content)