<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Heronswoodvoice - Measured chaos for the inspired mind.</title>
    <meta name="description" content="Your daily dose of inspiration across life&#039;s many interests">
        <link rel="canonical" href="https://heronswoodvoice.com/feed/">
    <meta name="robots" content="index, follow">
    <meta property="og:url" content="https://heronswoodvoice.com/feed/">
    <meta property="og:site_name" content="Heronswoodvoice">
    <meta property="og:locale" content="en_GB">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Heronswoodvoice">
    <meta property="og:description" content="Your daily dose of inspiration across life&#039;s many interests">
        <meta property="og:image" content="https://heronswoodvoice.com/images/5920974-1920.jpg">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="https://heronswoodvoice.com/images/5920974-1920.jpg">
        <meta name="twitter:title" content="Heronswoodvoice">
    <meta name="twitter:description" content="Your daily dose of inspiration across life&#039;s many interests">
        <link rel="icon" type="image/svg+xml" href="/logo.svg">
        <link rel="stylesheet" href="/style.css?v=1772508992">
    <style>/* CRITICAL CSS — Inline dans <head> pour rendu instantane */

/* Self-hosted fonts — Inter + Playfair Display */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/inter-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/inter-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600 800;
    font-display: swap;
    src: url(/fonts/playfair-normal-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600 800;
    font-display: swap;
    src: url(/fonts/playfair-normal-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(/fonts/playfair-italic-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(/fonts/playfair-italic-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Font fallback metrics (CLS prevention) */
@font-face {
    font-family: 'Inter fallback';
    src: local('Arial');
    size-adjust: 107%;
    ascent-override: 90%;
    descent-override: 22%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Playfair Display fallback';
    src: local('Georgia');
    size-adjust: 112%;
    ascent-override: 84%;
    descent-override: 22%;
    line-gap-override: 0%;
}

/* Reset + base */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
    font-family: 'Inter', 'Inter fallback', sans-serif;
    color: var(--text, #2C3E50);
    background: var(--background, #FAFAFA);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 { font-family: 'Playfair Display', 'Playfair Display fallback', serif; line-height: 1.25; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
ul { list-style: none; }
picture { display: block; width: 100%; height: 100%; }
picture img { width: 100%; height: 100%; object-fit: cover; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }

:root {
    --radius: 10px;
    --shadow: 0 2px 16px rgba(44,62,80,0.08);
    --shadow-hover: 0 8px 32px rgba(44,62,80,0.13);
    --transition: 0.3s cubic-bezier(.4,0,.2,1);
}

.header {
    background: var(--surface, #fff);
    border-bottom: 1px solid rgba(44,62,80,0.06);
    position: sticky;
    top: 0;
    z-index: 100;
}
.header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 2rem;
}
.logo {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Playfair Display', 'Playfair Display fallback', serif;
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--secondary, #2C3E50);
    white-space: nowrap;
}
.logo-icon { font-size: 1.5rem; }
.logo-img { height: 2rem; width: auto; object-fit: contain; border-radius: 4px; }
.logo-svg { height: 2.2rem; width: auto; object-fit: contain; }
.nav ul { display: flex; gap: 1.5rem; align-items: center; }
.nav a {
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--text-light, #7F8C8D);
    transition: color var(--transition);
    position: relative;
    padding: 0.3rem 0;
}
.nav a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--primary, #E67E22);
    transition: width var(--transition);
}
.nav a:hover, .nav a.active { color: var(--primary, #E67E22); }
.nav a:hover::after, .nav a.active::after { width: 100%; }
.mobile-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    flex-direction: column;
    gap: 5px;
}
.mobile-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: var(--text, #2C3E50);
    transition: var(--transition);
}
.mobile-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.mobile-toggle.active span:nth-child(2) { opacity: 0; }
.mobile-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
.header-cta {
    font-size: 0.88rem;
    font-weight: 600;
    padding: 0.5rem 1.2rem;
    border-radius: var(--radius);
    transition: all var(--transition);
    white-space: nowrap;
}
.header-cta-button { background: var(--primary, #E67E22); color: #fff; }
.header-cta-button:hover { background: var(--primary-dark, #D35400); }
.header-cta-text { color: var(--primary, #E67E22); background: none; padding: 0.5rem 0; }
.header-cta-text:hover { color: var(--primary-dark, #D35400); }
.header-cta-outline { border: 2px solid var(--primary, #E67E22); color: var(--primary, #E67E22); background: none; }
.header-cta-outline:hover { background: var(--primary, #E67E22); color: #fff; }
.header-cta-icon { color: var(--primary, #E67E22); background: none; }
.header-cta-icon .cta-icon { margin-right: 0.3rem; }
.header-inline .header-inner { display: flex; align-items: center; gap: 2rem; }
.header-inline .nav { flex: 1; }
.header-inline .nav ul { justify-content: center; }
.header-split .header-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.header-split .nav { flex: 1; }
.header-split .nav ul { justify-content: flex-end; }
.header-pill .header-inner { display: flex; align-items: center; gap: 2rem; }
.header-pill .nav { flex: 1; }
.header-pill .nav ul { justify-content: center; gap: 0.5rem; }
.nav-pills a {
    padding: 0.4rem 1rem;
    border-radius: 999px;
    background: var(--background, #FAFAFA);
    font-size: 0.85rem;
}
.nav-pills a::after { display: none; }
.nav-pills a:hover, .nav-pills a.active { background: var(--primary, #E67E22); color: #fff; }
.header-below .header-inner { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; }
.header-below .header-row-logo { display: flex; align-items: center; gap: 1.5rem; width: 100%; justify-content: center; }
.header-below .nav ul { justify-content: center; }
.header-sides .header-inner { display: flex; align-items: center; justify-content: center; gap: 2.5rem; }
.header-sides .nav-left ul, .header-sides .nav-right ul { gap: 1.5rem; }
.header-hidden .header-inner { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.header-hidden .mobile-toggle { display: flex; }
.nav-hidden {
    display: none;
    background: var(--surface, #fff);
    border-bottom: 1px solid rgba(44,62,80,0.06);
    padding: 1rem 2rem;
}
.nav-hidden.open { display: block; }
.nav-hidden ul { flex-direction: column; align-items: center; gap: 1rem; }
.header-stacked .header-inner { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; }
.header-stacked .nav ul { justify-content: center; }
.header-double_row .header-inner { display: flex; flex-direction: column; gap: 0.75rem; }
.header-top { display: flex; align-items: center; gap: 1.5rem; }
.header-tagline { flex: 1; font-size: 0.85rem; color: var(--text-light, #7F8C8D); }
.header-double_row .nav ul { justify-content: center; border-top: 1px solid rgba(44,62,80,0.06); padding-top: 0.75rem; }
.header-logo-left .logo { margin-right: auto; }
.header-logo-center .logo { text-align: center; }
.header-logo-right .logo { margin-left: auto; }
.header-sides .logo { margin: 0; }

@media (max-width: 968px) {
    .header-inline .header-inner, .header-split .header-inner, .header-pill .header-inner { flex-wrap: wrap; }
    .header-inline .nav, .header-split .nav, .header-pill .nav,
    .header-below .nav, .header-stacked .nav, .header-double_row .nav { display: none; width: 100%; }
    .header-inline .nav.open, .header-split .nav.open, .header-pill .nav.open,
    .header-below .nav.open, .header-stacked .nav.open, .header-double_row .nav.open { display: block; }
    .nav.open ul { flex-direction: column; align-items: center; gap: 1rem; padding: 1rem 0; }
    .mobile-toggle { display: flex; }
    .header-sides .header-inner { flex-wrap: wrap; }
    .header-sides .nav-left, .header-sides .nav-right { display: none; }
    .header-sides .nav-left.open, .header-sides .nav-right.open { display: block; width: 100%; }
    .header-cta { display: none; }
}
@media (max-width: 640px) {
    .container { padding: 0 1.25rem; }
}
</style>
    <link rel="preload" href="/fonts/inter-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/fonts/playfair-normal-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/base.css?v=1776242882" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="/base.css?v=1776242882"></noscript>
</head>
<body data-table="default">
    <header class="header header-sides header-logo-center">
        <div class="container header-inner">
            <nav class="nav nav-left">
                <ul>
                                    <li><a href="/automotive/">Automotive</a></li>
                                    <li><a href="/business/">Business</a></li>
                                    <li><a href="/cooking/">Cooking</a></li>
                                    <li><a href="/finance-real-estate/">Finance &amp; real estate</a></li>
                                    <li><a href="/health/">Health</a></li>
                                    <li><a href="/home-living/">Home &amp; living</a></li>
                                </ul>
            </nav>
            <a href="/" class="logo"><img src="/logo.svg" alt="Heronswoodvoice" class="logo-svg"></a>            <nav class="nav nav-right">
                <ul>
                                    <li><a href="/news/">News</a></li>
                                    <li><a href="/pets/">Pets</a></li>
                                    <li><a href="/sports/">Sports</a></li>
                                    <li><a href="/technology/">Technology</a></li>
                                    <li><a href="/woman-fashion/">Woman / fashion</a></li>
                                </ul>
            </nav>
            <button class="mobile-toggle" aria-label="Menu"><span></span><span></span><span></span></button>
        </div>

    </header>
    <main>        <section class="hero hero-split-reverse">
            <div class="hero-image">
                <picture>
    <source type="image/webp" srcset="/images/5920974-400.webp 400w, /images/5920974-600.webp 600w, /images/5920974-900.webp 900w, /images/5920974-1920.webp 1920w" sizes="50vw">
    <img src="/images/5920974-600.jpg" alt="Heronswoodvoice" loading="eager" fetchpriority="high">
</picture>            </div>
            <div class="hero-content">
                                    <span class="hero-badge">📊 The Heronswood Index</span>
                                <h1>No life is without <em>metrics</em></h1>
                <p class="hero-text">Heronswoodvoice is your trusted companion for exploring the topics that matter most. From automotive insights to culinary adventures, we deliver engaging articles that inform, inspire, and spark conversation across every aspect of modern living.</p>
                <div class="hero-actions">
                                            <a href="/automotive/" class="btn btn-primary">Read more →</a>
                                                        </div>
            </div>
        </section>
        <section class="section-categories">
                            <h3 class="section-title">Explore Topics That Matter to You</h3>
                                        <p class="section-subtitle">Dive into our diverse collection of categories and discover fresh perspectives</p>
                        <div class="categories-grid">
                                    <a href="/automotive/" class="category-card">
                        <span class="category-card-icon">🚗</span>
                        <h2>Automotive</h2>
                        <p>Cars, vehicles and driving</p>
                    </a>
                                    <a href="/business/" class="category-card">
                        <span class="category-card-icon">💼</span>
                        <h2>Business</h2>
                        <p>Business and economy</p>
                    </a>
                                    <a href="/cooking/" class="category-card">
                        <span class="category-card-icon">🍳</span>
                        <h2>Cooking</h2>
                        <p>Recipes and culinary arts</p>
                    </a>
                                    <a href="/finance-real-estate/" class="category-card">
                        <span class="category-card-icon">💰</span>
                        <h2>Finance &amp;amp; real estate</h2>
                        <p>Finance, investment and property</p>
                    </a>
                                    <a href="/health/" class="category-card">
                        <span class="category-card-icon">🏥</span>
                        <h2>Health</h2>
                        <p>Health, wellness and wellbeing</p>
                    </a>
                                    <a href="/home-living/" class="category-card">
                        <span class="category-card-icon">🏡</span>
                        <h2>Home &amp;amp; living</h2>
                        <p>Home, decor and lifestyle</p>
                    </a>
                                    <a href="/news/" class="category-card">
                        <span class="category-card-icon">📰</span>
                        <h2>News</h2>
                        <p>Latest news and current events</p>
                    </a>
                                    <a href="/pets/" class="category-card">
                        <span class="category-card-icon">🐾</span>
                        <h2>Pets</h2>
                        <p>Pets, animals and companions</p>
                    </a>
                                    <a href="/sports/" class="category-card">
                        <span class="category-card-icon">⚽</span>
                        <h2>Sports</h2>
                        <p>Sports, fitness and competition</p>
                    </a>
                                    <a href="/technology/" class="category-card">
                        <span class="category-card-icon">💻</span>
                        <h2>Technology</h2>
                        <p>Tech, gadgets and innovation</p>
                    </a>
                                    <a href="/woman-fashion/" class="category-card">
                        <span class="category-card-icon">👗</span>
                        <h2>Woman / fashion</h2>
                        <p>Fashion, beauty and lifestyle</p>
                    </a>
                            </div>
        </section>
        <section class="section-split">
            <div class="split-image">
                <picture>
    <source type="image/webp" srcset="/images/10059107-400.webp 400w, /images/10059107-600.webp 600w, /images/10059107-900.webp 900w, /images/10059107-1920.webp 1920w" sizes="50vw">
    <img src="/images/10059107-600.jpg" alt="Heronswoodvoice" loading="lazy">
</picture>            </div>
            <div class="split-content">
                <h3>Why Readers Choose Heronswoodvoice</h3>
                <p>We believe knowledge should be accessible, engaging, and relevant to your everyday life. Our platform brings together expert writers and passionate storytellers to create content that resonates with curious minds.</p>
                                    <ul class="split-features">
                                                    <li>Daily updates across 11 diverse categories</li>
                                                    <li>In-depth guides written by knowledgeable contributors</li>
                                                    <li>Practical insights you can apply immediately</li>
                                                    <li>Community-driven discussions and perspectives</li>
                                            </ul>
                                                    <a href="/" class="btn btn-primary">Discover →</a>
                            </div>
        </section>
        <section class="section-articles-minimal">
                            <h3 class="section-title">Latest articles</h3>
                                        <p class="section-subtitle">Our recent publications</p>
                        <div class="articles-minimal-inner">
                            </div>
        </section>        <section class="section-newsletter-card">
            <div class="newsletter-card-inner">
                                    <h3>Never Miss a Story</h3>
                                                    <p>Get our best articles delivered straight to your inbox every week. Stay informed on the topics you care about most.</p>
                                <form class="newsletter-form" onsubmit="return false;">
                    <input type="email" placeholder="Your email address" aria-label="Email">
                    <button type="submit" class="btn btn-primary">Subscribe</button>
                </form>
            </div>
        </section>    </main>
    <footer class="footer footer-columns_3">


        <div class="footer-content">
            <div class="container">

                <div class="footer-grid footer-grid-3">
                    <div class="footer-brand"><a href="/" class="logo">Heronswoodvoice</a><p>Measured chaos for the inspired mind.</p></div>                                            <div>
                            <h4>Navigation</h4>
                            <ul>
                                <li><a href="/">Home</a></li>
                            </ul>
                        </div>
                                        <div><h4>Legal</h4><ul><li><a href="/legal-notice/">Legal notice</a></li><li><a href="/contact/">Contact</a></li></ul></div>                </div>


                <div class="footer-bottom">&copy; 2026 Heronswoodvoice. All rights reserved.</div>
            </div>
        </div>
    </footer>
    <script>
    const observer = new IntersectionObserver(entries => {
        entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); } });
    }, { threshold: 0.15 });
    document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));
    document.querySelector('.mobile-toggle')?.addEventListener('click', function() {
        const hiddenNav = document.querySelector('.nav-hidden');
        if (hiddenNav) { hiddenNav.classList.toggle('open'); }
        else { const nav = document.querySelector('.nav'); if (nav) { nav.classList.toggle('open'); } }
        this.classList.toggle('active');
    });
    </script>
</body>
</html>