{"id":307,"date":"2026-06-04T15:57:19","date_gmt":"2026-06-04T15:57:19","guid":{"rendered":"https:\/\/demowebdesign.live\/sonia\/?page_id=307"},"modified":"2026-06-04T21:45:49","modified_gmt":"2026-06-04T21:45:49","slug":"books","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/sonia\/index.php\/books\/","title":{"rendered":"BOOKS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"307\" class=\"elementor elementor-307\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92dc760 e-con-full e-flex e-con e-parent\" data-id=\"92dc760\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5392ce2 elementor-widget elementor-widget-html\" data-id=\"5392ce2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.sonia-hero-section,\r\n.sonia-hero-section * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* \u2500\u2500 Root variables \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.sonia-hero-section {\r\n    --book-img: url('Updated-New-Concept (1).jpg');\r\n    --c-dark:       #05070e;\r\n    --c-white:      #ffffff;\r\n    --c-muted:      #e2e8f0;\r\n    --c-gold-lt:    #ebd0b9;\r\n    --c-gold:       #e5b982;\r\n    --c-gold-dk:    #c59b62;\r\n    --f-serif: 'Playfair Display', Georgia, serif;\r\n    --f-sans:  'Inter', system-ui, sans-serif;\r\n    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\r\n    --mx: 0; --my: 0;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;                \/* kills any stray scrollbar *\/\r\n    background: var(--c-dark);\r\n    font-family: var(--f-sans);\r\n    color: var(--c-white);\r\n\r\n    \/* Centre the inner container *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding-top: 280px;\r\n    padding-bottom: 100px;\r\n}\r\n\r\n\/* \u2500\u2500 Background video \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.s-bg-video {\r\n    position: absolute; inset: 0;\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0.88;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    \/*filter: grayscale(45%) sepia(25%) hue-rotate(185deg) saturate(0.7) brightness(0.85);*\/\r\n\r\n}\r\n.s-overlay {\r\n    position: absolute; inset: 0;\r\n    background: radial-gradient(\r\n        ellipse at 50% 50%,\r\n        rgba(5,7,14,.1)  0%,\r\n        rgba(5,7,14,.55) 55%,\r\n        rgba(5,7,14,.94) 100%\r\n    );\r\n    z-index: 2;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* \u2500\u2500 Ambient glow orbs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.s-glows {\r\n    position: absolute; inset: 0;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n}\r\n.s-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(60px);\r\n    will-change: transform;\r\n}\r\n.s-orb-1 { width:540px; height:540px; top:-8%;   left:8%;\r\n    background: radial-gradient(circle, rgba(229,185,130,.11) 0%, transparent 70%);\r\n    animation: orb1 34s ease-in-out infinite; }\r\n.s-orb-2 { width:700px; height:700px; bottom:-18%; right:5%;\r\n    background: radial-gradient(circle, rgba(232,168,124,.07) 0%, transparent 70%);\r\n    animation: orb2 42s ease-in-out infinite; }\r\n.s-orb-3 { width:420px; height:420px; top:30%; left:52%;\r\n    background: radial-gradient(circle, rgba(229,185,130,.06) 0%, transparent 70%);\r\n    animation: orb3 28s ease-in-out infinite; }\r\n@keyframes orb1 { 0%,100%{transform:translate(0,0) scale(1);opacity:.7}   50%{transform:translate(40px,30px) scale(1.12);opacity:.9} }\r\n@keyframes orb2 { 0%,100%{transform:translate(0,0) scale(1.1);opacity:.8} 50%{transform:translate(-50px,-22px) scale(.9);opacity:.5} }\r\n@keyframes orb3 { 0%,100%{transform:translate(0,0) scale(.9);opacity:.6}  50%{transform:translate(-30px,40px) scale(1.1);opacity:.8} }\r\n\r\n\/* Dust particles *\/\r\n.s-dust { position:absolute; border-radius:50%; opacity:0; pointer-events:none;\r\n    background: radial-gradient(circle, rgba(229,185,130,.75) 0%, transparent 70%);\r\n    box-shadow: 0 0 8px rgba(229,185,130,.25);\r\n    will-change: transform, opacity; }\r\n.s-d1{width:5px;height:5px;left:10%;bottom:10%;animation:dust 22s linear 1s infinite}\r\n.s-d2{width:7px;height:7px;left:34%;bottom:8%; animation:dust 28s linear 5s infinite}\r\n.s-d3{width:4px;height:4px;left:56%;bottom:14%;animation:dust 25s linear 9s infinite}\r\n.s-d4{width:8px;height:8px;left:76%;bottom:9%; animation:dust 32s linear 14s infinite}\r\n.s-d5{width:6px;height:6px;left:90%;bottom:13%;animation:dust 26s linear 18s infinite}\r\n@keyframes dust {\r\n    0%  {opacity:0;  transform:translateY(0)    translateX(0)    scale(.6)}\r\n    20% {opacity:.7; transform:translateY(-18vh) translateX(14px) scale(.85)}\r\n    60% {opacity:.5; transform:translateY(-55vh) translateX(-10px) scale(.9)}\r\n    100%{opacity:0;  transform:translateY(-92vh) translateX(14px) scale(1.1)}\r\n}\r\n\r\n\/* \u2500\u2500 Entrance animation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@keyframes fadeUp {\r\n    from { opacity:0; transform:translateY(26px) }\r\n    to   { opacity:1; transform:translateY(0) }\r\n}\r\n.fu { opacity:0; animation: fadeUp 1.1s var(--ease-out) forwards }\r\n.d1{animation-delay:.10s} .d2{animation-delay:.25s} .d3{animation-delay:.40s}\r\n.d4{animation-delay:.55s} .d5{animation-delay:.70s} .d6{animation-delay:.85s}\r\n\r\n\/* \u2500\u2500 Main 2-column container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.s-container {\r\n    position: relative;\r\n    z-index: 10;\r\n    width: 100%;\r\n    max-width: 1200px;\r\n\r\n    display: grid;\r\n    grid-template-columns: minmax(0,1fr) minmax(0,auto);  \/* left grows, right is natural width *\/\r\n    align-items: center;\r\n    gap: 64px;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT: text \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.s-text {\r\n    min-width: 0;                    \/* critical: stops grid blowout *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    transform: translate(\r\n        calc(var(--mx) * 9px),\r\n        calc(var(--my) * 9px)\r\n    );\r\n    transition: transform .6s var(--ease-out);\r\n    will-change: transform;\r\n}\r\n\r\n.s-label {\r\n    font-size: .72rem; font-weight: 600;\r\n    text-transform: uppercase; letter-spacing: 4px;\r\n    color: var(--c-gold); margin-bottom: 20px;\r\n    display: inline-flex; align-items: center; gap: 14px;\r\n    font-family: var(--f-sans) !important;\r\n}\r\n.s-label::before {\r\n    content:''; width:30px; height:1px;\r\n    background: var(--c-gold); flex-shrink:0;\r\n}\r\n\r\n.s-title {\r\n    font-family: var(--f-serif) !important;\r\n    font-size: clamp(2.4rem, 4.5vw, 5rem);\r\n    font-weight: 300;\r\n    line-height: 1.06;\r\n    color: var(--c-white);\r\n    text-shadow: 0 4px 20px rgba(0,0,0,.3);\r\n}\r\n.s-bold  { font-weight: 700 }\r\n.s-gold  {\r\n    font-style: italic;\r\n    background: linear-gradient(135deg, var(--c-gold-lt) 0%, var(--c-gold) 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\/* Ornamental rule *\/\r\n.s-rule {\r\n    display: flex; align-items: center; gap: 12px;\r\n    margin: 24px 0; width: 100%; max-width: 400px;\r\n}\r\n.s-rule-line {\r\n    height: 1px; flex: 1;\r\n    background: linear-gradient(to right, var(--c-gold), rgba(229,185,130,0));\r\n}\r\n.s-rule-line.r {\r\n    background: linear-gradient(to left, rgba(229,185,130,0), rgba(229,185,130,0));\r\n}\r\n.s-rule-sym {\r\n    font-size: .8rem; color: var(--c-gold); opacity: .6;\r\n    font-family: var(--f-serif) !important; letter-spacing: 4px;\r\n}\r\n\r\n\/* Pull quote *\/\r\n.s-quote {\r\n    font-family: var(--f-serif) !important;\r\n    font-size: clamp(1rem, 1.5vw, 1.4rem);\r\n    font-style: italic; font-weight: 400;\r\n    line-height: 1.55; color: var(--c-gold-lt);\r\n    margin-bottom: 22px;\r\n    border-left: 2px solid var(--c-gold);\r\n    padding-left: 18px;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,.4);\r\n}\r\n.s-quote span { display:block; margin-top:5px; color:var(--c-white); font-style:normal }\r\n\r\n\/* Body *\/\r\n.s-body {\r\n    font-size: 1rem; line-height: 1.9;\r\n    color: var(--c-muted); margin-bottom: 28px;\r\n    font-family: var(--f-sans) !important;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,.4);\r\n}\r\n\r\n\/* Endorsements *\/\r\n.s-endorsements { display:flex; flex-direction:column; gap:8px; margin-bottom:32px; width:100% }\r\n.s-endorse {\r\n    display: flex; align-items: center; gap: 12px;\r\n    padding: 10px 16px;\r\n    border-left: 2px solid rgba(229,185,130,.32);\r\n    background: rgba(229,185,130,.035);\r\n}\r\n.s-avatar {\r\n    width:30px; height:30px; border-radius:50%; flex-shrink:0;\r\n    background: rgba(229,185,130,.12);\r\n    border: 1px solid rgba(229,185,130,.28);\r\n    display:flex; align-items:center; justify-content:center;\r\n    font-family: var(--f-serif) !important;\r\n    font-size:.7rem; color:var(--c-gold); font-style:italic;\r\n}\r\n.s-endorse-text {\r\n    font-size:.76rem; color:rgba(235,208,185,.62);\r\n    font-style:italic; font-family:var(--f-serif) !important; line-height:1.4;\r\n}\r\n.s-endorse-name {\r\n    display:block; margin-top:3px;\r\n    font-size:.62rem; font-weight:700;\r\n    text-transform:uppercase; letter-spacing:1.5px;\r\n    color:var(--c-gold); font-family:var(--f-sans) !important;\r\n    font-style:normal; opacity:.8;\r\n}\r\n\r\n\/* CTA buttons *\/\r\n.s-actions { display:flex; gap:14px; align-items:center; width:100% }\r\n.s-btn {\r\n    display: inline-flex; align-items: center; justify-content: center;\r\n    padding: 16px 32px;\r\n    font-size: .8rem; font-weight: 700;\r\n    letter-spacing: 2px; text-transform: uppercase;\r\n    text-decoration: none !important; border-radius: 4px;\r\n    transition: all .3s cubic-bezier(.25,.8,.25,1);\r\n    font-family: var(--f-sans) !important;\r\n    white-space: nowrap;\r\n}\r\n.s-btn-p {\r\n    background: var(--c-gold); color: #05070e !important;\r\n    border: 1px solid var(--c-gold);\r\n    box-shadow: 0 8px 22px rgba(229,185,130,.15);\r\n}\r\n.s-btn-p:hover {\r\n    transform: translateY(-3px); background: transparent;\r\n    color: var(--c-gold) !important;\r\n    box-shadow: 0 14px 28px rgba(229,185,130,.3);\r\n}\r\n.s-btn-s {\r\n    background: transparent; color: #fff !important;\r\n    border: 1px solid rgba(255,255,255,.28);\r\n}\r\n.s-btn-s:hover {\r\n    transform: translateY(-3px); background: #fff;\r\n    color: #05070e !important; border-color: #fff;\r\n    box-shadow: 0 14px 28px rgba(255,255,255,.18);\r\n}\r\n\r\n\/* About Author Center Layout *\/\r\n.s-author-container{\r\n    display:flex !important;\r\n    justify-content:center;\r\n    align-items:center;\r\n    text-align:center;\r\n}\r\n\r\n.s-author-text{\r\n    max-width:900px;\r\n    width:100%;\r\n    align-items:center !important;\r\n    text-align:center;\r\n    margin:auto;\r\n    transform:none !important;\r\n}\r\n\r\n.s-author-text .s-rule{\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n}\r\n\r\n.s-author-text .s-quote{\r\n    border-left:none;\r\n    padding-left:0;\r\n    max-width:800px;\r\n}\r\n\r\n.s-author-text .s-body{\r\n    max-width:850px;\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n}\r\n\r\n.s-author-text .s-actions{\r\n    justify-content:center;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n    .sonia-hero-section { padding: 240px 5% 72px }\r\n\r\n    .s-container {\r\n        grid-template-columns: 1fr;   \/* single column *\/\r\n        gap: 48px;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Book first on mobile *\/\r\n    .s-book-col { order: -1 }\r\n\r\n    .s-text { align-items: center }\r\n    .s-label::before { display:none }\r\n    .s-quote { border-left:none; padding-left:0 }\r\n    .s-rule  { margin-left:auto; margin-right:auto }\r\n\r\n    .s-actions { justify-content:center; flex-wrap:wrap }\r\n\r\n    .s-book { width:230px; height:345px }\r\n    .s-meta { max-width:280px }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .s-title { font-size: 2.2rem }\r\n    .s-book  { width:195px; height:292px }\r\n    .s-ph-title-lg { font-size:1.35rem }\r\n    .s-btn  { padding:14px 22px; font-size:.74rem }\r\n    .s-actions { flex-direction:column; align-items:stretch }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sonia-hero-section\" id=\"sonia-home\">\r\n\r\n    <!-- BG video -->\r\n    <video autoplay loop muted playsinline class=\"s-bg-video\">\r\n        <source src=\"https:\/\/demowebdesign.live\/sonia\/wp-content\/uploads\/2026\/06\/0_Winter_Forest_1280x720.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"s-overlay\"><\/div>\r\n\r\n    <!-- Ambient -->\r\n    <div class=\"s-glows\">\r\n        <div class=\"s-orb s-orb-1\"><\/div>\r\n        <div class=\"s-orb s-orb-2\"><\/div>\r\n        <div class=\"s-orb s-orb-3\"><\/div>\r\n        <div class=\"s-dust s-d1\"><\/div>\r\n        <div class=\"s-dust s-d2\"><\/div>\r\n        <div class=\"s-dust s-d3\"><\/div>\r\n        <div class=\"s-dust s-d4\"><\/div>\r\n        <div class=\"s-dust s-d5\"><\/div>\r\n    <\/div>\r\n\r\n<div class=\"s-container\">\r\n\r\n    <div class=\"s-text s-author-text\">\r\n\r\n        <span class=\"s-label fu d1\">\r\n            Author \u2022 Speaker \u2022 Mentor \u2022 Faith-Based Writer\r\n        <\/span>\r\n\r\n        <h1 class=\"s-title fu d2\">\r\n            The Writing of <span class=\"s-gold\">Sonia Henry<\/span>\r\n        <\/h1>\r\n\r\n        <div class=\"s-rule fu d2\">\r\n            <div class=\"s-rule-line\"><\/div>\r\n            <span class=\"s-rule-sym\">\u2726 \u2726 \u2726<\/span>\r\n            <div class=\"s-rule-line r\"><\/div>\r\n        <\/div>\r\n\r\n        <blockquote class=\"s-quote fu d3\">\r\n            \"This book is written to strengthen your faith, steady your steps,\r\n            and remind you that your race still has purpose.\"\r\n        <\/blockquote>\r\n\r\n        <p class=\"s-body fu d4\">\r\n            Sonia Henry is a faith-based author whose writing is rooted in Scripture,\r\n            lived experience, and decades of ministry. Her debut book is crafted to guide\r\n            readers through seasons of growth, endurance, healing, and spiritual renewal.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"s-actions fu d5\">\r\n\r\n            <a href=\"https:\/\/demowebdesign.live\/sonia\/index.php\/contact\/\" class=\"s-btn s-btn-s\">\r\n                Book Sonia for Speaking\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n    function init() {\r\n        var el = document.querySelector('.sonia-hero-section');\r\n        if (!el || el.dataset.si) return;\r\n        el.dataset.si = '1';\r\n        el.addEventListener('mousemove', function (e) {\r\n            var r = el.getBoundingClientRect();\r\n            el.style.setProperty('--mx', ((e.clientX - r.left) \/ r.width  - .5).toFixed(3));\r\n            el.style.setProperty('--my', ((e.clientY - r.top)  \/ r.height - .5).toFixed(3));\r\n        }, { passive: true });\r\n        el.addEventListener('mouseleave', function () {\r\n            el.style.setProperty('--mx', '0');\r\n            el.style.setProperty('--my', '0');\r\n        }, { passive: true });\r\n    }\r\n    document.readyState === 'loading'\r\n        ? document.addEventListener('DOMContentLoaded', init)\r\n        : init();\r\n    window.addEventListener('elementor\/frontend\/init', init);\r\n    setTimeout(init, 800);\r\n    setTimeout(init, 2000);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ed9aa5 e-con-full e-flex e-con e-parent\" data-id=\"2ed9aa5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b933478 elementor-widget elementor-widget-html\" data-id=\"b933478\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"featured-book\" class=\"sh-premium-book-section\">\r\n  <div class=\"sh-container\">\r\n    <div class=\"sh-book-layout\">\r\n\r\n      <!-- Visual Side -->\r\n      <div class=\"sh-book-visual reveal\">\r\n        <!-- Abstract Decorative Backdrop -->\r\n        <div class=\"sh-book-backdrop\"><\/div>\r\n        <div class=\"sh-book-glow\"><\/div>\r\n\r\n        <!-- Floating Elements -->\r\n        <div class=\"sh-floating-element sh-leaf-1\">\u2726<\/div>\r\n        <div class=\"sh-floating-element sh-leaf-2\">\u2727<\/div>\r\n\r\n        <!-- Book Image Container -->\r\n        <div class=\"sh-book-image-wrap\">\r\n          <div class=\"sh-book-shadow\"><\/div>\r\n          <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/sonia\/wp-content\/uploads\/2026\/05\/Front-Updated-Mockup-PNG.png\" alt=\"Running a Different Race Book\" class=\"sh-book-image\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Info Side -->\r\n      <div class=\"sh-book-info-side\">\r\n        <p class=\"sh-eyebrow reveal\">Latest Release<\/p>\r\n        <h2 class=\"sh-section-title reveal d1\">Running a <br><em>Different Race<\/em><\/h2>\r\n        \r\n        <div class=\"sh-gold-divider reveal d2\">\r\n          <div class=\"sh-line\"><\/div>\r\n          <span class=\"sh-star\">\u2726<\/span>\r\n          <div class=\"sh-line\"><\/div>\r\n        <\/div>\r\n        \r\n        <p class=\"sh-synopsis reveal d2\">\r\n          In a culture obsessed with speed and comparison, it\u2019s easy to feel left behind. Rooted in profound prophetic visions and forged through deeply personal trials including raising a son with special needs Sonia reveals how God\u2019s timing is beautifully intentional. This isn't just a book; it is a spiritual roadmap designed to help you stop rushing.\r\n        <\/p>\r\n        \r\n        <div class=\"sh-book-chips reveal d3\">\r\n          <span class=\"sh-chip\">Personal Testimony<\/span>\r\n          <span class=\"sh-chip\">Spiritual Growth<\/span>\r\n          <span class=\"sh-chip\">Faith Journey<\/span>\r\n          <span class=\"sh-chip\">Empowerment<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"sh-btn-row reveal d4\">\r\n          <a href=\"#\" class=\"sh-btn-buy\">\r\n            <span class=\"sh-btn-bg\"><\/span>\r\n            <span class=\"sh-btn-text\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg>\r\n              Order Your Copy\r\n            <\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   PREMIUM BOOK SECTION STYLES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n  --sh-cream: #fcfbf9;\r\n  --sh-dark: #1a1a1a;\r\n  --sh-gold: #c5a059;\r\n  --sh-gold-light: rgba(197, 160, 89, 0.15);\r\n}\r\n\r\n.sh-premium-book-section {\r\n  background-color: var(--sh-cream);\r\n  padding: 120px 5%;\r\n  font-family: 'Inter', sans-serif;\r\n  color: var(--sh-dark);\r\n  overflow: hidden;\r\n  width: 100% !important;\r\n}\r\n\r\n.sh-container {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.sh-book-layout {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n\r\n\/* --- VISUAL SIDE --- *\/\r\n.sh-book-visual {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 650px;\r\n  perspective: 1000px;\r\n}\r\n\r\n.sh-book-backdrop {\r\n  position: absolute;\r\n  width: 90%;\r\n  height: 90%;\r\n  border-radius: 50% 50% 0 0;\r\n  border: 1px solid var(--sh-gold-light);\r\n  top: 10%;\r\n  z-index: 0;\r\n  transition: transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n}\r\n\r\n.sh-book-visual:hover .sh-book-backdrop {\r\n  transform: scale(1.05) translateY(-20px);\r\n  border-color: rgba(197, 160, 89, 0.4);\r\n}\r\n\r\n.sh-book-glow {\r\n  position: absolute;\r\n  width: 600px;\r\n  height: 600px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(197, 160, 89, 0.15) 0%, transparent 60%);\r\n  animation: shPulseBook 6s ease-in-out infinite alternate;\r\n  z-index: 0;\r\n}\r\n\r\n\/* Floating 3D Book Container *\/\r\n.sh-book-image-wrap {\r\n  position: relative;\r\n  z-index: 2;\r\n  animation: shFloatBook 6s ease-in-out infinite;\r\n  transform-style: preserve-3d;\r\n  transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n}\r\n\r\n.sh-book-shadow {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -30px;\r\n  left: 10%;\r\n  right: 10%;\r\n  height: 20px;\r\n  background: rgba(0,0,0,0.15);\r\n  filter: blur(15px);\r\n  border-radius: 50%;\r\n  transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n}\r\n\r\n.sh-book-image {\r\n  width: 100%;\r\n  max-width: 440px;\r\n  display: block;\r\n  border-radius: 8px 18px 18px 8px; \/* Spine effect *\/\r\n  transform: rotateY(-15deg);\r\n  transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n  box-shadow: \r\n    -20px 20px 40px rgba(0,0,0,0.1),\r\n    -5px 5px 15px rgba(197, 160, 89, 0.1);\r\n}\r\n\r\n\/* Premium 3D Hover Effect *\/\r\n.sh-book-visual:hover .sh-book-image-wrap {\r\n  animation-play-state: paused;\r\n}\r\n\r\n.sh-book-visual:hover .sh-book-image {\r\n  transform: rotateY(0deg) scale(1.05) translateY(-10px);\r\n  box-shadow: \r\n    0 40px 80px rgba(0,0,0,0.15),\r\n    0 15px 35px rgba(197, 160, 89, 0.25);\r\n}\r\n\r\n.sh-book-visual:hover .sh-book-shadow {\r\n  transform: scale(0.8) translateY(20px);\r\n  opacity: 0.5;\r\n}\r\n\r\n\/* Elegant Floating Elements *\/\r\n.sh-floating-element {\r\n  position: absolute;\r\n  font-size: 2rem;\r\n  color: var(--sh-gold);\r\n  opacity: 0.4;\r\n  z-index: 1;\r\n}\r\n\r\n.sh-leaf-1 {\r\n  top: 15%; left: 15%;\r\n  animation: shLeaf1 10s ease-in-out infinite alternate;\r\n}\r\n\r\n.sh-leaf-2 {\r\n  bottom: 20%; right: 10%;\r\n  animation: shLeaf2 12s ease-in-out infinite alternate-reverse;\r\n}\r\n\r\n\/* --- INFO SIDE --- *\/\r\n.sh-book-info-side {\r\n  padding-left: 20px;\r\n}\r\n\r\n.sh-eyebrow {\r\n  color: var(--sh-gold);\r\n  font-size: 0.9rem;\r\n  letter-spacing: 4px;\r\n  text-transform: uppercase;\r\n  font-weight: 500;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.sh-section-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(3rem, 4vw, 4rem);\r\n  color: var(--sh-dark);\r\n  line-height: 1.1;\r\n  margin: 0 0 25px 0;\r\n  font-weight: 400;\r\n}\r\n\r\n.sh-section-title em {\r\n  color: var(--sh-gold);\r\n  font-style: italic;\r\n}\r\n\r\n\/* Elegant Divider *\/\r\n.sh-gold-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  margin-bottom: 35px;\r\n}\r\n\r\n.sh-line {\r\n  height: 1px;\r\n  width: 60px;\r\n  background: var(--sh-gold);\r\n  opacity: 0.4;\r\n}\r\n\r\n.sh-star {\r\n  color: var(--sh-gold);\r\n  font-size: 1.2rem;\r\n  animation: shSpin 10s linear infinite;\r\n}\r\n\r\n.sh-synopsis {\r\n  font-size: 1.15rem;\r\n  line-height: 1.9;\r\n  color: #555;\r\n  margin-bottom: 40px;\r\n  font-weight: 300;\r\n}\r\n\r\n\/* Editorial Chips *\/\r\n.sh-book-chips {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.sh-chip {\r\n  padding: 8px 20px;\r\n  font-size: 0.85rem;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  border: 1px solid var(--sh-gold-light);\r\n  border-radius: 40px;\r\n  color: #666;\r\n  transition: all 0.4s ease;\r\n  cursor: default;\r\n}\r\n\r\n.sh-chip:hover {\r\n  border-color: var(--sh-gold);\r\n  background: var(--sh-gold);\r\n  color: #fff;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 20px rgba(197, 160, 89, 0.2);\r\n}\r\n\r\n\/* Premium Buttons *\/\r\n.sh-btn-row {\r\n  display: flex;\r\n  gap: 25px;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.sh-btn-buy {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 18px 40px;\r\n  background: transparent;\r\n  color: var(--sh-dark);\r\n  font-weight: 600;\r\n  font-size: 0.85rem;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  text-decoration: none !important;\r\n  overflow: hidden;\r\n  border: 1px solid var(--sh-gold);\r\n  border-radius: 2px;\r\n  transition: all 0.5s ease;\r\n}\r\n\r\n.sh-btn-bg {\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background: var(--sh-gold);\r\n  transform: translateX(-100%);\r\n  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);\r\n  z-index: 1;\r\n}\r\n\r\n.sh-btn-text {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  transition: color 0.4s ease;\r\n}\r\n\r\n.sh-btn-buy:hover .sh-btn-bg {\r\n  transform: translateX(0);\r\n}\r\n\r\n.sh-btn-buy:hover .sh-btn-text {\r\n  color: #fff;\r\n}\r\n\r\n.sh-btn-preview {\r\n  display: inline-flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  color: var(--sh-dark);\r\n  font-weight: 500;\r\n  font-size: 0.85rem;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  text-decoration: none !important;\r\n  background: transparent;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n.sh-btn-preview .sh-btn-text {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: #666;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.sh-btn-line {\r\n  height: 1px;\r\n  width: 100%;\r\n  background: var(--sh-gold);\r\n  transform: scaleX(0);\r\n  transform-origin: right;\r\n  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n  margin-top: 5px;\r\n}\r\n\r\n.sh-btn-preview:hover .sh-btn-text {\r\n  color: var(--sh-gold);\r\n}\r\n\r\n.sh-btn-preview:hover .sh-btn-line {\r\n  transform: scaleX(1);\r\n  transform-origin: left;\r\n}\r\n\r\n\/* --- KEYFRAMES --- *\/\r\n@keyframes shFloatBook {\r\n  0% { transform: translateY(0); }\r\n  50% { transform: translateY(-15px); }\r\n  100% { transform: translateY(0); }\r\n}\r\n\r\n@keyframes shPulseBook {\r\n  from { transform: scale(0.9); opacity: 0.5; }\r\n  to { transform: scale(1.1); opacity: 0.8; }\r\n}\r\n\r\n@keyframes shLeaf1 {\r\n  from { transform: translate(0, 0) rotate(0deg); }\r\n  to { transform: translate(20px, -20px) rotate(15deg); }\r\n}\r\n\r\n@keyframes shLeaf2 {\r\n  from { transform: translate(0, 0) rotate(0deg); }\r\n  to { transform: translate(-15px, 25px) rotate(-15deg); }\r\n}\r\n\r\n@keyframes shSpin {\r\n  100% { transform: rotate(360deg); }\r\n}\r\n\r\n\/* --- RESPONSIVE --- *\/\r\n@media(max-width: 992px) {\r\n  .sh-book-layout {\r\n    grid-template-columns: 1fr;\r\n    gap: 50px;\r\n  }\r\n  .sh-book-visual {\r\n    min-height: 500px;\r\n  }\r\n  .sh-book-info-side {\r\n    padding-left: 0;\r\n    text-align: center;\r\n  }\r\n  .sh-gold-divider {\r\n    justify-content: center;\r\n  }\r\n  .sh-book-chips {\r\n    justify-content: center;\r\n  }\r\n  .sh-btn-row {\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n  .sh-premium-book-section {\r\n    padding: 80px 5%;\r\n  }\r\n  .sh-book-visual {\r\n    min-height: 400px;\r\n  }\r\n  .sh-book-image {\r\n    max-width: 300px;\r\n  }\r\n  .sh-section-title {\r\n    font-size: 2.8rem;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4748742 e-con-full e-flex e-con e-parent\" data-id=\"4748742\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e1e8bb elementor-widget elementor-widget-html\" data-id=\"4e1e8bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* Scoped CSS for Elementor *\/\r\n.sonia-philosophy-widget {\r\n    font-family: 'Inter', sans-serif;\r\n    color: #333;\r\n    overflow: hidden;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.sonia-philosophy-widget * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* --- Section: Book Philosophy --- *\/\r\n.sh-philosophy-section {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    padding: 160px 5%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: #050505 url('https:\/\/demowebdesign.live\/sonia\/wp-content\/uploads\/2026\/06\/11280.jpg') no-repeat center bottom \/ cover;\r\n    background-attachment: fixed;\r\n    color: #fff;\r\n    text-align: center;\r\n}\r\n\r\n\/* Dark Overlay *\/\r\n.sh-philosophy-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background: linear-gradient(to bottom, rgba(5,5,5,0.95) 0%, rgba(5,5,5,0.5) 50%, rgba(5,5,5,0.9) 100%);\r\n    z-index: 1;\r\n}\r\n\r\n\/* Bible Opening Light Effect *\/\r\n.sh-bible-light {\r\n    position: absolute;\r\n    bottom: -10%;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 120vw;\r\n    height: 80vh;\r\n    background: radial-gradient(ellipse at bottom, rgba(197, 160, 89, 0.35) 0%, rgba(197, 160, 89, 0.08) 40%, transparent 70%);\r\n    z-index: 2;\r\n    animation: shPulseLight 6s ease-in-out infinite alternate;\r\n    pointer-events: none;\r\n    mix-blend-mode: screen;\r\n}\r\n\r\n@keyframes shPulseLight {\r\n    0% { opacity: 0.6; filter: blur(40px); transform: translateX(-50%) scale(1); }\r\n    100% { opacity: 1; filter: blur(60px); transform: translateX(-50%) scale(1.1); }\r\n}\r\n\r\n\/* Rising Fog *\/\r\n.sh-fog-layer {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 200%;\r\n    height: 100%;\r\n    background: radial-gradient(ellipse at center, rgba(255,255,255,0.05) 0%, transparent 60%);\r\n    z-index: 3;\r\n    opacity: 0.3;\r\n    animation: shRiseFog 25s linear infinite;\r\n    pointer-events: none;\r\n    mix-blend-mode: screen;\r\n}\r\n\r\n@keyframes shRiseFog {\r\n    0% { transform: translateY(10%) translateX(0); opacity: 0; }\r\n    50% { opacity: 0.5; }\r\n    100% { transform: translateY(-30%) translateX(-10%); opacity: 0; }\r\n}\r\n\r\n\/* Content Container *\/\r\n.sh-philosophy-content {\r\n    position: relative;\r\n    z-index: 4;\r\n    max-width: 950px;\r\n    padding: 70px 60px;\r\n    background: rgba(10, 10, 10, 0.4);\r\n    border: 1px solid rgba(197, 160, 89, 0.15);\r\n    border-radius: 4px;\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    box-shadow: 0 40px 80px rgba(0,0,0,0.5);\r\n    transform: translateY(50px);\r\n    opacity: 0;\r\n    transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.5s ease;\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n.sh-philosophy-content.visible {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n}\r\n\r\n\/* Inner Gold Frame Border Hover Effect *\/\r\n.sh-philosophy-content::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 20px; left: 20px; right: 20px; bottom: 20px;\r\n    border: 1px solid rgba(197, 160, 89, 0.2);\r\n    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    pointer-events: none;\r\n    z-index: -1;\r\n}\r\n\r\n.sh-philosophy-content:hover::after {\r\n    top: 10px; left: 10px; right: 10px; bottom: 10px;\r\n    border-color: rgba(197, 160, 89, 0.6);\r\n}\r\n\r\n.sh-philosophy-content:hover {\r\n    box-shadow: 0 50px 100px rgba(0,0,0,0.7), 0 0 50px rgba(197, 160, 89, 0.15);\r\n    background: rgba(15, 15, 15, 0.5);\r\n}\r\n\r\n.sh-phil-eyebrow {\r\n    color: #c5a059;\r\n    font-size: 0.95rem;\r\n    letter-spacing: 6px;\r\n    text-transform: uppercase;\r\n    font-weight: 500;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.sh-phil-heading {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(3rem, 4vw, 4.8rem);\r\n    color: #fff;\r\n    margin: 0 0 40px 0;\r\n    font-weight: 400;\r\n    line-height: 1.1;\r\n    text-shadow: 0 10px 30px rgba(0,0,0,0.6);\r\n}\r\n\r\n.sh-phil-divider {\r\n    width: 80px;\r\n    height: 1px;\r\n    background: #c5a059;\r\n    margin: 0 auto 40px auto;\r\n    transition: width 0.6s ease;\r\n}\r\n\r\n.sh-philosophy-content:hover .sh-phil-divider {\r\n    width: 140px;\r\n}\r\n\r\n.sh-phil-text-main {\r\n    font-size: 1.2rem;\r\n    line-height: 1.9;\r\n    color: #d1cfc9;\r\n    font-weight: 300;\r\n    margin-bottom: 35px;\r\n    padding: 0 20px;\r\n}\r\n\r\n.sh-phil-text-highlight {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 1.7rem;\r\n    color: #fdfbf7;\r\n    font-style: italic;\r\n    line-height: 1.6;\r\n    margin-bottom: 45px;\r\n    text-shadow: 0 4px 10px rgba(0,0,0,0.5);\r\n}\r\n\r\n.sh-phil-text-final {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 1.4rem;\r\n    color: #c5a059;\r\n    font-weight: 400;\r\n    letter-spacing: 1px;\r\n    margin: 0;\r\n}\r\n\r\n\/* Floating Particles (Emulating dust in the light) *\/\r\n.sh-particle {\r\n    position: absolute;\r\n    background: #fff;\r\n    border-radius: 50%;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    z-index: 3;\r\n    animation: shFloatParticle 10s linear infinite;\r\n}\r\n\r\n@keyframes shFloatParticle {\r\n    0% { transform: translateY(0) scale(0); opacity: 0; }\r\n    20% { opacity: 0.6; transform: translateY(-30px) scale(1); }\r\n    80% { opacity: 0.6; }\r\n    100% { transform: translateY(-150px) scale(0); opacity: 0; }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n    .sh-philosophy-content {\r\n        padding: 50px 20px;\r\n    }\r\n    .sh-philosophy-content::after {\r\n        display: none;\r\n    }\r\n    .sh-phil-text-highlight {\r\n        font-size: 1.4rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sonia-philosophy-widget\">\r\n    <section class=\"sh-philosophy-section\">\r\n        <!-- Ambient Effects -->\r\n        <div class=\"sh-bible-light\"><\/div>\r\n        <div class=\"sh-fog-layer\"><\/div>\r\n        <div class=\"sh-fog-layer\" style=\"animation-delay: -12s; left: -20%;\"><\/div>\r\n        \r\n        <!-- Generated Particles -->\r\n        <div id=\"sh-particles-container\"><\/div>\r\n\r\n        <div class=\"sh-philosophy-content\">\r\n            <p class=\"sh-phil-eyebrow\">The Purpose<\/p>\r\n            <h2 class=\"sh-phil-heading\">Why This Book Exist<\/h2>\r\n            <div class=\"sh-phil-divider\"><\/div>\r\n            \r\n            <p class=\"sh-phil-text-main\">\r\n                Sonia Henry writes not to entertain, but to strengthen. Her book is born from real life seasons of struggle, faith, obedience, and transformation.\r\n            <\/p>\r\n            \r\n            <p class=\"sh-phil-text-highlight\">\r\n                \"Each page is written with one purpose:<br>to remind you that God is still writing your story.\"\r\n            <\/p>\r\n            \r\n            <p class=\"sh-phil-text-final\">\r\n                This is not just a books.<br>It is a spiritual companion for the journey.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        function initPhilosophy() {\r\n            const widget = document.querySelector('.sonia-philosophy-widget');\r\n            if (!widget) return;\r\n\r\n            \/\/ Generate dust particles in the light beam\r\n            const particlesContainer = widget.querySelector('#sh-particles-container');\r\n            if (particlesContainer && particlesContainer.children.length === 0) {\r\n                for(let i=0; i<40; i++) {\r\n                    let particle = document.createElement('div');\r\n                    particle.className = 'sh-particle';\r\n                    \r\n                    let size = Math.random() * 3 + 1;\r\n                    let left = 35 + Math.random() * 30; \/\/ 35% to 65% left (center focus)\r\n                    let bottom = Math.random() * 60; \/\/ 0% to 60% bottom\r\n                    let animDuration = 6 + Math.random() * 10;\r\n                    let animDelay = Math.random() * 10;\r\n                    \r\n                    particle.style.width = size + 'px';\r\n                    particle.style.height = size + 'px';\r\n                    particle.style.left = left + '%';\r\n                    particle.style.bottom = bottom + '%';\r\n                    particle.style.animationDuration = animDuration + 's';\r\n                    particle.style.animationDelay = '-' + animDelay + 's';\r\n                    \r\n                    particlesContainer.appendChild(particle);\r\n                }\r\n            }\r\n\r\n            \/\/ Intersection Observer for entry animation\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('visible');\r\n                    }\r\n                });\r\n            }, { threshold: 0.15 });\r\n\r\n            const contentBox = widget.querySelector('.sh-philosophy-content');\r\n            if (contentBox) observer.observe(contentBox);\r\n            \r\n            \/\/ Subtle 3D Tilt Effect on hover\r\n            if (contentBox && window.matchMedia(\"(hover: hover)\").matches) {\r\n                contentBox.addEventListener('mousemove', (e) => {\r\n                    const rect = contentBox.getBoundingClientRect();\r\n                    const x = e.clientX - rect.left;\r\n                    const y = e.clientY - rect.top;\r\n                    \r\n                    const centerX = rect.width \/ 2;\r\n                    const centerY = rect.height \/ 2;\r\n                    \r\n                    \/\/ Very subtle tilt (max 3 degrees)\r\n                    const rotateX = ((y - centerY) \/ centerY) * -3; \r\n                    const rotateY = ((x - centerX) \/ centerX) * 3;  \r\n                    \r\n                    contentBox.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-10px)`;\r\n                });\r\n                \r\n                contentBox.addEventListener('mouseleave', () => {\r\n                    \/\/ Reset smoothly\r\n                    contentBox.style.transform = `perspective(1000px) rotateX(0) rotateY(0) translateY(0)`;\r\n                });\r\n            }\r\n        }\r\n\r\n        if (document.readyState === 'loading') {\r\n            document.addEventListener('DOMContentLoaded', initPhilosophy);\r\n        } else {\r\n            initPhilosophy();\r\n        }\r\n        \r\n        if (window.jQuery) {\r\n            jQuery(window).on('elementor\/frontend\/init', function() {\r\n                elementorFrontend.hooks.addAction('frontend\/element_ready\/html.default', initPhilosophy);\r\n            });\r\n        }\r\n    })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3351da5 e-con-full e-flex e-con e-parent\" data-id=\"3351da5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b9cead elementor-widget elementor-widget-html\" data-id=\"1b9cead\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* Completely Scoped CSS to prevent conflicts with other Elementor sections *\/\r\n.sonia-testimonial-widget {\r\n  --sh-gold: #B8964A;\r\n  --sh-gold-pale: #F0DFB8;\r\n  --sh-cream: #FAF7F0;\r\n  --sh-cream-deep: #E8DECA;\r\n  --sh-dark: #1E1810;\r\n  --sh-dark-mid: #3D3020;\r\n  --sh-text: #3D3020;\r\n  --sh-text-muted: #7A6A50;\r\n  --sh-white: #FFFFFF;\r\n  --sh-font-serif: 'Cormorant Garamond', Georgia, serif;\r\n  --sh-font-sans: 'Jost', sans-serif;\r\n  --sh-shadow-sm: 0 2px 16px rgba(44,36,22,.07);\r\n  --sh-shadow-md: 0 8px 40px rgba(44,36,22,.12);\r\n  \r\n  font-family: var(--sh-font-sans);\r\n  color: var(--sh-text);\r\n  overflow: hidden;\r\n}\r\n\r\n.sonia-testimonial-widget * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.sh-testi-section {\r\n  background: var(--sh-cream);\r\n  padding: 8rem 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sh-testi-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, transparent, var(--sh-gold-pale), var(--sh-gold), var(--sh-gold-pale), transparent);\r\n}\r\n\r\n.sh-testi-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 2.5rem;\r\n}\r\n\r\n.sh-testi-eyebrow {\r\n  font-family: var(--sh-font-sans);\r\n  font-size: .7rem;\r\n  font-weight: 600;\r\n  letter-spacing: .25em;\r\n  text-transform: uppercase;\r\n  color: var(--sh-gold);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: .8rem;\r\n  margin: 0 0 1.2rem 0;\r\n}\r\n\r\n.sh-testi-eyebrow::before {\r\n  content: '';\r\n  display: inline-block;\r\n  width: 2rem;\r\n  height: 1px;\r\n  background: var(--sh-gold);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.sh-testi-title {\r\n  font-family: var(--sh-font-serif);\r\n  font-size: clamp(2.2rem, 5vw, 3.8rem);\r\n  font-weight: 400;\r\n  line-height: 1.08;\r\n  color: var(--sh-dark);\r\n  margin: 0 0 1rem 0;\r\n}\r\n\r\n.sh-testi-title em {\r\n  font-style: italic;\r\n  color: var(--sh-gold);\r\n}\r\n\r\n.sh-testi-header {\r\n  text-align: center;\r\n  max-width: 560px;\r\n  margin: 0 auto 5rem;\r\n}\r\n\r\n.sh-testi-intro {\r\n  color: var(--sh-text-muted);\r\n  font-size: 1.04rem;\r\n  line-height: 1.8;\r\n  font-weight: 300;\r\n  margin-top: 1rem;\r\n}\r\n\r\n\/* Animations scoped strictly to this widget *\/\r\n.sh-testi-anim {\r\n  opacity: 0;\r\n  transform: translateY(32px);\r\n  transition: opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.sh-testi-anim.sh-visible {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n.sh-d1 { transition-delay: .1s; }\r\n.sh-d2 { transition-delay: .2s; }\r\n\r\n.sh-testi-featured {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 2rem;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.sh-testi-card {\r\n  background: var(--sh-white);\r\n  border: 1px solid var(--sh-cream-deep);\r\n  border-radius: 16px;\r\n  padding: 2.4rem 2.2rem;\r\n  position: relative;\r\n  box-shadow: var(--sh-shadow-sm);\r\n  transition: transform .5s cubic-bezier(.22,1,.36,1), box-shadow .5s, border-color .3s;\r\n}\r\n\r\n.sh-testi-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: var(--sh-shadow-md);\r\n  border-color: var(--sh-gold-pale);\r\n}\r\n\r\n.sh-testi-card.sh-featured-card {\r\n  grid-column: 1 \/ -1;\r\n  background: linear-gradient(135deg, #FBF8F2, #F5EDD8);\r\n  border-color: var(--sh-gold-pale);\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 2.4rem;\r\n  align-items: center;\r\n}\r\n\r\n.sh-testi-card.sh-featured-card .sh-testi-avatar {\r\n  width: 72px;\r\n  height: 72px;\r\n  font-size: 1.5rem;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.sh-testi-card.sh-featured-card .sh-testi-text {\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.sh-tq {\r\n  position: absolute;\r\n  top: 1.6rem;\r\n  right: 1.8rem;\r\n  font-family: var(--sh-font-serif);\r\n  font-size: 4.5rem;\r\n  line-height: .75;\r\n  color: var(--sh-gold-pale);\r\n  pointer-events: none;\r\n  animation: shQtRot 9s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes shQtRot {\r\n  from { transform: rotate(-1deg); }\r\n  to { transform: rotate(2deg); }\r\n}\r\n\r\n.sh-stars {\r\n  font-size: .82rem;\r\n  color: var(--sh-gold);\r\n  letter-spacing: .06rem;\r\n  display: block;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.sh-testi-text {\r\n  font-family: var(--sh-font-serif);\r\n  font-size: 1.06rem;\r\n  font-style: italic;\r\n  line-height: 1.75;\r\n  color: var(--sh-dark-mid);\r\n  margin-bottom: 1.6rem;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.sh-testi-author {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: .9rem;\r\n}\r\n\r\n.sh-testi-avatar {\r\n  width: 46px;\r\n  height: 46px;\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n  background: linear-gradient(135deg, var(--sh-gold-pale), var(--sh-cream-deep));\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: var(--sh-font-serif);\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  color: var(--sh-gold);\r\n  border: 2px solid var(--sh-gold-pale);\r\n}\r\n\r\n.sh-testi-author-info strong {\r\n  display: block;\r\n  font-size: .88rem;\r\n  font-weight: 600;\r\n  color: var(--sh-dark);\r\n  margin-bottom: .15rem;\r\n}\r\n\r\n.sh-testi-author-info span {\r\n  font-size: .74rem;\r\n  color: var(--sh-text-muted);\r\n  letter-spacing: .04em;\r\n}\r\n\r\n.sh-testi-row {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 2rem;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n  .sh-testi-featured { grid-template-columns: 1fr; gap: 3rem; }\r\n  .sh-testi-card.sh-featured-card { grid-template-columns: 1fr; }\r\n  .sh-testi-row { grid-template-columns: 1fr 1fr; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .sh-testi-container { padding: 0 1.4rem; }\r\n  .sh-testi-row { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sonia-testimonial-widget\">\r\n  <section class=\"sh-testi-section\">\r\n    <div class=\"sh-testi-container\">\r\n      <div class=\"sh-testi-header\">\r\n        <p class=\"sh-testi-eyebrow sh-testi-anim\">Reader Stories<\/p>\r\n        <h2 class=\"sh-testi-title sh-testi-anim sh-d1\">Lives <em>Transformed<\/em><\/h2>\r\n        <p class=\"sh-testi-intro sh-testi-anim sh-d2\">Women across Canada and beyond share how this message met them exactly where they needed it most.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Featured large card -->\r\n      <div class=\"sh-testi-featured\">\r\n        <div class=\"sh-testi-card sh-featured-card sh-testi-anim\">\r\n          <div class=\"sh-testi-avatar\" style=\"width:72px;height:72px;font-size:1.5rem\">JM<\/div>\r\n          <div>\r\n            <span class=\"sh-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n            <p class=\"sh-testi-text\" style=\"font-size:1.22rem\">\"This book found me in the middle of burnout and reminded me that God's pace is gentle, purposeful, and always enough. I wept and worshipped through every chapter. There is something in these pages that carries the weight of lived experience not theoretical theology, but hard-won, beautiful truth.\"<\/p>\r\n            <div class=\"sh-testi-author\">\r\n              <div class=\"sh-testi-author-info\">\r\n                <strong>Joyce Mitchell<\/strong>\r\n                <span>Women's Ministry Director, Carleton Place<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"sh-tq\">\"<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 3-column row -->\r\n      <div class=\"sh-testi-row\">\r\n        <div class=\"sh-testi-card sh-testi-anim\">\r\n          <span class=\"sh-tq\">\"<\/span>\r\n          <span class=\"sh-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n          <p class=\"sh-testi-text\">\"Sonia's voice is like a warm hand reaching through the page. As a caregiver for a special-needs child, her chapter on running with others completely undid me in the very best way.\"<\/p>\r\n          <div class=\"sh-testi-author\">\r\n            <div class=\"sh-testi-avatar\">PR<\/div>\r\n            <div class=\"sh-testi-author-info\">\r\n              <strong>Patricia Reeves<\/strong>\r\n              <span>Mother &amp; Educator, Ontario<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sh-testi-card sh-testi-anim sh-d1\">\r\n          <span class=\"sh-tq\">\"<\/span>\r\n          <span class=\"sh-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n          <p class=\"sh-testi-text\">\"The prophetic underpinning, the pastoral warmth, the raw honesty it all points to a woman who truly lives what she writes. This stands apart from anything I have read in years.\"<\/p>\r\n          <div class=\"sh-testi-author\">\r\n            <div class=\"sh-testi-avatar\">DR<\/div>\r\n            <div class=\"sh-testi-author-info\">\r\n              <strong>Dr. Angela Rowe<\/strong>\r\n              <span>Theologian &amp; Author<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sh-testi-card sh-testi-anim sh-d2\">\r\n          <span class=\"sh-tq\">\"<\/span>\r\n          <span class=\"sh-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n          <p class=\"sh-testi-text\">\"Every woman I have recommended this to has come back with tears of gratitude. Sonia Henry is not just an author she is a spiritual mother to a generation that needs this message.\"<\/p>\r\n          <div class=\"sh-testi-author\">\r\n            <div class=\"sh-testi-avatar\">CN<\/div>\r\n            <div class=\"sh-testi-author-info\">\r\n              <strong>Christine Nguyen<\/strong>\r\n              <span>Pastor's Wife, Ottawa<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    function initTestimonials() {\r\n      const widget = document.querySelector('.sonia-testimonial-widget');\r\n      if (!widget) return;\r\n\r\n      const reveals = widget.querySelectorAll('.sh-testi-anim');\r\n      const io = new IntersectionObserver(entries => {\r\n        entries.forEach(e => {\r\n          if (e.isIntersecting) {\r\n            e.target.classList.add('sh-visible');\r\n            io.unobserve(e.target);\r\n          }\r\n        });\r\n      }, { threshold: .1 });\r\n      \r\n      reveals.forEach(el => io.observe(el));\r\n    }\r\n\r\n    \/\/ Run when DOM is ready\r\n    if (document.readyState === 'loading') {\r\n      document.addEventListener('DOMContentLoaded', initTestimonials);\r\n    } else {\r\n      initTestimonials();\r\n    }\r\n    \r\n    \/\/ Ensure Elementor runs it if pasted into a widget\r\n    if (window.jQuery) {\r\n      jQuery(window).on('elementor\/frontend\/init', function() {\r\n        if(window.elementorFrontend && window.elementorFrontend.hooks) {\r\n          elementorFrontend.hooks.addAction('frontend\/element_ready\/html.default', initTestimonials);\r\n        }\r\n      });\r\n    }\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15488b6 e-con-full e-flex e-con e-parent\" data-id=\"15488b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36e2075 elementor-widget elementor-widget-html\" data-id=\"36e2075\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<head>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* Global reset & variables *\/\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --gold:#B8964A;--gold-light:#D4AE6A;--gold-pale:#F0DFB8;--gold-xpale:#FBF5E6;\r\n  --cream:#FAF7F0;--cream-mid:#F3EDE0;--cream-deep:#E8DECA;\r\n  --dark:#1E1810;--dark-mid:#3D3020;--text:#3D3020;--text-muted:#7A6A50;\r\n  --white:#FFFFFF;\r\n  --font-serif:'Cormorant Garamond',Georgia,serif;\r\n  --font-sans:'Jost',sans-serif;\r\n  --shadow-sm:0 2px 16px rgba(44,36,22,.07);\r\n  --shadow-md:0 8px 40px rgba(44,36,22,.12);\r\n  --shadow-lg:0 24px 80px rgba(44,36,22,.18);\r\n}\r\nhtml{scroll-behavior:smooth}\r\nbody{font-family:var(--font-sans);color:var(--text);background:var(--cream);overflow-x:hidden}\r\n\r\n\/* Layout helpers used by the newsletter *\/\r\n.container{max-width:1200px;margin:0 auto;padding:0 2.5rem}\r\n.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}\r\n.reveal.visible{opacity:1;transform:none}\r\n.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.42s}.d5{transition-delay:.54s}\r\n\r\n\/* Newsletter specific styles *\/\r\n#newsletter{background:linear-gradient(155deg,#FAF6EE 0%,#F5E9CC 50%,#EDD9A4 100%);padding:8rem 0;position:relative;overflow:hidden;text-align:center}\r\n.nl-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(212,174,106,.14),transparent 65%);animation:glowP 7s ease-in-out infinite alternate;pointer-events:none}\r\n@keyframes glowP{from{transform:translate(-50%,-50%) scale(.85)}to{transform:translate(-50%,-50%) scale(1.15)}}\r\n.particle-field{position:absolute;inset:0;pointer-events:none;overflow:hidden}\r\n.dot{position:absolute;border-radius:50%;background:var(--gold);animation:riseUp linear infinite}\r\n@keyframes riseUp{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.4}90%{opacity:.2}100%{transform:translateY(-5vh) scale(1.8);opacity:0}}\r\n.nl-inner{position:relative;z-index:1;max-width:620px;margin:0 auto}\r\n.nl-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem 1.1rem;background:rgba(184,150,74,.12);border:1px solid rgba(184,150,74,.3);border-radius:30px;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:1.4rem}\r\n.nl-title{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.2rem);font-weight:400;line-height:1.15;color:var(--dark);margin-bottom:1rem}\r\n.nl-title em{font-style:italic;color:var(--gold)}\r\n.nl-sub{color:#000 !important;font-size:1rem;line-height:1.75;font-weight:300;max-width:460px;margin:0 auto 2.8rem}\r\n.nl-form{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}\r\n.nl-row{display:flex;gap:.8rem;width:100%;max-width:520px}\r\n.nl-input{flex:1;padding:1rem 1.3rem;border:1.5px solid rgba(184,150,74,.25);background:rgba(255,255,255,.65);border-radius:8px;font-family:var(--font-sans);font-size:.92rem;color:var(--dark);outline:none;transition:border-color .3s,box-shadow .3s,background .3s;backdrop-filter:blur(6px);}\r\n.nl-input::placeholder{color:var(--text-muted)}\r\n.nl-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,150,74,.14);background:rgba(255,255,255,.85)}\r\n.btn-subscribe{padding:1rem 2.2rem;border:none;border-radius:8px;cursor:pointer;font-family:var(--font-sans);font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--dark);white-space:nowrap;transition:transform .3s,box-shadow .3s;box-shadow:0 6px 24px rgba(184,150,74,.35);text-decoration:none !important;}\r\n.btn-subscribe:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(184,150,74,.5);color:#fff !important;}\r\n.nl-privacy{font-size:.74rem;color:var(--text-muted)}\r\n.nl-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2.8rem}\r\n.nl-feat{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-muted)}\r\n.nl-feat svg{color:var(--gold)}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<section id=\"newsletter\" class=\"section\">\r\n  <div class=\"nl-glow\"><\/div>\r\n  <div class=\"particle-field\" id=\"particles\"><\/div>\r\n  <div class=\"container\">\r\n    <div class=\"nl-inner\">\r\n      <div class=\"nl-badge reveal\">\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n        Join the Community\r\n      <\/div>\r\n      <h2 class=\"nl-title reveal d1\">Walk This Journey<br><em>Together<\/em><\/h2>\r\n      <p class=\"nl-sub reveal d2\">Receive encouragement, devotionals, event updates, and glimpses from Sonia's journey straight to your inbox, like a letter from a trusted friend.<\/p>\r\n      <div class=\"nl-form reveal d3\">\r\n        <a href=\"https:\/\/demowebdesign.live\/sonia\/index.php\/contact\/\" class=\"btn-subscribe\">Join the Journey &nbsp;\u2192<\/a>\r\n      <\/div>\r\n      <div class=\"nl-features reveal d4\">\r\n        <span class=\"nl-feat\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          Weekly encouragement\r\n        <\/span>\r\n        <span class=\"nl-feat\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          Event announcements\r\n        <\/span>\r\n        <span class=\"nl-feat\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          Exclusive devotionals\r\n        <\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<script>\r\n\/\/ Reveal animation (same as original site)\r\nconst reveals=document.querySelectorAll('.reveal');\r\nconst io=new IntersectionObserver(entries=>{entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('visible');io.unobserve(e.target)}})},{threshold:.1});\r\nreveals.forEach(el=>io.observe(el));\r\n\/\/ Particle background animation for the newsletter\r\nconst field=document.getElementById('particles');\r\nfor(let i=0;i<32;i++){\r\n  const p=document.createElement('div');p.className='dot';\r\n  const s=1.5+Math.random()*3;\r\n  p.style.cssText=`width:${s}px;height:${s}px;left:${Math.random()*100}%;bottom:-8px;animation-duration:${9+Math.random()*16}s;animation-delay:${Math.random()*14}s;opacity:${.1+Math.random()*.3}`;\r\n  field.appendChild(p);\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Author \u2022 Speaker \u2022 Mentor \u2022 Faith-Based Writer The Writing of Sonia Henry \u2726 \u2726 \u2726 &#8220;This book is written [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-307","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/pages\/307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/comments?post=307"}],"version-history":[{"count":49,"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/pages\/307\/revisions"}],"predecessor-version":[{"id":531,"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/pages\/307\/revisions\/531"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/media?parent=307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}