{"id":9,"date":"2026-05-22T16:39:05","date_gmt":"2026-05-22T16:39:05","guid":{"rendered":"https:\/\/demowebdesign.live\/sonia\/?page_id=9"},"modified":"2026-06-09T17:29:26","modified_gmt":"2026-06-09T17:29:26","slug":"home","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/sonia\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\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: 300px;\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\/* \u2500\u2500 RIGHT: book showcase \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-book-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 18px;\r\n    transform: translate(\r\n        calc(var(--mx) * -11px),\r\n        calc(var(--my) * -11px)\r\n    );\r\n    transition: transform .6s var(--ease-out);\r\n    will-change: transform;\r\n}\r\n\r\n\/* Gallery frame *\/\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   BOOK IMAGE VERSION\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\r\n.s-book-image-wrap{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:420px;\r\n    margin:auto;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    animation:sBookFloat 6s ease-in-out infinite;\r\n}\r\n\r\n\/* Book Cover *\/\r\n.s-book-image{\r\n    width:100%;\r\n    display:block;\r\n    border-radius:18px;\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    box-shadow:\r\n        0 30px 70px rgba(0,0,0,.28),\r\n        0 12px 40px rgba(184,150,74,.18);\r\n\r\n    transition:\r\n        transform .5s ease,\r\n        box-shadow .5s ease;\r\n}\r\n\r\n\/* Hover Effect *\/\r\n.s-book-image:hover{\r\n    transform:translateY(-10px) scale(1.02);\r\n\r\n    box-shadow:\r\n        0 40px 90px rgba(0,0,0,.35),\r\n        0 20px 55px rgba(184,150,74,.24);\r\n}\r\n\r\n\/* Ambient Glow *\/\r\n.s-book-glow{\r\n    position:absolute;\r\n    width:480px;\r\n    height:480px;\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(circle,\r\n        rgba(212,174,106,.20) 0%,\r\n        rgba(212,174,106,.08) 40%,\r\n        transparent 72%);\r\n\r\n    animation:sGlowPulse 7s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* Floating Motion *\/\r\n@keyframes sBookFloat{\r\n    0%{\r\n        transform:translateY(0px);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(-14px);\r\n    }\r\n\r\n    100%{\r\n        transform:translateY(0px);\r\n    }\r\n}\r\n\r\n\/* Glow Pulse *\/\r\n@keyframes sGlowPulse{\r\n\r\n    from{\r\n        transform:scale(.92);\r\n        opacity:.65;\r\n    }\r\n\r\n    to{\r\n        transform:scale(1.08);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media(max-width:768px){\r\n\r\n    .s-book-image-wrap{\r\n        max-width:300px;\r\n    }\r\n\r\n    .s-book-glow{\r\n        width:320px;\r\n        height:320px;\r\n    }\r\n\r\n}\r\n\r\n\/* Metadata strip *\/\r\n.s-meta {\r\n    display: flex;\r\n    width: 100%;\r\n    max-width: 326px;         \/* matches book width + frame padding *\/\r\n    border: 1px solid rgba(229,185,130,.14);\r\n    border-radius: 5px;\r\n    overflow: hidden;\r\n    background: rgba(5,7,14,.5);\r\n    backdrop-filter: blur(10px);\r\n    animation: fadeUp 1s var(--ease-out) .8s both;\r\n}\r\n.s-meta-item {\r\n    flex:1; padding:10px 12px;\r\n    display:flex; flex-direction:column; align-items:center; gap:2px;\r\n    position:relative;\r\n}\r\n.s-meta-item + .s-meta-item::before {\r\n    content:''; position:absolute; left:0; top:15%; bottom:15%;\r\n    width:1px; background:rgba(229,185,130,.13);\r\n}\r\n.s-meta-val { font-size:.72rem; font-weight:700; color:var(--c-gold); font-family:var(--f-sans) !important; text-transform:uppercase; letter-spacing:.5px }\r\n.s-meta-key { font-size:.58rem; color:rgba(235,208,185,.36); font-family:var(--f-sans) !important; text-transform:uppercase; letter-spacing:1.5px }\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    <!-- \u2500\u2500 2-column grid \u2500\u2500 -->\r\n    <div class=\"s-container\">\r\n\r\n        <!-- LEFT: text -->\r\n        <div class=\"s-text\">\r\n\r\n            <span class=\"s-label fu d1\">An Inspirational Journey of Faith &amp; Purpose<\/span>\r\n\r\n            <h1 class=\"s-title fu d2\">\r\n                Running A<br>\r\n                <span class=\"s-bold\">Different<\/span> <span class=\"s-gold\">Race<\/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                \"It is not the end of the journey.\r\n                <span>It is, in fact, the beginning.\"<\/span>\r\n            <\/blockquote>\r\n\r\n            <p class=\"s-body fu d4\">\r\n                In a world urging us to run faster, God invites us to run deeper. Inspired by a lifetime of dreams, visions, and decades of ministry, this book is a trumpet call of hope and divine purpose reminding you that your race is not over, it is just beginning.\r\n            <\/p>\r\n\r\n            <!--<div class=\"s-endorsements fu d4\">-->\r\n            <!--    <div class=\"s-endorse\">-->\r\n            <!--        <div class=\"s-avatar\">P<\/div>-->\r\n            <!--        <div>-->\r\n            <!--            <span class=\"s-endorse-text\">\"A trumpet call for every believer who has ever felt their race is over.\"<\/span>-->\r\n            <!--            <span class=\"s-endorse-name\">Pastor David Oyedepo Faith Tabernacle<\/span>-->\r\n            <!--        <\/div>-->\r\n            <!--    <\/div>-->\r\n            <!--    <div class=\"s-endorse\">-->\r\n            <!--        <div class=\"s-avatar\">R<\/div>-->\r\n            <!--        <div>-->\r\n            <!--            <span class=\"s-endorse-text\">\"Sonia Henry writes with prophetic clarity and deep pastoral wisdom.\"<\/span>-->\r\n            <!--            <span class=\"s-endorse-name\">Rev. Dr. Mary Kolawole Kingdom Life Ministries<\/span>-->\r\n            <!--        <\/div>-->\r\n            <!--    <\/div>-->\r\n            <!--<\/div>-->\r\n\r\n            <div class=\"s-actions fu d5\">\r\n                <a href=\"#buy\"     class=\"s-btn s-btn-p\">Buy the Book<\/a>\r\n                <a href=\"https:\/\/demowebdesign.live\/sonia\/index.php\/contact\/\" class=\"s-btn s-btn-s\">Book Sonia to Speak<\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT: book -->\r\n        <div class=\"s-book-col\">\r\n\r\n            <div class=\"s-book-image-wrap\">\r\n\r\n    <!-- Soft Glow -->\r\n    <div class=\"s-book-glow\"><\/div>\r\n\r\n    <!-- Floating Book Cover -->\r\n    <img decoding=\"async\" \r\n        src=\"https:\/\/demowebdesign.live\/sonia\/wp-content\/uploads\/2026\/05\/Front-Updated-Mockup-PNG.png\" \r\n        alt=\"Running A Different Race Book Cover\"\r\n        class=\"s-book-image\"\r\n    >\r\n\r\n<\/div>\r\n\r\n            <div class=\"s-meta fu d6\">\r\n                <div class=\"s-meta-item\">\r\n                    <span class=\"s-meta-val\">170 Pages<\/span>\r\n                    <span class=\"s-meta-key\">Length<\/span>\r\n                <\/div>\r\n                <div class=\"s-meta-item\">\r\n                    <span class=\"s-meta-val\">More to Pour<\/span>\r\n                    <span class=\"s-meta-key\">Publisher<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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-123c711 e-con-full e-flex e-con e-parent\" data-id=\"123c711\" 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-96b3339 elementor-widget elementor-widget-html\" data-id=\"96b3339\" 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\r\n\r\n.sonia-about-section {\r\n    --portrait-img: url('Updated-New-Concept (1).jpg'); \/* Placeholder or real image url *\/\r\n    --c-cream-bg:   #fbf7f0;\r\n    --c-dark-text:  #161a24;\r\n    --c-muted-text: #4a5264;\r\n    --c-gold-lt:    #ebd0b9;\r\n    --c-gold:       #e5b982;\r\n    --c-gold-dk:    #c59b62;\r\n    --c-gold-accent:#b88b4a;\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\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: auto;\r\n    padding: 85px 5% 100px;\r\n    background-color: var(--c-cream-bg);\r\n    \r\n    background-image: \r\n        radial-gradient(circle at 10% 20%, rgba(254, 251, 246, 0.98) 0%, transparent 60%),\r\n        radial-gradient(circle at 90% 10%, rgba(250, 243, 232, 0.95) 0%, transparent 50%),\r\n        radial-gradient(circle at 50% 80%, rgba(246, 237, 217, 0.8) 0%, transparent 70%),\r\n        radial-gradient(circle at 80% 90%, rgba(254, 251, 246, 0.98) 0%, transparent 40%);\r\n        \r\n    font-family: var(--f-sans);\r\n    color: var(--c-dark-text);\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1;\r\n}\r\n\r\n.sonia-about-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0.015;\r\n    pointer-events: none;\r\n    z-index: 2;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n\/* \u2500\u2500 SVGs & Canvas Backgrounds \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.sa-bg-wrapper {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 2;\r\n    overflow: hidden;\r\n}\r\n\r\n.sa-particles-canvas {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n}\r\n\r\n.sa-path-svg {\r\n    position: absolute;\r\n    top: 5%;\r\n    left: 5%;\r\n    width: 90%;\r\n    height: 90%;\r\n    opacity: 0.75;\r\n    pointer-events: none;\r\n}\r\n.sa-journey-path {\r\n    stroke: var(--c-gold-dk);\r\n    stroke-width: 1.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    stroke-dasharray: 6 6;\r\n    fill: none;\r\n    opacity: 0.22;\r\n    transition: stroke-dashoffset 0.1s linear;\r\n}\r\n\r\n.sa-grass-svg {\r\n    position: absolute;\r\n    bottom: -1px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 180px;\r\n    pointer-events: none;\r\n    z-index: 3;\r\n    opacity: 0.85;\r\n}\r\n\r\n\/* \u2500\u2500 Container Grid Layout \u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.sa-container {\r\n    position: relative;\r\n    z-index: 10;\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    display: grid;\r\n    grid-template-columns: 360px 1fr;\r\n    align-items: center;\r\n    gap: 65px;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT: Portrait Column \u2500\u2500\u2500\u2500\u2500 *\/\r\n.sa-portrait-col {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n}\r\n\r\n.sa-vertical-text {\r\n    position: absolute;\r\n    left: -40px;\r\n    bottom: 50px;\r\n    transform: rotate(-90deg);\r\n    transform-origin: left bottom;\r\n    white-space: nowrap;\r\n    font-family: var(--f-sans);\r\n    font-size: 0.6rem;\r\n    font-weight: 700;\r\n    letter-spacing: 4px;\r\n    color: var(--c-gold-accent);\r\n    text-transform: uppercase;\r\n    opacity: 0.75;\r\n    pointer-events: none;\r\n}\r\n\r\n.sa-portrait-backdrop {\r\n    position: absolute;\r\n    top: 20px;\r\n    left: 20px;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(197, 155, 98, 0.05);\r\n    border: 1px solid rgba(197, 155, 98, 0.12);\r\n    border-radius: 8px;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n    transition: transform 0.6s var(--ease-out), background 0.6s, border-color 0.6s;\r\n}\r\n\r\n.sa-frame-wrapper {\r\n    position: relative;\r\n    padding: 15px;\r\n    border: 1px solid rgba(197, 155, 98, 0.22);\r\n    border-radius: 8px;\r\n    background: rgba(255, 255, 255, 0.5);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    box-shadow: \r\n        0 20px 45px rgba(197, 155, 98, 0.05), \r\n        inset 0 0 15px rgba(255, 255, 255, 0.6);\r\n    transition: all 0.6s var(--ease-out);\r\n    width: 100%;\r\n    max-width: 360px;\r\n}\r\n.sa-frame-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 6px;\r\n    border: 1px dashed rgba(197, 155, 98, 0.16);\r\n    border-radius: 6px;\r\n    pointer-events: none;\r\n    transition: all 0.5s;\r\n}\r\n\r\n.sa-frame-wrapper:hover {\r\n    border-color: rgba(197, 155, 98, 0.45);\r\n    box-shadow: \r\n        0 28px 60px rgba(197, 155, 98, 0.1), \r\n        inset 0 0 20px rgba(255, 255, 255, 0.8);\r\n    transform: translateY(-3px);\r\n}\r\n.sa-frame-wrapper:hover::before {\r\n    border-color: rgba(197, 155, 98, 0.3);\r\n    border-style: solid;\r\n}\r\n.sa-frame-wrapper:hover ~ .sa-portrait-backdrop {\r\n    transform: translate(10px, 10px);\r\n    background: rgba(197, 155, 98, 0.08);\r\n    border-color: rgba(197, 155, 98, 0.2);\r\n}\r\n\r\n.sa-corner {\r\n    position: absolute;\r\n    width: 14px;\r\n    height: 14px;\r\n    border-color: rgba(197, 155, 98, 0.35);\r\n    border-style: solid;\r\n    pointer-events: none;\r\n    transition: border-color 0.4s;\r\n}\r\n.sa-c-tl { top: 4px; left: 4px; border-width: 1px 0 0 1px; border-radius: 2px 0 0 0; }\r\n.sa-c-tr { top: 4px; right: 4px; border-width: 1px 1px 0 0; border-radius: 0 2px 0 0; }\r\n.sa-c-bl { bottom: 4px; left: 4px; border-width: 0 0 1px 1px; border-radius: 0 0 0 2px; }\r\n.sa-c-br { bottom: 4px; right: 4px; border-width: 0 1px 1px 0; border-radius: 0 0 2px 0; }\r\n.sa-frame-wrapper:hover .sa-corner {\r\n    border-color: var(--c-gold-accent);\r\n}\r\n\r\n.sa-portrait-container {\r\n    position: relative;\r\n    width: 100%;\r\n    padding-top: 125%;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    background: #eae3d7;\r\n}\r\n\r\n.sa-portrait-img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0;\r\n    transform: scale(1.05);\r\n    transition: transform 0.1s linear, opacity 0.8s ease;\r\n    will-change: transform;\r\n}\r\n\r\n.sa-portrait-frame.has-image .sa-portrait-img {\r\n    opacity: 1;\r\n}\r\n.sa-portrait-frame.has-image .sa-portrait-placeholder {\r\n    opacity: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n.sa-portrait-placeholder {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    background: linear-gradient(135deg, #f3ede2 0%, #e2d7c5 100%);\r\n    transition: opacity 0.6s ease;\r\n    z-index: 2;\r\n    text-align: center;\r\n}\r\n.sa-ph-inner {\r\n    border: 1px solid rgba(197, 155, 98, 0.35);\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 15px;\r\n    border-radius: 4px;\r\n    position: relative;\r\n}\r\n.sa-ph-inner::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 4px;\r\n    border: 1px dashed rgba(197, 155, 98, 0.18);\r\n}\r\n.sa-ph-badge {\r\n    width: 58px;\r\n    height: 58px;\r\n    border-radius: 50%;\r\n    border: 1px solid var(--c-gold-dk);\r\n    background: rgba(255, 255, 255, 0.5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: var(--f-serif);\r\n    font-size: 1.5rem;\r\n    color: var(--c-gold-accent);\r\n    margin-bottom: 12px;\r\n    font-style: italic;\r\n    box-shadow: 0 6px 12px rgba(197, 155, 98, 0.08);\r\n}\r\n.sa-ph-name {\r\n    font-family: var(--f-serif);\r\n    font-size: 1.15rem;\r\n    color: var(--c-dark-text);\r\n    letter-spacing: 1px;\r\n    margin-bottom: 4px;\r\n}\r\n.sa-ph-tagline {\r\n    font-family: var(--f-sans);\r\n    font-size: 0.65rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: var(--c-gold-accent);\r\n    font-weight: 600;\r\n}\r\n\r\n\/* \u2500\u2500 RIGHT: Editorial Bio Card \u2500\u2500\u2500 *\/\r\n.sa-bio-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.sa-bio-card {\r\n    background: rgba(255, 255, 255, 0.42);\r\n    border: 1px solid rgba(197, 155, 98, 0.15);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    padding: 42px 48px;\r\n    border-radius: 12px;\r\n    box-shadow: \r\n        0 20px 50px rgba(197, 155, 98, 0.04),\r\n        inset 0 0 30px rgba(255, 255, 255, 0.75);\r\n    transition: all 0.6s var(--ease-out);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.sa-bio-card::before {\r\n    content: '\u2725';\r\n    position: absolute;\r\n    top: 25px;\r\n    right: 28px;\r\n    font-size: 1rem;\r\n    color: rgba(197, 155, 98, 0.28);\r\n}\r\n.sa-bio-card:hover {\r\n    border-color: rgba(197, 155, 98, 0.28);\r\n    box-shadow: \r\n        0 30px 70px rgba(197, 155, 98, 0.08),\r\n        inset 0 0 40px rgba(255, 255, 255, 0.85);\r\n}\r\n\r\n.sa-label {\r\n    font-size: 0.7rem;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 4px;\r\n    color: var(--c-gold-accent);\r\n    margin-bottom: 10px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-family: var(--f-sans) !important;\r\n}\r\n.sa-label::before {\r\n    content: '';\r\n    width: 25px;\r\n    height: 1px;\r\n    background: var(--c-gold-accent);\r\n    flex-shrink: 0;\r\n}\r\n\r\n.sa-title {\r\n    font-family: var(--f-serif) !important;\r\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem);\r\n    font-weight: 300;\r\n    line-height: 1.15;\r\n    color: var(--c-dark-text);\r\n    margin-bottom: 18px;\r\n}\r\n.sa-bold {\r\n    font-weight: 700;\r\n}\r\n.sa-gold-italic {\r\n    font-style: italic;\r\n    background: linear-gradient(135deg, var(--c-gold-accent) 0%, var(--c-gold-dk) 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.sa-rule {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 28px;\r\n    width: 100%;\r\n    max-width: 400px;\r\n}\r\n.sa-rule-line {\r\n    height: 1px;\r\n    flex: 1;\r\n    background: linear-gradient(to right, transparent, var(--c-gold-accent), transparent);\r\n    transition: width 1.8s var(--ease-out);\r\n    width: 0%;\r\n}\r\n.sa-rule-sym {\r\n    font-size: 0.7rem;\r\n    color: var(--c-gold-accent);\r\n    opacity: 0.8;\r\n    letter-spacing: 4px;\r\n}\r\n\r\n.sa-inner-content {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.85fr;\r\n    gap: 40px;\r\n    align-items: start;\r\n}\r\n\r\n.sa-body-text {\r\n    font-family: var(--f-sans) !important;\r\n    font-size: 0.92rem;\r\n    line-height: 1.85;\r\n    color: var(--c-muted-text);\r\n}\r\n\r\n.sa-body-text::first-letter {\r\n    font-family: var(--f-serif);\r\n    font-size: 3.1rem;\r\n    float: left;\r\n    line-height: 0.85;\r\n    padding-right: 12px;\r\n    padding-top: 2px;\r\n    color: var(--c-gold-accent);\r\n    font-weight: 700;\r\n}\r\n\r\n.sa-quote-side {\r\n    font-family: var(--f-serif) !important;\r\n    font-size: clamp(1.05rem, 1.35vw, 1.25rem);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n    color: #3b4252;\r\n    border-left: 2px solid var(--c-gold-dk);\r\n    padding-left: 18px;\r\n    margin-bottom: 24px;\r\n}\r\n.sa-quote-side span {\r\n    display: block;\r\n    margin-top: 6px;\r\n    font-family: var(--f-sans) !important;\r\n    font-size: 0.65rem;\r\n    text-transform: uppercase;\r\n    font-style: normal;\r\n    letter-spacing: 2px;\r\n    color: var(--c-gold-accent);\r\n    font-weight: 700;\r\n}\r\n\r\n.sa-signature-block {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    opacity: 0.9;\r\n}\r\n.sa-sig-svg {\r\n    width: 100px;\r\n    height: 40px;\r\n    fill: none;\r\n    stroke: var(--c-gold-accent);\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n.sa-sig-text {\r\n    font-family: var(--f-serif) !important;\r\n    font-size: 1rem;\r\n    font-style: italic;\r\n    color: var(--c-gold-accent);\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* \u2500\u2500 Read More Button \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.sa-read-more-wrap {\r\n    margin-top: 28px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.sa-read-more-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: var(--f-sans);\r\n    font-size: 0.72rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 3px;\r\n    color: var(--c-gold-accent);\r\n    text-decoration: none !important;\r\n    background: transparent;\r\n    border: 1px solid rgba(184, 139, 74, 0.35);\r\n    padding: 12px 26px;\r\n    border-radius: 3px;\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: color 0.45s var(--ease-out), border-color 0.45s var(--ease-out), box-shadow 0.45s var(--ease-out);\r\n}\r\n\r\n.sa-read-more-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(184, 139, 74, 0.08) 0%, rgba(197, 155, 98, 0.14) 100%);\r\n    opacity: 0;\r\n    transition: opacity 0.45s var(--ease-out);\r\n}\r\n\r\n.sa-read-more-btn:hover {\r\n    color: var(--c-gold-dk);\r\n    border-color: rgba(184, 139, 74, 0.7);\r\n    box-shadow: 0 4px 20px rgba(184, 139, 74, 0.12), inset 0 0 10px rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n.sa-read-more-btn:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.sa-read-more-btn:hover .sa-btn-arrow {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.sa-btn-arrow {\r\n    display: inline-block;\r\n    font-size: 0.85rem;\r\n    line-height: 1;\r\n    transition: transform 0.35s var(--ease-out);\r\n}\r\n\r\n.sa-btn-line {\r\n    display: inline-block;\r\n    width: 18px;\r\n    height: 1px;\r\n    background: var(--c-gold-accent);\r\n    vertical-align: middle;\r\n    margin-right: 2px;\r\n    transition: width 0.35s var(--ease-out);\r\n}\r\n\r\n.sa-read-more-btn:hover .sa-btn-line {\r\n    width: 26px;\r\n}\r\n\r\n\/* \u2500\u2500 Entrance Animation Utilities \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.sa-fade-up {\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n    transition: opacity 1.2s var(--ease-out), transform 1.2s var(--ease-out);\r\n    will-change: opacity, transform;\r\n}\r\n.sa-delay-1 { transition-delay: 0.15s; }\r\n.sa-delay-2 { transition-delay: 0.3s; }\r\n.sa-delay-3 { transition-delay: 0.45s; }\r\n.sa-delay-4 { transition-delay: 0.6s; }\r\n.sa-delay-5 { transition-delay: 0.75s; }\r\n\r\n.sonia-about-section.sa-revealed .sa-fade-up {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n.sonia-about-section.sa-revealed .sa-rule-line {\r\n    width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n    .sa-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 55px;\r\n        justify-items: center;\r\n    }\r\n    .sa-vertical-text {\r\n        display: none;\r\n    }\r\n    .sa-portrait-backdrop {\r\n        display: none;\r\n    }\r\n    .sa-bio-card {\r\n        padding: 40px 30px;\r\n    }\r\n    .sa-bio-col {\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n    .sa-rule {\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n    .sa-inner-content {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n    }\r\n    .sa-quote-side {\r\n        border-left: none;\r\n        border-top: 1px solid var(--c-gold-dk);\r\n        border-bottom: 1px solid var(--c-gold-dk);\r\n        padding: 16px 0;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        max-width: 500px;\r\n    }\r\n    .sa-body-text::first-letter {\r\n        float: none;\r\n        font-size: inherit;\r\n        line-height: inherit;\r\n        padding-right: 0;\r\n        padding-top: 0;\r\n        color: inherit;\r\n        font-weight: inherit;\r\n        font-family: inherit;\r\n    }\r\n    .sa-label::before {\r\n        display: none;\r\n    }\r\n    .sa-signature-block {\r\n        justify-content: center;\r\n    }\r\n    .sa-read-more-wrap {\r\n        justify-content: center;\r\n    }\r\n}\r\n\r\n@media (max-width: 580px) {\r\n    .sonia-about-section {\r\n        padding: 70px 5% 90px;\r\n    }\r\n    .sa-frame-wrapper {\r\n        padding: 10px;\r\n        max-width: 310px;\r\n    }\r\n    .sa-bio-card {\r\n        padding: 30px 20px;\r\n    }\r\n    .sa-grass-svg {\r\n        height: 130px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sonia-about-section\" id=\"sonia-about\">\r\n    \r\n    <div class=\"sa-bg-wrapper\">\r\n        <canvas class=\"sa-particles-canvas\"><\/canvas>\r\n        \r\n        <svg class=\"sa-path-svg\" viewBox=\"0 0 1200 900\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <defs>\r\n                <linearGradient id=\"sa-path-grad\" x1=\"100%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n                    <stop offset=\"0%\" stop-color=\"#b88b4a\" stop-opacity=\"0.35\" \/>\r\n                    <stop offset=\"50%\" stop-color=\"#e5b982\" stop-opacity=\"0.2\" \/>\r\n                    <stop offset=\"100%\" stop-color=\"#ebd0b9\" stop-opacity=\"0.05\" \/>\r\n                <\/linearGradient>\r\n            <\/defs>\r\n            <path class=\"sa-journey-path\" d=\"M 1150,80 C 1000,50 820,280 620,420 C 420,560 300,380 50,850\" stroke=\"url(#sa-path-grad)\" \/>\r\n        <\/svg>\r\n        \r\n        <svg class=\"sa-grass-svg\" viewBox=\"0 0 1440 280\" fill=\"none\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M0,280 L1440,280 L1440,242 C1400,247 1300,252 1200,242 C1100,232 1000,257 900,247 C800,237 700,252 600,242 C500,232 400,252 300,247 C200,242 100,252 0,242 Z\" fill=\"rgba(197, 155, 98, 0.035)\" \/>\r\n            <path d=\"M40,280 C50,220 70,160 110,100 C112,95 106,105 92,160 C80,210 65,250 55,280\" fill=\"rgba(197, 155, 98, 0.05)\" stroke=\"rgba(197, 155, 98, 0.1)\" stroke-width=\"1\" \/>\r\n            <path d=\"M120,280 C135,200 170,120 220,60 C223,55 216,65 198,130 C182,190 155,245 140,280\" fill=\"rgba(197, 155, 98, 0.05)\" stroke=\"rgba(197, 155, 98, 0.1)\" stroke-width=\"1.2\" \/>\r\n            <path d=\"M280,280 C265,210 230,140 170,90 C167,85 174,95 198,150 C220,200 245,250 260,280\" fill=\"rgba(197, 155, 98, 0.04)\" stroke=\"rgba(197, 155, 98, 0.08)\" stroke-width=\"1\" \/>\r\n            <path d=\"M350,280 C370,210 400,140 450,80 C453,75 446,85 428,150 C412,205 385,250 370,280\" fill=\"rgba(197, 155, 98, 0.05)\" stroke=\"rgba(197, 155, 98, 0.1)\" stroke-width=\"1.2\" \/>\r\n            <path d=\"M520,280 C540,180 590,90 650,30 C653,25 645,38 615,110 C588,175 550,240 535,280\" fill=\"rgba(197, 155, 98, 0.06)\" stroke=\"rgba(197, 155, 98, 0.12)\" stroke-width=\"1.5\" \/>\r\n            <path d=\"M680,280 C670,220 650,160 610,100 C608,95 614,105 628,160 C640,210 655,250 665,280\" fill=\"rgba(197, 155, 98, 0.04)\" stroke=\"rgba(197, 155, 98, 0.08)\" stroke-width=\"1\" \/>\r\n            <path d=\"M780,280 C800,200 835,130 890,70 C893,65 886,75 868,140 C852,195 825,245 810,280\" fill=\"rgba(197, 155, 98, 0.05)\" stroke=\"rgba(197, 155, 98, 0.1)\" stroke-width=\"1.2\" \/>\r\n            <path d=\"M920,280 C950,210 990,150 1050,100 C1053,95 1046,105 1020,165 C995,215 965,255 945,280\" fill=\"rgba(197, 155, 98, 0.05)\" stroke=\"rgba(197, 155, 98, 0.1)\" stroke-width=\"1\" \/>\r\n            <path d=\"M1100,280 C1120,190 1160,110 1220,50 C1223,45 1215,58 1185,125 C1158,185 1125,240 1115,280\" fill=\"rgba(197, 155, 98, 0.06)\" stroke=\"rgba(197, 155, 98, 0.12)\" stroke-width=\"1.5\" \/>\r\n            <path d=\"M1280,280 C1270,225 1250,170 1210,110 C1208,105 1214,115 1228,165 C1240,215 1255,255 1265,280\" fill=\"rgba(197, 155, 98, 0.04)\" stroke=\"rgba(197, 155, 98, 0.08)\" stroke-width=\"1\" \/>\r\n            <path d=\"M1360,280 C1380,210 1410,150 1460,90 C1463,85 1456,95 1438,155 C1422,210 1395,250 1380,280\" fill=\"rgba(197, 155, 98, 0.05)\" stroke=\"rgba(197, 155, 98, 0.1)\" stroke-width=\"1.2\" \/>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"sa-container\">\r\n\r\n        <div class=\"sa-portrait-col\">\r\n            <span class=\"sa-vertical-text\">Running A Different Race \u2022 The Author Story<\/span>\r\n            \r\n            <div class=\"sa-frame-wrapper\">\r\n                <div class=\"sa-corner sa-c-tl\"><\/div>\r\n                <div class=\"sa-corner sa-c-tr\"><\/div>\r\n                <div class=\"sa-corner sa-c-bl\"><\/div>\r\n                <div class=\"sa-corner sa-c-br\"><\/div>\r\n\r\n                <div class=\"sa-portrait-container sa-portrait-frame has-image\" id=\"soniaPortraitBox\">\r\n                    <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/sonia\/wp-content\/uploads\/2026\/06\/author_converted.png\" alt=\"Sonia Henry Portrait\" class=\"sa-portrait-img\" id=\"soniaPortraitImg\">\r\n                    \r\n                    <div class=\"sa-portrait-placeholder\">\r\n                        <div class=\"sa-ph-inner\">\r\n                            <div class=\"sa-ph-badge\">SH<\/div>\r\n                            <h3 class=\"sa-ph-name\">Sonia Henry<\/h3>\r\n                            <span class=\"sa-ph-tagline\">Author &amp; Speaker<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"sa-portrait-backdrop\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sa-bio-col\">\r\n            <div class=\"sa-bio-card sa-fade-up sa-delay-1\">\r\n                \r\n                <span class=\"sa-label sa-fade-up sa-delay-1\">The Voice Behind The Journey<\/span>\r\n                \r\n                <h2 class=\"sa-title sa-fade-up sa-delay-2\">\r\n                    Meet <span class=\"sa-bold\">Sonia<\/span> <span class=\"sa-gold-italic\">Henry<\/span>\r\n                <\/h2>\r\n\r\n                <div class=\"sa-rule sa-fade-up sa-delay-2\">\r\n                    <div class=\"sa-rule-line\"><\/div>\r\n                    <span class=\"sa-rule-sym\">\u2726<\/span>\r\n                    <div class=\"sa-rule-line\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"sa-inner-content sa-fade-up sa-delay-3\">\r\n                    \r\n                    <div class=\"sa-body-text\">\r\n                        <p>\r\n                            Sonia Henry is an inspirational speaker, associate pastor, and the visionary founder of <strong>More to Pour Women's Ministry<\/strong>. A Carleton University graduate, her calling began with a seed planted during a divine encounter at age five, later solidified by a profound prophetic vision of a dove descending with a scroll commanding: <em>\"Teach them what I have taught you.\"\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <blockquote class=\"sa-quote-side\">\r\n                            \"Your race is not over it is, in fact, just beginning. In a world urging us to run faster, God invites us to run deeper.\"\r\n                            <span>\u2014 Sonia Henry, Author<\/span>\r\n                        <\/blockquote>\r\n\r\n                        <div class=\"sa-signature-block\">\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"sa-read-more-wrap sa-fade-up sa-delay-5\">\r\n                    <a href=\"https:\/\/demowebdesign.live\/sonia\/index.php\/about\/\" class=\"sa-read-more-btn\">\r\n                        <span class=\"sa-btn-line\"><\/span>\r\n                        Read More\r\n                        <span class=\"sa-btn-arrow\">\u2192<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n    function init() {\r\n        var section = document.getElementById('sonia-about');\r\n        if (!section || section.dataset.si === '1') return;\r\n        section.dataset.si = '1';\r\n\r\n        var img = section.querySelector('#soniaPortraitImg');\r\n        var box = section.querySelector('#soniaPortraitBox');\r\n        \r\n        var realImageSrc = 'https:\/\/demowebdesign.live\/sonia\/wp-content\/uploads\/2026\/06\/author_converted.png'; \r\n\r\n        if (realImageSrc && realImageSrc !== '') {\r\n            img.src = realImageSrc;\r\n            img.onload = function() {\r\n                box.classList.add('has-image');\r\n            };\r\n        } else {\r\n            box.classList.remove('has-image');\r\n        }\r\n\r\n        var canvas = section.querySelector('.sa-particles-canvas');\r\n        if (canvas) {\r\n            var ctx = canvas.getContext('2d');\r\n            var particles = [];\r\n            var maxParticles = 30;\r\n            var w, h;\r\n            var isVisible = false;\r\n\r\n            function resizeCanvas() {\r\n                w = canvas.width = section.offsetWidth;\r\n                h = canvas.height = section.offsetHeight;\r\n            }\r\n            resizeCanvas();\r\n            window.addEventListener('resize', resizeCanvas, { passive: true });\r\n\r\n            var Particle = function () {\r\n                this.reset();\r\n                this.y = Math.random() * h;\r\n            };\r\n\r\n            Particle.prototype.reset = function () {\r\n                this.x = Math.random() * w;\r\n                this.y = h + Math.random() * 20;\r\n                this.size = Math.random() * 2.8 + 1.2;\r\n                this.speed = Math.random() * 0.35 + 0.12;\r\n                this.opacity = Math.random() * 0.28 + 0.06;\r\n                this.angle = Math.random() * Math.PI * 2;\r\n                this.sway = Math.random() * 0.25 + 0.08;\r\n            };\r\n\r\n            Particle.prototype.update = function () {\r\n                this.y -= this.speed;\r\n                this.angle += 0.008;\r\n                this.x += Math.sin(this.angle) * this.sway;\r\n                if (this.y < -10 || this.x < -10 || this.x > w + 10) {\r\n                    this.reset();\r\n                }\r\n            };\r\n\r\n            Particle.prototype.draw = function () {\r\n                ctx.beginPath();\r\n                ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n                ctx.fillStyle = 'rgba(197, 155, 98, ' + this.opacity + ')';\r\n                ctx.shadowBlur = 4;\r\n                ctx.shadowColor = 'rgba(229, 185, 130, 0.25)';\r\n                ctx.fill();\r\n            };\r\n\r\n            for (var i = 0; i < maxParticles; i++) {\r\n                particles.push(new Particle());\r\n            }\r\n\r\n            function animateParticles() {\r\n                if (!isVisible) return;\r\n                ctx.clearRect(0, 0, w, h);\r\n                ctx.shadowBlur = 0;\r\n                for (var i = 0; i < particles.length; i++) {\r\n                    var p = particles[i];\r\n                    p.update();\r\n                    p.draw();\r\n                }\r\n                requestAnimationFrame(animateParticles);\r\n            }\r\n        }\r\n\r\n        var path = section.querySelector('.sa-journey-path');\r\n        var portraitImg = section.querySelector('.sa-portrait-img');\r\n        var pathLength = 0;\r\n\r\n        if (path) {\r\n            pathLength = path.getTotalLength();\r\n            path.style.strokeDasharray = pathLength + ' ' + pathLength;\r\n            path.style.strokeDashoffset = pathLength;\r\n        }\r\n\r\n        var revealObserver = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (entry) {\r\n                if (entry.isIntersecting) {\r\n                    section.classList.add('sa-revealed');\r\n                    if (canvas) {\r\n                        isVisible = true;\r\n                        animateParticles();\r\n                    }\r\n                } else {\r\n                    if (canvas) {\r\n                        isVisible = false;\r\n                    }\r\n                }\r\n            });\r\n        }, { threshold: 0.12 });\r\n        revealObserver.observe(section);\r\n\r\n        function onScrollEffects() {\r\n            var rect = section.getBoundingClientRect();\r\n            var winH = window.innerHeight;\r\n\r\n            if (rect.bottom < 0 || rect.top > winH) return;\r\n\r\n            var totalDist = winH + rect.height;\r\n            var currentDist = winH - rect.top;\r\n            var progress = Math.min(Math.max(currentDist \/ totalDist, 0), 1);\r\n\r\n            if (portraitImg) {\r\n                var zoomScale = 1.02 + (progress * 0.14);\r\n                portraitImg.style.transform = 'scale(' + zoomScale.toFixed(3) + ')';\r\n            }\r\n\r\n            if (path && pathLength > 0) {\r\n                var eased = 1 - Math.pow(1 - progress, 2.5);\r\n                path.style.strokeDashoffset = pathLength * (1 - eased);\r\n            }\r\n        }\r\n\r\n        window.addEventListener('scroll', function () {\r\n            requestAnimationFrame(onScrollEffects);\r\n        }, { passive: true });\r\n\r\n        setTimeout(onScrollEffects, 100);\r\n    }\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, 500);\r\n    setTimeout(init, 1500);\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-ef9c7f0 e-con-full e-flex e-con e-parent\" data-id=\"ef9c7f0\" 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-b999a1b elementor-widget elementor-widget-html\" data-id=\"b999a1b\" 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.m2p-section,\r\n.m2p-section * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n    line-height: 1.7;\r\n}\r\n\r\n.m2p-section {\r\n    --c-cream-bg:   #fbf7f0;\r\n    --c-dark-text:  #161a24;\r\n    --c-muted-text: #4a5264;\r\n    --c-gold-lt:    #ebd0b9;\r\n    --c-gold:       #e5b982;\r\n    --c-gold-dk:    #c59b62;\r\n    --c-gold-accent:#b88b4a;\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\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 100px 5% 110px;\r\n    background-color: var(--c-cream-bg);\r\n    background-image: \r\n        radial-gradient(circle at 50% 0%, rgba(250, 243, 232, 0.95) 0%, transparent 55%),\r\n        radial-gradient(circle at 10% 90%, rgba(246, 237, 217, 0.7) 0%, transparent 50%),\r\n        radial-gradient(circle at 90% 85%, rgba(254, 251, 246, 0.9) 0%, transparent 45%);\r\n    font-family: var(--f-sans);\r\n    color: var(--c-dark-text);\r\n    overflow: hidden;\r\n}\r\n\r\n.m2p-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0.015;\r\n    pointer-events: none;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n\/* \u2500\u2500 Decorative bg lines \u2500\u2500 *\/\r\n.m2p-bg-lines {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n}\r\n.m2p-bg-lines svg {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0; left: 0;\r\n}\r\n\r\n\/* \u2500\u2500 Inner wrapper \u2500\u2500 *\/\r\n.m2p-inner {\r\n    position: relative;\r\n    z-index: 10;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500 Eyebrow label \u2500\u2500 *\/\r\n.m2p-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    font-family: var(--f-sans);\r\n    font-size: 0.65rem;\r\n    font-weight: 700;\r\n    letter-spacing: 5px;\r\n    text-transform: uppercase;\r\n    color: var(--c-gold-accent);\r\n    margin-bottom: 22px;\r\n    opacity: 0;\r\n    transform: translateY(14px);\r\n    transition: opacity 1s var(--ease-out), transform 1s var(--ease-out);\r\n}\r\n.m2p-eyebrow::before,\r\n.m2p-eyebrow::after {\r\n    content: '';\r\n    width: 30px;\r\n    height: 1px;\r\n    background: var(--c-gold-accent);\r\n    opacity: 0.7;\r\n}\r\n\r\n\/* \u2500\u2500 Headline block \u2500\u2500 *\/\r\n.m2p-headline {\r\n    font-family: var(--f-serif);\r\n    font-weight: 300;\r\n    font-size: clamp(2.4rem, 5vw, 4rem);\r\n    line-height: 1.1;\r\n    text-align: center;\r\n    color: var(--c-dark-text);\r\n    margin-bottom: 10px;\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n    transition: opacity 1.1s var(--ease-out) 0.1s, transform 1.1s var(--ease-out) 0.1s;\r\n}\r\n.m2p-headline em {\r\n    font-style: italic;\r\n    background: linear-gradient(135deg, var(--c-gold-accent) 0%, var(--c-gold-dk) 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n.m2p-headline strong {\r\n    font-weight: 700;\r\n}\r\n\r\n\/* \u2500\u2500 Ornamental divider \u2500\u2500 *\/\r\n.m2p-ornament {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    margin: 28px 0 36px;\r\n    opacity: 0;\r\n    transition: opacity 1s var(--ease-out) 0.2s;\r\n}\r\n.m2p-orn-line {\r\n    height: 1px;\r\n    width: 80px;\r\n    background: linear-gradient(to right, transparent, var(--c-gold-accent));\r\n}\r\n.m2p-orn-line.rev {\r\n    background: linear-gradient(to left, transparent, var(--c-gold-accent));\r\n}\r\n.m2p-orn-diamond {\r\n    width: 7px;\r\n    height: 7px;\r\n    background: var(--c-gold-accent);\r\n    transform: rotate(45deg);\r\n    opacity: 0.7;\r\n}\r\n.m2p-orn-sym {\r\n    font-size: 0.9rem;\r\n    color: var(--c-gold-accent);\r\n    opacity: 0.6;\r\n    letter-spacing: 6px;\r\n}\r\n\r\n\/* \u2500\u2500 Central logo medallion \u2500\u2500 *\/\r\n.m2p-medallion-wrap {\r\n    position: relative;\r\n    margin-bottom: 52px;\r\n    opacity: 0;\r\n    transform: scale(0.94);\r\n    transition: opacity 1.2s var(--ease-out) 0.3s, transform 1.2s var(--ease-out) 0.3s;\r\n}\r\n\r\n.m2p-ring-outer {\r\n    position: absolute;\r\n    inset: -22px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(184, 139, 74, 0.18);\r\n    pointer-events: none;\r\n}\r\n.m2p-ring-mid {\r\n    position: absolute;\r\n    inset: -11px;\r\n    border-radius: 50%;\r\n    border: 1px dashed rgba(184, 139, 74, 0.22);\r\n    pointer-events: none;\r\n}\r\n\r\n.m2p-medallion {\r\n    width: 300px;\r\n    height: 300px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(184, 139, 74, 0.3);\r\n    background: rgba(255, 255, 255, 0.55);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: \r\n        0 20px 50px rgba(184, 139, 74, 0.08),\r\n        inset 0 0 30px rgba(255, 255, 255, 0.7);\r\n    transition: transform 0.6s var(--ease-out), box-shadow 0.6s var(--ease-out), border-color 0.6s;\r\n    cursor: default;\r\n}\r\n.m2p-medallion:hover {\r\n    transform: scale(1.04);\r\n    border-color: rgba(184, 139, 74, 0.5);\r\n    box-shadow:\r\n        0 28px 65px rgba(184, 139, 74, 0.13),\r\n        inset 0 0 35px rgba(255, 255, 255, 0.85);\r\n}\r\n.m2p-medallion:hover ~ .m2p-ring-mid {\r\n    border-color: rgba(184, 139, 74, 0.35);\r\n}\r\n\r\n.m2p-logo-img {\r\n    width: 300px;\r\n    height: 200px;\r\n    object-fit: contain;\r\n    border-radius: 50%;\r\n}\r\n\r\n\/* \u2500\u2500 Corner decorations around medallion \u2500\u2500 *\/\r\n.m2p-corner-deco {\r\n    position: absolute;\r\n    font-size: 18px;\r\n    color: #000 !important;\r\n    letter-spacing: 2px;\r\n    font-family: var(--f-serif);\r\n    font-style: italic;\r\n    white-space: nowrap;\r\n}\r\n.m2p-corner-deco.top    { top: -50px; left: 50%; transform: translateX(-50%); }\r\n.m2p-corner-deco.bottom { bottom: -50px; left: 50%; transform: translateX(-50%); }\r\n.m2p-corner-deco.left   { left: -110px; top: 50%; transform: translateY(-50%) rotate(-90deg); }\r\n.m2p-corner-deco.right  { right: -140px; top: 50%; transform: translateY(-50%) rotate(90deg); }\r\n\r\n\/* \u2500\u2500 Main content area: stacked centred \u2500\u2500 *\/\r\n.m2p-content-wrap {\r\n    width: 100%;\r\n    max-width: 720px;\r\n    text-align: center;\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n    transition: opacity 1.1s var(--ease-out) 0.45s, transform 1.1s var(--ease-out) 0.45s;\r\n}\r\n\r\n.m2p-brand-name {\r\n    font-family: var(--f-serif);\r\n    font-size: clamp(1.1rem, 1.8vw, 1.4rem);\r\n    font-weight: 600;\r\n    letter-spacing: 5px;\r\n    text-transform: uppercase;\r\n    color: var(--c-gold-accent);\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.m2p-para {\r\n    font-family: var(--f-sans);\r\n    font-size: 0.97rem;\r\n    line-height: 1.95;\r\n    color: var(--c-muted-text);\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.m2p-para + .m2p-para {\r\n    margin-top: 0;\r\n}\r\n\r\n\/* \u2500\u2500 Pillar tags \u2500\u2500 *\/\r\n.m2p-pillars {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin: 36px 0 44px;\r\n    opacity: 0;\r\n    transform: translateY(14px);\r\n    transition: opacity 1s var(--ease-out) 0.6s, transform 1s var(--ease-out) 0.6s;\r\n}\r\n\r\n.m2p-pillar {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 9px 20px;\r\n    border: 1px solid rgba(184, 139, 74, 0.3);\r\n    border-radius: 3px;\r\n    font-family: var(--f-sans);\r\n    font-size: 0.67rem;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: var(--c-gold-accent);\r\n    background: rgba(255, 255, 255, 0.45);\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n    transition: background 0.4s, border-color 0.4s, transform 0.4s var(--ease-out);\r\n}\r\n.m2p-pillar:hover {\r\n    background: rgba(255, 255, 255, 0.75);\r\n    border-color: rgba(184, 139, 74, 0.6);\r\n    transform: translateY(-2px);\r\n}\r\n.m2p-pillar-dot {\r\n    width: 4px;\r\n    height: 4px;\r\n    border-radius: 50%;\r\n    background: var(--c-gold-accent);\r\n    opacity: 0.6;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* \u2500\u2500 CTA button \u2500\u2500 *\/\r\n.m2p-cta-wrap {\r\n    display: flex;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transform: translateY(12px);\r\n    transition: opacity 1s var(--ease-out) 0.75s, transform 1s var(--ease-out) 0.75s;\r\n}\r\n\r\n.m2p-cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 14px 38px;\r\n    border: 1px solid rgba(184, 139, 74, 0.45);\r\n    border-radius: 3px;\r\n    font-family: var(--f-sans);\r\n    font-size: 0.7rem;\r\n    font-weight: 700;\r\n    letter-spacing: 3.5px;\r\n    text-transform: uppercase;\r\n    color: var(--c-gold-accent);\r\n    text-decoration: none;\r\n    background: transparent;\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: color 0.45s var(--ease-out), border-color 0.45s var(--ease-out);\r\n}\r\n.m2p-cta::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(184,139,74,0.07) 0%, rgba(197,155,98,0.13) 100%);\r\n    opacity: 0;\r\n    transition: opacity 0.4s;\r\n}\r\n.m2p-cta:hover {\r\n    border-color: rgba(184, 139, 74, 0.75);\r\n    color: var(--c-gold-dk);\r\n}\r\n.m2p-cta:hover::before { opacity: 1; }\r\n.m2p-cta:hover .m2p-cta-arrow { transform: translateX(5px); }\r\n.m2p-cta-arrow {\r\n    font-size: 0.9rem;\r\n    display: inline-block;\r\n    transition: transform 0.35s var(--ease-out);\r\n}\r\n\r\n\/* \u2500\u2500 Bottom ornamental strip \u2500\u2500 *\/\r\n.m2p-footer-strip {\r\n    margin-top: 64px;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 18px;\r\n    opacity: 0;\r\n    transition: opacity 1s var(--ease-out) 0.85s;\r\n}\r\n.m2p-strip-line {\r\n    flex: 1;\r\n    max-width: 200px;\r\n    height: 1px;\r\n    background: linear-gradient(to right, transparent, rgba(184,139,74,0.35));\r\n}\r\n.m2p-strip-line.rev {\r\n    background: linear-gradient(to left, transparent, rgba(184,139,74,0.35));\r\n}\r\n.m2p-strip-text {\r\n    font-family: var(--f-serif);\r\n    font-style: italic;\r\n    font-size: 0.75rem;\r\n    color: rgba(184, 139, 74, 0.55);\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\/* \u2500\u2500 Revealed state \u2500\u2500 *\/\r\n.m2p-section.m2p-visible .m2p-eyebrow,\r\n.m2p-section.m2p-visible .m2p-headline,\r\n.m2p-section.m2p-visible .m2p-ornament,\r\n.m2p-section.m2p-visible .m2p-medallion-wrap,\r\n.m2p-section.m2p-visible .m2p-content-wrap,\r\n.m2p-section.m2p-visible .m2p-pillars,\r\n.m2p-section.m2p-visible .m2p-cta-wrap,\r\n.m2p-section.m2p-visible .m2p-footer-strip {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n    .m2p-section { padding: 80px 5% 90px; }\r\n    .m2p-medallion { width: 185px; height: 185px; }\r\n    .m2p-logo-img { width: 130px; height: 130px; }\r\n    .m2p-corner-deco.left,\r\n    .m2p-corner-deco.right { display: none; }\r\n    .m2p-para { font-size: 0.92rem; }\r\n    .m2p-strip-line { max-width: 80px;\r\n    .m2p-eyebrow{display:none !important;}\r\n        \r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .m2p-section { padding: 70px 5% 80px; }\r\n    .m2p-orn-line { width: 40px; }\r\n    .m2p-headline { font-size: clamp(2rem, 8vw, 2.8rem); }\r\n    .m2p-pillars { gap: 8px; }\r\n    .m2p-pillar { font-size: 0.62rem; padding: 8px 14px; }\r\n    .m2p-eyebrow{display:none !important;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"m2p-section\" id=\"m2p-brand\">\r\n\r\n    <div class=\"m2p-bg-lines\">\r\n        <svg viewBox=\"0 0 1100 800\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid slice\">\r\n            <circle cx=\"550\" cy=\"400\" r=\"320\" stroke=\"rgba(184,139,74,0.055)\" stroke-width=\"1\"\/>\r\n            <circle cx=\"550\" cy=\"400\" r=\"420\" stroke=\"rgba(184,139,74,0.04)\" stroke-width=\"1\"\/>\r\n            <circle cx=\"550\" cy=\"400\" r=\"520\" stroke=\"rgba(184,139,74,0.025)\" stroke-width=\"1\"\/>\r\n            <line x1=\"0\" y1=\"400\" x2=\"1100\" y2=\"400\" stroke=\"rgba(184,139,74,0.04)\" stroke-width=\"1\" stroke-dasharray=\"4 8\"\/>\r\n            <line x1=\"550\" y1=\"0\" x2=\"550\" y2=\"800\" stroke=\"rgba(184,139,74,0.04)\" stroke-width=\"1\" stroke-dasharray=\"4 8\"\/>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"m2p-inner\">\r\n\r\n        <span class=\"m2p-eyebrow\">Christian Women's Ministry &nbsp;\u2726&nbsp; Founded by Sonia Henry<\/span>\r\n\r\n        <h2 class=\"m2p-headline\">\r\n            <strong>More<\/strong> <em>to<\/em> <strong>Pour<\/strong>\r\n        <\/h2>\r\n\r\n        <div class=\"m2p-ornament\">\r\n            <div class=\"m2p-orn-line\"><\/div>\r\n            <div class=\"m2p-orn-diamond\"><\/div>\r\n            <span class=\"m2p-orn-sym\">\u2726 \u2726 \u2726<\/span>\r\n            <div class=\"m2p-orn-diamond\"><\/div>\r\n            <div class=\"m2p-orn-line rev\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"m2p-medallion-wrap\">\r\n            <div class=\"m2p-ring-outer\"><\/div>\r\n            <div class=\"m2p-ring-mid\"><\/div>\r\n\r\n            <span class=\"m2p-corner-deco top\">est. by faith<\/span>\r\n            <span class=\"m2p-corner-deco bottom\">rooted &amp; growing<\/span>\r\n            <span class=\"m2p-corner-deco left\">pouring out<\/span>\r\n            <span class=\"m2p-corner-deco right\">overflowing grace<\/span>\r\n\r\n            <div class=\"m2p-medallion\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/demowebdesign.live\/sonia\/wp-content\/uploads\/2026\/06\/brand-logo.png\"\r\n                    alt=\"More 2 Pour Ministry Logo\"\r\n                    class=\"m2p-logo-img\"\r\n                \/>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"m2p-content-wrap\">\r\n            <p class=\"m2p-brand-name\">More 2 Pour Women's Ministry<\/p>\r\n\r\n            <p class=\"m2p-para\">\r\n                More to Pour (M2P) is a Christian Women's Ministry created to draw women together for encouragement in a warm, friendly, and multi-denominational environment. Through conferences, breakfast and lunch meetings, workshops, and monthly Bible Studies centered on the theme \"Women of the Bible,\" M2P provides a sacred space where women are nurtured, uplifted, and equipped to walk boldly in their calling. The ministry welcomes women of all backgrounds, offering a sense of freedom, inclusion, and an atmosphere completely free of stress.\r\n            <\/p>\r\n            <p class=\"m2p-para\">\r\n                At the heart of M2P is the belief that every woman carries a testimony worth sharing. The ministry creates meaningful opportunities for women to recognize and release their voices through testimonies of gratitude and thanksgiving affirming that when we pour out praise to Christ, He pours blessing back in return. M2P also hosts a podcast addressing two important topics: Grief and Abuse (sexual, emotional, mental, and physical), providing a platform for healing, awareness, and hope. Through fellowship, spiritual growth, and charitable giving, M2P encourages every woman to discover who she has been created to be and to pour that purpose into the world around her.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"m2p-pillars\">\r\n            <span class=\"m2p-pillar\"><span class=\"m2p-pillar-dot\"><\/span>Encouragement<\/span>\r\n            <span class=\"m2p-pillar\"><span class=\"m2p-pillar-dot\"><\/span>Faith &amp; Purpose<\/span>\r\n            <span class=\"m2p-pillar\"><span class=\"m2p-pillar-dot\"><\/span>Community<\/span>\r\n            <span class=\"m2p-pillar\"><span class=\"m2p-pillar-dot\"><\/span>Women's Ministry<\/span>\r\n            <span class=\"m2p-pillar\"><span class=\"m2p-pillar-dot\"><\/span>Healing &amp; Growth<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"m2p-footer-strip\">\r\n            <div class=\"m2p-strip-line\"><\/div>\r\n            <span class=\"m2p-strip-text\">poured out with purpose<\/span>\r\n            <div class=\"m2p-strip-line rev\"><\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n    function initM2P() {\r\n        var section = document.getElementById('m2p-brand');\r\n        if (!section || section.dataset.m2pi === '1') return;\r\n        section.dataset.m2pi = '1';\r\n\r\n        var obs = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (e) {\r\n                if (e.isIntersecting) section.classList.add('m2p-visible');\r\n            });\r\n        }, { threshold: 0.1 });\r\n        obs.observe(section);\r\n\r\n        var medallion = section.querySelector('.m2p-medallion');\r\n        var ringMid   = section.querySelector('.m2p-ring-mid');\r\n        var ringOuter = section.querySelector('.m2p-ring-outer');\r\n        var angle = 0;\r\n\r\n        (function rotateRings() {\r\n            angle += 0.12;\r\n            if (ringMid)   ringMid.style.transform   = 'rotate(' + angle + 'deg)';\r\n            if (ringOuter) ringOuter.style.transform  = 'rotate(' + (-angle * 0.5) + 'deg)';\r\n            requestAnimationFrame(rotateRings);\r\n        })();\r\n    }\r\n\r\n    document.readyState === 'loading'\r\n        ? document.addEventListener('DOMContentLoaded', initM2P)\r\n        : initM2P();\r\n    setTimeout(initM2P, 400);\r\n    setTimeout(initM2P, 1200);\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-a3009a7 e-con-full e-flex e-con e-parent\" data-id=\"a3009a7\" 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-2ee7227 elementor-widget elementor-widget-html\" data-id=\"2ee7227\" 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<style>\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.section{position:relative;overflow:hidden}\r\n.container{max-width:1200px;margin:0 auto;padding:0 2.5rem}\r\n.eyebrow{font-family:var(--font-sans);font-size:.7rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}\r\n.eyebrow::before{content:'';display:inline-block;width:2rem;height:1px;background:var(--gold);flex-shrink:0}\r\nh2.section-title{font-family:var(--font-serif);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:400;line-height:1.08;color:var(--dark);margin-bottom:1rem}\r\nh2.section-title em{font-style:italic;color:var(--gold)}\r\n.gold-rule{display:flex;align-items:center;gap:.8rem;margin:1.6rem 0}\r\n.gold-rule::before,.gold-rule::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}\r\n.gold-rule span{color:var(--gold);font-size:.7rem}\r\n\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\/* \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   BOOK SECTION \u2014 CREAM BG\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#featured-book{background:var(--cream);padding:7rem 0 8rem}\r\n.book-layout{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}\r\n\r\n\/* Book image arrangement *\/\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   BOOK VISUAL \u2014 IMAGE VERSION\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\r\n.book-visual{\r\n  position:relative;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-height:550px;\r\n}\r\n\r\n\/* Main Book Image *\/\r\n.book-image-wrap{\r\n  position:relative;\r\n  z-index:2;\r\n  animation:floatBook 5s ease-in-out infinite;\r\n}\r\n\r\n.book-image{\r\n  width:100%;\r\n  max-width:420px;\r\n  display:block;\r\n  border-radius:18px;\r\n  box-shadow:\r\n    0 30px 80px rgba(0,0,0,.28),\r\n    0 10px 30px rgba(184,150,74,.18);\r\n  transition:transform .5s ease, box-shadow .5s ease;\r\n}\r\n\r\n.book-image:hover{\r\n  transform:translateY(-8px) scale(1.02);\r\n  box-shadow:\r\n    0 40px 100px rgba(0,0,0,.35),\r\n    0 20px 50px rgba(184,150,74,.22);\r\n}\r\n\r\n\/* Soft Glow *\/\r\n.book-glow{\r\n  position:absolute;\r\n  width:500px;\r\n  height:500px;\r\n  border-radius:50%;\r\n  background:radial-gradient(circle,\r\n    rgba(212,174,106,.22) 0%,\r\n    rgba(212,174,106,.08) 35%,\r\n    transparent 70%);\r\n  animation:pulseGlow 6s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* Floating Animation *\/\r\n@keyframes floatBook{\r\n  0%{\r\n    transform:translateY(0px);\r\n  }\r\n  50%{\r\n    transform:translateY(-14px);\r\n  }\r\n  100%{\r\n    transform:translateY(0px);\r\n  }\r\n}\r\n\r\n\/* Glow Animation *\/\r\n@keyframes pulseGlow{\r\n  from{\r\n    transform:scale(.9);\r\n    opacity:.6;\r\n  }\r\n  to{\r\n    transform:scale(1.1);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n\/* Decorative Leaves *\/\r\n.leaf{\r\n  position:absolute;\r\n  width:80px;\r\n  height:80px;\r\n  background:radial-gradient(circle at center,\r\n    rgba(132,164,108,.18),\r\n    transparent 70%);\r\n  border-radius:50%;\r\n  filter:blur(6px);\r\n  z-index:1;\r\n}\r\n\r\n.leaf-1{\r\n  top:15%;\r\n  left:10%;\r\n  animation:leafMove1 8s ease-in-out infinite alternate;\r\n}\r\n\r\n.leaf-2{\r\n  bottom:10%;\r\n  right:8%;\r\n  animation:leafMove2 10s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes leafMove1{\r\n  from{\r\n    transform:translateY(0) translateX(0);\r\n  }\r\n  to{\r\n    transform:translateY(-20px) translateX(10px);\r\n  }\r\n}\r\n\r\n@keyframes leafMove2{\r\n  from{\r\n    transform:translateY(0) translateX(0);\r\n  }\r\n  to{\r\n    transform:translateY(15px) translateX(-12px);\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:768px){\r\n\r\n  .book-visual{\r\n    min-height:420px;\r\n  }\r\n\r\n  .book-image{\r\n    max-width:300px;\r\n  }\r\n\r\n  .book-glow{\r\n    width:320px;\r\n    height:320px;\r\n  }\r\n\r\n}\r\n.btn-row{display:flex;gap:1rem;flex-wrap:wrap; margin-top:20px !important;}\r\n.btn-buy{\r\n  display:inline-flex;align-items:center;gap:.7rem;\r\n  padding:1rem 2.2rem;\r\n  background:linear-gradient(135deg,#B8964A,#D4AE6A);\r\n  color:var(--dark);font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;\r\n  border:none;border-radius:4px;cursor:pointer;text-decoration:none !important;\r\n  transition:transform .3s,box-shadow .3s;\r\n  box-shadow:0 6px 28px rgba(184,150,74,.4);\r\n}\r\n.btn-buy:hover{transform:translateY(-3px);box-shadow:0 12px 44px rgba(184,150,74,.55); color: #fff !important;}\r\n.btn-preview{\r\n  display:inline-flex;align-items:center;gap:.6rem;\r\n  padding:1rem 1.8rem;border:1.5px solid var(--gold);\r\n  color:var(--gold);font-weight:500;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;\r\n  border-radius:4px;cursor:pointer;text-decoration:none !important;background:transparent;\r\n  transition:background .3s,color .3s;\r\n}\r\n.btn-preview:hover{background:var(--gold-xpale);color:var(--dark-mid)}\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   SCRIPTURE \u2014 GREENERY BG\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#scripture{\r\n  background:url('https:\/\/demowebdesign.live\/sonia\/wp-content\/uploads\/2026\/06\/wmremove-transformed.jpeg') center\/cover no-repeat fixed;\r\n  min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;\r\n  position:relative;padding:7rem 2rem;\r\n}\r\n.scripture-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,8,0.75),rgba(4,12,6,.75))}\r\n.fog-layer{position:absolute;inset:0;background:radial-gradient(ellipse 130% 70% at 50% 80%,rgba(180,210,160,.06),transparent 65%);animation:fogDrift 14s ease-in-out infinite alternate}\r\n.rays{position:absolute;inset:0;background:conic-gradient(from -12deg at 50% -8%,transparent 58deg,rgba(255,230,140,.03) 63deg,transparent 68deg,transparent 78deg,rgba(255,230,140,.022) 83deg,transparent 88deg);animation:raysPulse 8s ease-in-out infinite alternate}\r\n@keyframes fogDrift{from{transform:translateX(-2.5%) scale(1)}to{transform:translateX(2.5%) scale(1.04)}}\r\n@keyframes raysPulse{from{opacity:.4}to{opacity:1}}\r\n.scripture-inner{position:relative;z-index:1;max-width:860px}\r\n.quote-mark-lg{font-family:var(--font-serif);font-size:7rem;line-height:.6;color:var(--gold);display:block;margin-bottom:1rem;opacity:.8}\r\n.scripture-inner blockquote{font-family:var(--font-serif);font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:300;font-style:italic;color:#fff;line-height:1.42;margin-bottom:1.8rem}\r\n.scripture-ref{font-size:18px !important;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-light);font-weight:500}\r\n.scripture-divider{width:48px;height:1px;background:var(--gold);margin:.9rem auto}\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   TESTIMONIALS \u2014 CREAM BG (RICH)\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#testimonials{background:var(--cream);padding:8rem 0;position:relative}\r\n#testimonials::before{\r\n  content:'';position:absolute;top:0;left:0;right:0;height:3px;\r\n  background:linear-gradient(90deg,transparent,var(--gold-pale),var(--gold),var(--gold-pale),transparent)\r\n}\r\n.testi-header{text-align:center;max-width:560px;margin:0 auto 5rem}\r\n.testi-header p.intro{color:var(--text-muted);font-size:1.04rem;line-height:1.8;font-weight:300;margin-top:1rem}\r\n.testi-featured{\r\n  display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;\r\n}\r\n.testi-card{\r\n  background:var(--white);border:1px solid var(--cream-deep);border-radius:16px;\r\n  padding:2.4rem 2.2rem;position:relative;\r\n  box-shadow:var(--shadow-sm);\r\n  transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .3s;\r\n}\r\n.testi-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--gold-pale)}\r\n.testi-card.featured-card{\r\n  grid-column:1\/-1;\r\n  background:linear-gradient(135deg,#FBF8F2,#F5EDD8);\r\n  border-color:var(--gold-pale);\r\n  display:grid;grid-template-columns:auto 1fr;gap:2.4rem;align-items:center;\r\n}\r\n.testi-card.featured-card .testi-avatar{width:72px;height:72px;font-size:1.5rem;flex-shrink:0}\r\n.testi-card.featured-card .testi-text{font-size:1.2rem}\r\n.tq{\r\n  position:absolute;top:1.6rem;right:1.8rem;\r\n  font-family:var(--font-serif);font-size:4.5rem;line-height:.75;\r\n  color:var(--gold-pale);pointer-events:none;\r\n  animation:qtRot 9s ease-in-out infinite alternate;\r\n}\r\n@keyframes qtRot{from{transform:rotate(-1deg)}to{transform:rotate(2deg)}}\r\n.stars{font-size:.82rem;color:var(--gold);letter-spacing:.06rem;display:block;margin-bottom:1rem}\r\n.testi-text{font-family:var(--font-serif);font-size:1.06rem;font-style:italic;line-height:1.75;color:var(--dark-mid);margin-bottom:1.6rem;position:relative;z-index:1}\r\n.testi-author{display:flex;align-items:center;gap:.9rem}\r\n.testi-avatar{\r\n  width:46px;height:46px;border-radius:50%;flex-shrink:0;\r\n  background:linear-gradient(135deg,var(--gold-pale),var(--cream-deep));\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-family:var(--font-serif);font-size:1rem;font-weight:600;color:var(--gold);\r\n  border:2px solid var(--gold-pale);\r\n}\r\n.testi-author-info strong{display:block;font-size:.88rem;font-weight:600;color:var(--dark);margin-bottom:.15rem}\r\n.testi-author-info span{font-size:.74rem;color:var(--text-muted);letter-spacing:.04em}\r\n.testi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}\r\n\/* rating banner *\/\r\n.rating-banner{\r\n  display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;\r\n  padding:2.4rem 2rem;margin-top:3.5rem;\r\n  background:var(--white);border-radius:16px;border:1px solid var(--cream-deep);\r\n  box-shadow:var(--shadow-sm);\r\n}\r\n.rating-stat{text-align:center}\r\n.rating-stat .big-num{font-family:var(--font-serif);font-size:2.8rem;font-weight:400;color:var(--dark);line-height:1;margin-bottom:.3rem}\r\n.rating-stat .big-label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-weight:500}\r\n.rating-divider{width:1px;height:50px;background:var(--cream-deep)}\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   SPEAKING \u2014 GREENERY BG\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#speaking{\r\n  background:linear-gradient(135deg,rgba(14,28,14,.75),rgba(8,18,8,.75)),\r\n    url('https:\/\/demowebdesign.live\/sonia\/wp-content\/uploads\/2026\/06\/15256.jpg') center\/cover no-repeat fixed;\r\n  padding:8rem 0;color:#fff;\r\n}\r\n.speaking-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}\r\n.speaking-img-wrap{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.55)}\r\n.speaking-img-wrap img{width:100%;height:520px;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,1,.36,1)}\r\n.speaking-img-wrap:hover img{transform:scale(1.04)}\r\n.speaking-img-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 55%)}\r\n.speaking-badge{\r\n  position:absolute;bottom:1.8rem;left:1.8rem;z-index:2;\r\n  background:rgba(184,150,74,.92);backdrop-filter:blur(6px);\r\n  padding:.55rem 1.2rem;border-radius:30px;\r\n  font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#fff;\r\n}\r\n.speaking-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);border-radius:10px;overflow:hidden;margin-bottom:2.4rem}\r\n.sp-stat{background:rgba(255,255,255,.06);backdrop-filter:blur(4px);padding:1.2rem;text-align:center}\r\n.sp-stat .sp-num{font-family:var(--font-serif);font-size:2rem;color:#fff;display:block;line-height:1}\r\n.sp-stat .sp-lbl{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(212,174,106,.8);margin-top:.3rem;display:block}\r\n.speaking-content .eyebrow{color:var(--gold-light)}\r\n.speaking-content h2.section-title{color:#fff}\r\n.speaking-content h2.section-title em{color:var(--gold-light)}\r\n.speaking-body{color:#fff !important;line-height:1.85;font-weight:300;font-size:1.04rem;margin-bottom:2rem}\r\n.pillars{display:flex;flex-direction:column;gap:.9rem;margin-bottom:2.4rem}\r\n.pillar{\r\n  display:flex;align-items:flex-start;gap:1rem;\r\n  background:rgba(255,255,255,.07);backdrop-filter:blur(4px);\r\n  border:1px solid rgba(255,255,255,.1);border-radius:10px;\r\n  padding:1rem 1.2rem;\r\n  transition:background .3s,border-color .3s;\r\n}\r\n.pillar:hover{background:rgba(255,255,255,.11);border-color:rgba(212,174,106,.35)}\r\n.pillar-icon{\r\n  width:36px;height:36px;border-radius:8px;\r\n  background:rgba(184,150,74,.2);border:1px solid rgba(184,150,74,.4);\r\n  display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem;\r\n}\r\n.pillar-text strong{display:block;font-size:.88rem;font-weight:600;color:#fff;margin-bottom:.2rem}\r\n.pillar-text span{font-size:15px;color:#fff !important}\r\n.btn-speaking{\r\n  display:inline-flex;align-items:center;gap:.7rem;\r\n  padding:1rem 2.2rem;border:1.5px solid var(--gold-light);\r\n  color:var(--gold-light);font-weight:500;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;\r\n  border-radius:4px;cursor:pointer;text-decoration:none !important;background:transparent;\r\n  transition:all .3s;\r\n}\r\n.btn-speaking:hover{background:var(--gold);border-color:var(--gold);color:var(--dark);transform:scale(1.04);box-shadow:0 8px 32px rgba(184,150,74,.45)}\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   NEWSLETTER \u2014 WARM CREAM BG\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#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{\r\n  flex:1;padding:1rem 1.3rem;\r\n  border:1.5px solid rgba(184,150,74,.25);background:rgba(255,255,255,.65);\r\n  border-radius:8px;font-family:var(--font-sans);font-size:.92rem;color:var(--dark);\r\n  outline:none;transition:border-color .3s,box-shadow .3s,background .3s;backdrop-filter:blur(6px);\r\n}\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{\r\n  padding:1rem 2.2rem;border:none;border-radius:8px;cursor:pointer;\r\n  font-family:var(--font-sans);font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;\r\n  background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--dark);white-space:nowrap;\r\n  transition:transform .3s,box-shadow .3s;box-shadow:0 6px 24px rgba(184,150,74,.35); text-decoration: none !important;\r\n}\r\n.btn-subscribe:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(184,150,74,.5); color: white !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\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   FOOTER\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\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:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}}\r\n@media(max-width:900px){\r\n  .book-layout,.speaking-layout,.testi-featured{grid-template-columns:1fr;gap:3rem}\r\n  .testi-card.featured-card{grid-template-columns:1fr}\r\n  .testi-row{grid-template-columns:1fr 1fr}\r\n  .book-visual{height:380px}\r\n  .book-main{width:150px;height:220px}\r\n  .book-lean{width:130px;height:190px}\r\n  .book-back{width:180px;height:130px}\r\n  .speaking-img-wrap img{height:380px}\r\n  .nl-row{flex-direction:column}\r\n  .btn-subscribe{width:100%}\r\n}\r\n@media(max-width:640px){\r\n  .container{padding:0 1.4rem}\r\n  .testi-row{grid-template-columns:1fr}\r\n  .footer-grid{grid-template-columns:1fr}\r\n  .footer-bottom{flex-direction:column;text-align:center}\r\n  .rating-banner{gap:1.5rem}\r\n  .rating-divider{display:none}\r\n  .book-meta{grid-template-columns:1fr 1fr}\r\n  #scripture,#speaking{background-attachment:scroll}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\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\u2550\u2550\u2550\u2550\r\n     5. FEATURED BOOK\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\u2550\u2550\u2550\u2550 -->\r\n<section id=\"featured-book\" class=\"section\">\r\n  <div class=\"container\">\r\n    <div class=\"book-layout\">\r\n\r\n      <!-- Visual -->\r\n      <div class=\"book-visual reveal\">\r\n\r\n  <!-- Decorative Glow -->\r\n  <div class=\"book-glow\"><\/div>\r\n\r\n  <!-- Floating Leaves -->\r\n  <div class=\"leaf leaf-1\"><\/div>\r\n  <div class=\"leaf leaf-2\"><\/div>\r\n\r\n  <!-- Book Image -->\r\n  <div class=\"book-image-wrap\">\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=\"book-image\">\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n      <!-- Info -->\r\n      <div class=\"book-info-side\">\r\n        <p class=\"eyebrow reveal\">Featured Title<\/p>\r\n        <h2 class=\"section-title reveal d1\">Running a <em>Different Race<\/em><\/h2>\r\n        <div class=\"gold-rule reveal d2\"><span>\u2726<\/span><\/div>\r\n        <p class=\"synopsis reveal d2\">\r\n          A soul-stirring call to women everywhere your race is not defined by the world's pace. \r\n          Drawing from over four decades of ministry, personal trials, and divine revelation, \r\n          Sonia Henry weaves a tapestry of faith, endurance, and grace that will awaken the runner within you.\r\n        <\/p>\r\n        <div class=\"book-chips reveal d3\">\r\n          <span class=\"chip\">Christian Living<\/span>\r\n          <span class=\"chip\">Women's Ministry<\/span>\r\n          <span class=\"chip\">Inspirational<\/span>\r\n          <span class=\"chip\">Devotional<\/span>\r\n        <\/div>\r\n        <div class=\"btn-row reveal d4\">\r\n          <a href=\"#\" class=\"btn-buy\">\r\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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\u2550\u2550\u2550\u2550\r\n     6. SCRIPTURE BANNER\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\u2550\u2550\u2550\u2550 -->\r\n<section id=\"scripture\" class=\"section\">\r\n  <div class=\"scripture-overlay\"><\/div>\r\n  <div class=\"fog-layer\"><\/div>\r\n  <div class=\"rays\"><\/div>\r\n  <div class=\"scripture-inner reveal\">\r\n    <span class=\"quote-mark-lg\">\"<\/span>\r\n    <blockquote>Your race is not over it is, in fact, just beginning. In a world urging us to run faster, God invites us to run deeper.<\/blockquote>\r\n    <div class=\"scripture-divider\"><\/div>\r\n    <p class=\"scripture-ref\">\u2014 Sonia Henry &nbsp;\u00b7&nbsp; Author &amp; Speaker<\/p>\r\n  <\/div>\r\n<\/section>\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\u2550\u2550\u2550\u2550\r\n     7. TESTIMONIALS\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\u2550\u2550\u2550\u2550 -->\r\n<section id=\"testimonials\" class=\"section\">\r\n  <div class=\"container\">\r\n    <div class=\"testi-header\">\r\n      <p class=\"eyebrow reveal\" style=\"justify-content:center\">Reader Stories<\/p>\r\n      <h2 class=\"section-title reveal d1\">Lives <em>Transformed<\/em><\/h2>\r\n      <p class=\"intro reveal 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=\"testi-featured\">\r\n      <div class=\"testi-card featured-card reveal\">\r\n        <div class=\"testi-avatar\" style=\"width:72px;height:72px;font-size:1.5rem\">JM<\/div>\r\n        <div>\r\n          <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n          <p class=\"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=\"testi-author\">\r\n            <div class=\"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=\"tq\">\"<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 3-column row -->\r\n    <div class=\"testi-row\">\r\n      <div class=\"testi-card reveal\">\r\n        <span class=\"tq\">\"<\/span>\r\n        <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n        <p class=\"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=\"testi-author\">\r\n          <div class=\"testi-avatar\">PR<\/div>\r\n          <div class=\"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=\"testi-card reveal d1\">\r\n        <span class=\"tq\">\"<\/span>\r\n        <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n        <p class=\"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=\"testi-author\">\r\n          <div class=\"testi-avatar\">DR<\/div>\r\n          <div class=\"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=\"testi-card reveal d2\">\r\n        <span class=\"tq\">\"<\/span>\r\n        <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n        <p class=\"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=\"testi-author\">\r\n          <div class=\"testi-avatar\">CN<\/div>\r\n          <div class=\"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\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\u2550\u2550\u2550\u2550\r\n     8. SPEAKING & MINISTRY\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\u2550\u2550\u2550\u2550 -->\r\n<section id=\"speaking\" class=\"section\">\r\n  <div class=\"container\">\r\n    <div class=\"speaking-layout\">\r\n\r\n      <div class=\"speaking-img-wrap reveal\">\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/sonia\/wp-content\/uploads\/2026\/06\/wmremove-transformed-3.jpeg\" alt=\"Sunrise mountain trail\" loading=\"lazy\">\r\n        <!--<div class=\"speaking-badge\">Available for 2025 &amp; 2026<\/div>-->\r\n      <\/div>\r\n\r\n      <div class=\"speaking-content\">\r\n        <p class=\"eyebrow reveal\">Speaking &amp; Ministry<\/p>\r\n        <h2 class=\"section-title reveal d1\">Invite Sonia to <em>Speak<\/em><\/h2>\r\n        <div class=\"gold-rule reveal d2\" style=\"--gold:rgba(212,174,106,.5)\"><span style=\"color:rgba(212,174,106,.6)\">\u2726<\/span><\/div>\r\n\r\n\r\n        <p class=\"speaking-body reveal d2\">With over four decades of pastoral wisdom and prophetic insight, Sonia brings an atmosphere of encounter wherever she speaks from intimate women's retreats to large conference stages across North America.<\/p>\r\n\r\n        <div class=\"pillars reveal d3\">\r\n          <div class=\"pillar\">\r\n            <div class=\"pillar-icon\">\r\n              <!-- Microphone \/ stage speaker -->\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(212,174,106,.9)\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"\/>\r\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"\/>\r\n                <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"\/>\r\n                <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"pillar-text\">\r\n              <strong>Women's Conferences<\/strong>\r\n              <span>Keynote addresses, half-day and full-day retreats<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"pillar\">\r\n            <div class=\"pillar-icon\">\r\n              <!-- Church \/ building with cross -->\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(212,174,106,.9)\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M3 22V9l9-7 9 7v13H3z\"\/>\r\n                <path d=\"M9 22V12h6v10\"\/>\r\n                <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"6\"\/>\r\n                <line x1=\"10\" y1=\"4\" x2=\"14\" y2=\"4\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"pillar-text\">\r\n              <strong>Church Engagements<\/strong>\r\n              <span>Sunday services, leadership summits, prophetic workshops<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"pillar\">\r\n            <div class=\"pillar-icon\">\r\n              <!-- Open hands \/ pouring water \u2014 ministry -->\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(212,174,106,.9)\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\/>\r\n                <path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\/>\r\n                <line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/>\r\n                <line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/>\r\n                <line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"pillar-text\">\r\n              <strong>More to Pour Ministry<\/strong>\r\n              <span>Women's discipleship, mentorship &amp; prayer events<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"https:\/\/demowebdesign.live\/sonia\/index.php\/contact\/\" class=\"btn-speaking reveal d4\">\r\n          Send a Speaking Inquiry\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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\u2550\u2550\u2550\u2550\r\n     9. NEWSLETTER\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\u2550\u2550\u2550\u2550 -->\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\">\r\n    Join the Journey &nbsp;\u2192\r\n<\/a>\r\n        \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\r\n\r\n<script>\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\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>\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>An Inspirational Journey of Faith &amp; Purpose Running A Different Race \u2726 \u2726 \u2726 &#8220;It is not the end of [&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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":250,"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":573,"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/573"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}