{"id":14,"date":"2026-04-08T21:42:50","date_gmt":"2026-04-08T21:42:50","guid":{"rendered":"https:\/\/demowebdesign.live\/petricia\/index.php\/home\/"},"modified":"2026-04-16T19:05:42","modified_gmt":"2026-04-16T19:05:42","slug":"home","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/petricia\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0808028 e-con-full e-flex e-con e-parent\" data-id=\"0808028\" 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-7d5c2bb elementor-widget elementor-widget-html\" data-id=\"7d5c2bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n  body { font-family: 'Inter', sans-serif; overflow-x: hidden; background: #06111c; }\r\n\r\n \r\n  \/* HERO *\/\r\n  .hero {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    padding: 100px 48px 60px;\r\n  }\r\n\r\n  .hero-bg {\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(135deg,\r\n      #041c2c 0%, #0a2a4a 30%, #0d4f6e 55%, #0e6b7a 75%, #083040 100%\r\n    );\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* Orbs *\/\r\n  .orb {\r\n    position: absolute; border-radius: 50%;\r\n    animation: floatOrb 9s ease-in-out infinite; z-index: 1;\r\n  }\r\n  .orb-1 { width:520px; height:520px; background:#3ecfcf; opacity:0.10; top:-120px; left:-160px; animation-duration:10s; }\r\n  .orb-2 { width:300px; height:300px; background:#5ba8e0; opacity:0.09; bottom:-60px; left:30%; animation-duration:12s; animation-delay:-4s; }\r\n  .orb-3 { width:180px; height:180px; background:#c0392b; opacity:0.08; top:25%; right:42%; animation-duration:7s; animation-delay:-2s; }\r\n\r\n  @keyframes floatOrb {\r\n    0%,100% { transform: translateY(0) scale(1); }\r\n    50% { transform: translateY(-28px) scale(1.04); }\r\n  }\r\n\r\n  .hero-grid {\r\n    position: absolute; inset: 0;\r\n    background-image:\r\n      linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Two-column layout *\/\r\n  .hero-inner {\r\n    position: relative; z-index: 10;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 60px;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* LEFT TEXT *\/\r\n  .hero-text {\r\n    flex: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  .badge {\r\n    display: inline-block;\r\n    background: rgba(62,207,207,0.13);\r\n    border: 1px solid rgba(62,207,207,0.32);\r\n    color: #7ee8e8;\r\n    font-size: 11px; font-weight: 600;\r\n    letter-spacing: 2px; text-transform: uppercase;\r\n    padding: 6px 18px; border-radius: 50px;\r\n    margin-bottom: 26px;\r\n    animation: fadeUp 1s ease 0.2s forwards; opacity: 0; transform: translateY(20px);\r\n  }\r\n\r\n  .hero-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(34px, 4.5vw, 64px);\r\n    font-weight: 900; line-height: 1.1; color: #fff;\r\n    margin-bottom: 20px;\r\n    animation: fadeUp 1s ease 0.4s forwards; opacity: 0; transform: translateY(20px);\r\n  }\r\n  .hero-title .accent-teal { color: #3ecfcf; }\r\n  .hero-title .accent-red  { color: #e74c3c; }\r\n\r\n  .hero-sub {\r\n    font-size: clamp(14px, 1.6vw, 17px);\r\n    color: rgba(190,220,230,0.75); font-weight: 300;\r\n    max-width: 480px; line-height: 1.75;\r\n    margin-bottom: 36px;\r\n    animation: fadeUp 1s ease 0.6s forwards; opacity: 0; transform: translateY(20px);\r\n  }\r\n\r\n  .cta-group {\r\n    display: flex; gap: 14px; flex-wrap: wrap;\r\n    animation: fadeUp 1s ease 0.8s forwards; opacity: 0; transform: translateY(20px);\r\n  }\r\n\r\n  .btn {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 13.5px; font-weight: 600; letter-spacing: 0.5px;\r\n    padding: 13px 30px; border-radius: 50px;\r\n    cursor: pointer; border: none; text-decoration: none;\r\n    display: inline-block;\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n  }\r\n  .btn-primary {\r\n    background: #3ecfcf; color: #041c2c;\r\n    box-shadow: 0 0 0 rgba(62,207,207,0);\r\n  }\r\n  .btn-primary:hover {\r\n    transform: scale(1.06);\r\n    box-shadow: 0 0 28px rgba(62,207,207,0.55);\r\n  }\r\n  .btn-secondary {\r\n    background: transparent; color: #fff;\r\n    border: 1.5px solid rgba(255,255,255,0.38);\r\n  }\r\n  .btn-secondary:hover {\r\n    transform: scale(1.06);\r\n    box-shadow: 0 0 22px rgba(255,255,255,0.18);\r\n    border-color: rgba(255,255,255,0.8);\r\n    color: #fff !important;\r\n  }\r\n\r\n  \/* RIGHT IMAGE BLOCK *\/\r\n  .hero-image-wrap {\r\n    flex: 0 0 300px;\r\n    position: relative;\r\n    animation: fadeLeft 1.1s ease 0.5s forwards; opacity: 0; transform: translateX(40px);\r\n  }\r\n\r\n  @keyframes fadeLeft {\r\n    to { opacity: 1; transform: translateX(0); }\r\n  }\r\n\r\n  \/* Glow ring behind image *\/\r\n  .image-glow {\r\n    position: absolute;\r\n    width: 340px; height: 420px;\r\n    border-radius: 200px 200px 160px 160px;\r\n    background: linear-gradient(160deg, #3ecfcf 0%, #0d4f6e 50%, #e74c3c 100%);\r\n    opacity: 0.25;\r\n    top: 16px; left: 50%;\r\n    transform: translateX(-50%);\r\n    filter: blur(32px);\r\n    animation: glowPulse 5s ease-in-out infinite;\r\n    z-index: 0;\r\n  }\r\n  @keyframes glowPulse {\r\n    0%,100% { opacity: 0.22; transform: translateX(-50%) scale(1); }\r\n    50% { opacity: 0.35; transform: translateX(-50%) scale(1.04); }\r\n  }\r\n\r\n  \/* Frame border *\/\r\n  .image-frame {\r\n    position: relative; z-index: 2;\r\n    width: 300px;\r\n    margin: 0 auto;\r\n    border-radius: 180px 180px 140px 140px;\r\n    padding: 4px;\r\n    background: linear-gradient(160deg, #3ecfcf 0%, #5ba8e0 50%, #e74c3c 100%);\r\n    box-shadow: 0 24px 60px rgba(0,0,0,0.5);\r\n  }\r\n\r\n  .image-inner {\r\n    border-radius: 178px 178px 138px 138px;\r\n    overflow: hidden;\r\n    width: 100%; height: 420px;\r\n    background: linear-gradient(160deg, #0d4f6e 0%, #083040 100%);\r\n    display: flex; justify-content: center;\r\n    position: relative\r\n  }\r\n\r\n\r\n  \/* Actual author image if provided *\/\r\n  .author-photo {\r\n   width: 100%; height: 100%;\r\n    display: flex; flex-direction: column;\r\n    align-items: center; justify-content: flex-end;\r\n    padding-bottom: 0;\r\n    position: relative;\r\n    object-fit: cover !important;\r\n  }\r\n\r\n  .image-fade {\r\n    position: absolute; bottom: 0; left: 0; right: 0; height: 120px;\r\n    background: linear-gradient(to top, #083040 0%, transparent 100%);\r\n    z-index: 3;\r\n  }\r\n\r\n  \/* Name tag below image *\/\r\n  .image-name-tag {\r\n    position: absolute;\r\n    bottom: -20px; left: 50%; transform: translateX(-50%);\r\n    background: linear-gradient(135deg, #0d4f6e, #083040);\r\n    border: 1px solid rgba(62,207,207,0.3);\r\n    border-radius: 50px;\r\n    padding: 10px 28px;\r\n    white-space: nowrap;\r\n    z-index: 10;\r\n    text-align: center;\r\n  }\r\n  .image-name-tag strong {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 15px; color: #fff; display: block; font-weight: 700;\r\n  }\r\n  .image-name-tag span {\r\n    font-size: 10px; letter-spacing: 2px; text-transform: uppercase;\r\n    color: #3ecfcf; font-weight: 600;\r\n  }\r\n\r\n  \/* Floating book badges *\/\r\n  .float-badge {\r\n    position: absolute;\r\n    background: rgba(10, 20, 35, 0.9);\r\n    border: 1px solid rgba(62,207,207,0.25);\r\n    border-radius: 12px;\r\n    padding: 10px 14px;\r\n    z-index: 5;\r\n    backdrop-filter: blur(10px);\r\n    animation: floatBadge 4s ease-in-out infinite;\r\n    max-width: 160px;\r\n  }\r\n  @keyframes floatBadge {\r\n    0%,100% { transform: translateY(0); }\r\n    50% { transform: translateY(-8px); }\r\n  }\r\n  .float-badge-1 {\r\n    top: 30px; left: -50px;\r\n    animation-delay: 0s;\r\n  }\r\n  .float-badge-2 {\r\n    bottom: 80px; right: -44px;\r\n    animation-delay: -2s;\r\n  }\r\n  .float-badge-3 {\r\n    top: 170px; right: -75px;\r\n    animation-delay: -3.5s;\r\n  }\r\n\r\n  .float-badge p { font-size: 11px; color: rgba(255,255,255,0.5); margin-bottom: 2px; }\r\n  .float-badge strong { font-size: 12px; color: #fff; font-weight: 600; line-height: 1.2; display: block; }\r\n  .float-dot {\r\n    width: 8px; height: 8px; border-radius: 50%;\r\n    margin-bottom: 6px;\r\n  }\r\n  .dot-teal { background: #3ecfcf; }\r\n  .dot-red  { background: #e74c3c; }\r\n  .dot-blue { background: #5ba8e0; }\r\n\r\n  @keyframes fadeUp {\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* ABOUT STRIP *\/\r\n  .about-strip {\r\n    background: linear-gradient(135deg, #0e6b7a 0%, #0a2a4a 100%);\r\n    padding: 70px 24px; text-align: center;\r\n  }\r\n  .about-strip blockquote {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(17px, 2.5vw, 24px);\r\n    font-weight: 400; font-style: italic;\r\n    color: rgba(255,255,255,0.88);\r\n    max-width: 680px; margin: 0 auto 24px;\r\n    line-height: 1.65;\r\n  }\r\n  .about-strip .author-name {\r\n    font-family: 'Inter', sans-serif; font-style: normal;\r\n    font-size: 12px; font-weight: 600;\r\n    letter-spacing: 2.5px; text-transform: uppercase;\r\n    color: #7ee8e8;\r\n  }\r\n\r\n  \/* BOOKS *\/\r\n  .books-section { background: #071420; padding: 100px 24px; }\r\n  .section-label {\r\n    text-align: center; font-size: 11px; letter-spacing: 3px;\r\n    text-transform: uppercase; color: #3ecfcf; margin-bottom: 12px;\r\n  }\r\n  .section-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(24px, 3.5vw, 38px); font-weight: 700;\r\n    color: #fff; text-align: center; margin-bottom: 56px; line-height: 1.2;\r\n  }\r\n  .books-grid {\r\n    display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n    gap: 28px; max-width: 980px; margin: 0 auto;\r\n  }\r\n  .book-card {\r\n    background: linear-gradient(145deg, #0d2a3e, #0a1e2c);\r\n    border: 1px solid rgba(62,207,207,0.1);\r\n    border-radius: 16px; padding: 30px 26px;\r\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n  .book-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(62,207,207,0.38);\r\n    box-shadow: 0 20px 48px rgba(0,0,0,0.4);\r\n  }\r\n  .book-icon {\r\n    width: 48px; height: 48px; border-radius: 12px;\r\n    margin-bottom: 18px; display: flex; align-items: center;\r\n    justify-content: center; font-size: 22px;\r\n  }\r\n  .icon-teal { background: rgba(62,207,207,0.13); }\r\n  .icon-red  { background: rgba(231,76,60,0.13); }\r\n  .icon-blue { background: rgba(91,168,224,0.13); }\r\n  .book-tag {\r\n    font-size: 10px; letter-spacing: 2px; text-transform: uppercase;\r\n    font-weight: 600; margin-bottom: 8px;\r\n  }\r\n  .tag-teal { color: #3ecfcf; }\r\n  .tag-red  { color: #e74c3c; }\r\n  .tag-blue { color: #5ba8e0; }\r\n  .book-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 19px; font-weight: 700;\r\n    color: #fff; margin-bottom: 10px; line-height: 1.3;\r\n  }\r\n  .book-desc {\r\n    font-size: 13px; color: #fff;\r\n    line-height: 1.72; margin-bottom: 18px;\r\n  }\r\n\r\n  \/* SCROLL HINT *\/\r\n  .scroll-hint {\r\n    position: absolute; bottom: 28px; left: 50%;\r\n    transform: translateX(-50%); z-index: 10;\r\n    display: flex; flex-direction: column; align-items: center; gap: 6px;\r\n    animation: fadeInDelay 2s ease 1.8s forwards; opacity: 0;\r\n  }\r\n  @keyframes fadeInDelay { to { opacity: 1; } }\r\n  .scroll-hint span {\r\n    font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase;\r\n    color: rgba(255,255,255,0.25);\r\n  }\r\n  .scroll-line {\r\n    width: 1px; height: 36px;\r\n    background: linear-gradient(to bottom, rgba(62,207,207,0.7), transparent);\r\n    animation: scrollPulse 2s ease-in-out infinite;\r\n  }\r\n  @keyframes scrollPulse {\r\n    0%,100% { opacity: 0.4; }\r\n    50% { opacity: 1; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .hero { padding: 100px 24px 80px; }\r\n    .hero-inner { flex-direction: column-reverse; gap: 40px; text-align: center; }\r\n    .hero-image-wrap { flex: none; width: 100%; }\r\n    .image-frame { width: 220px; }\r\n    .image-inner { height: 300px; }\r\n    .float-badge-1 { left: -15px; top: 10px; }\r\n    .float-badge-2 { right: -15px; bottom: 40px; }\r\n    .float-badge-3 { right: -15px; top: 100px; }\r\n    .hero-sub { margin: 0 auto 36px; }\r\n    .cta-group { justify-content: center; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-bg\"><\/div>\r\n  <div class=\"orb orb-1\"><\/div>\r\n  <div class=\"orb orb-2\"><\/div>\r\n  <div class=\"orb orb-3\"><\/div>\r\n  <div class=\"hero-grid\"><\/div>\r\n  <div class=\"hero-inner\">\r\n    <!-- LEFT: Text -->\r\n    <div class=\"hero-text\">\r\n      <div class=\"badge\">Faith-Centered Author<\/div>\r\n      <h1 class=\"hero-title\">\r\n        Words That <span class=\"accent-teal\">Anchor<\/span>,<br\/>\r\n        <span class=\"accent-red\">Grieve<\/span>, and<br\/>\r\n        Carry You Forward\r\n      <\/h1>\r\n      <p class=\"hero-sub\">\r\n        By <strong style=\"color:#fff;font-weight:600;\">Patricia Morgan<\/strong> three faith rooted books on confusion, loss, and trust midair. Written for those learning to breathe again, one honest page at a time.\r\n      <\/p>\r\n      <div class=\"cta-group\">\r\n        <a href=\"#books\" class=\"btn btn-primary\">Explore Books<\/a>\r\n        <a href=\"#about\" class=\"btn btn-secondary\">Read My Story<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- RIGHT: Image -->\r\n    <div class=\"hero-image-wrap\">\r\n      <div class=\"image-glow\"><\/div>\r\n      <!-- Floating badges -->\r\n      <div class=\"float-badge float-badge-1\">\r\n        <div class=\"float-dot dot-teal\"><\/div>\r\n        <p>Latest Book<\/p>\r\n        <strong>Grace in the Skies<\/strong>\r\n      <\/div>\r\n      <div class=\"float-badge float-badge-2\">\r\n        <div class=\"float-dot dot-red\"><\/div>\r\n        <p>Bestseller<\/p>\r\n        <strong>When the Heart Shatters and the Lungs Collapse<\/strong>\r\n      <\/div>\r\n      <div class=\"float-badge float-badge-3\">\r\n        <div class=\"float-dot dot-blue\"><\/div>\r\n        <p>Resilience<\/p>\r\n        <strong>The Sky Is Green, The Ocean Is Blue<\/strong>\r\n      <\/div>\r\n      <!-- Image frame -->\r\n      <div class=\"image-frame\">\r\n        <div class=\"image-inner\">\r\n          <img decoding=\"async\"\r\n            id=\"author-img\"\r\n            class=\"author-photo\"\r\n            src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/PT-MORGAN-SLIM.jpg\"\r\n            alt=\"Patricia Morgan\"\r\n          \/>\r\n          <div class=\"image-fade\"><\/div>\r\n        <\/div>\r\n        <!-- Name tag -->\r\n        <div class=\"image-name-tag\">\r\n          <strong>Patricia Morgan<\/strong>\r\n          <span>Author &amp; Storyteller<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"scroll-hint\">\r\n    <span>Scroll<\/span>\r\n    <div class=\"scroll-line\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- QUOTE STRIP -->\r\n<section class=\"about-strip\" id=\"about\">\r\n  <blockquote>\"I write for those whose breath became a prayer for anyone who kept moving forward when the route changed, the skies went dark, and the ground beneath them felt like something new.\"<\/blockquote>\r\n  <div class=\"author-name\">Patricia Morgan<\/div>\r\n<\/section>\r\n\r\n<!-- BOOKS -->\r\n<section class=\"books-section\" id=\"books\">\r\n  <p class=\"section-label\">Written From the Journey<\/p>\r\n  <h2 class=\"section-title\">Three Seasons. Three Truths. One Faithful God.<\/h2>\r\n  <div class=\"books-grid\">\r\n    <div class=\"book-card\">\r\n      <div class=\"book-icon icon-teal\">\ud83c\udf0a<\/div>\r\n      <p class=\"book-tag tag-teal\">Calm &amp; Resilience<\/p>\r\n      <h3 class=\"book-title\">The Sky Is Green, The Ocean Is Blue<\/h3>\r\n      <p class=\"book-desc\">For those navigating seasons when life no longer makes sense. An honest companion through confusion, distorted faith, and the quiet endurance that carries you back to solid ground.<\/p>\r\n    <\/div>\r\n    <div class=\"book-card\">\r\n      <div class=\"book-icon icon-red\">\ud83d\udc94<\/div>\r\n      <p class=\"book-tag tag-red\">Grief &amp; Trust<\/p>\r\n      <h3 class=\"book-title\">When the Heart Shatters and the Lungs Collapse<\/h3>\r\n      <p class=\"book-desc\">A tender walk through grief that lands in the body before the mind can follow. One breath at a time, this book sits with loss and trusts that God remained close in every collapsed moment.<\/p>\r\n    <\/div>\r\n    <div class=\"book-card\">\r\n      <div class=\"book-icon icon-blue\">\u2708\ufe0f<\/div>\r\n      <p class=\"book-tag tag-blue\">Letting Go<\/p>\r\n      <h3 class=\"book-title\">Grace in the Skies<\/h3>\r\n      <p class=\"book-desc\">A faith-rooted journey through turbulence, surrender, and the steadiness of a God who holds you midair. For those learning that control was never theirs to carry alone.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a82d64 e-flex e-con-boxed e-con e-parent\" data-id=\"7a82d64\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55dbb9c elementor-widget elementor-widget-html\" data-id=\"55dbb9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n* { margin:0; padding:0; box-sizing:border-box; }\r\n\r\n.books-section {\r\n  background: #06111c;\r\n  padding: 100px 40px 120px;\r\n  font-family: 'Inter', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.section-top {\r\n  text-align: center;\r\n  margin-bottom: 72px;\r\n}\r\n\r\n.section-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: #3ecfcf;\r\n  margin-bottom: 18px;\r\n}\r\n.eyebrow-line {\r\n  width: 32px; height: 1px;\r\n  background: #3ecfcf;\r\n  opacity: 0.5;\r\n}\r\n\r\n.section-heading {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(32px, 4vw, 52px);\r\n  font-weight: 900;\r\n  color: #ffffff;\r\n  line-height: 1.1;\r\n  margin-bottom: 16px;\r\n}\r\n.section-heading em {\r\n  font-style: italic;\r\n  color: #3ecfcf;\r\n}\r\n\r\n.section-sub {\r\n  font-size: 15px;\r\n  color: #fff;\r\n  font-weight: 300;\r\n  max-width: 480px;\r\n  margin: 0 auto;\r\n  line-height: 1.7;\r\n}\r\n\r\n.books-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 28px;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.book-card {\r\n  position: relative;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  background: #0c1e2e;\r\n  border: 1px solid rgba(62,207,207,0.1);\r\n  transition: transform 0.45s cubic-bezier(0.23,1,0.32,1),\r\n              box-shadow 0.45s cubic-bezier(0.23,1,0.32,1),\r\n              border-color 0.3s ease;\r\n  opacity: 0;\r\n  transform: translateY(50px);\r\n}\r\n\r\n.book-card.revealed {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.23,1,0.32,1),\r\n              box-shadow 0.45s cubic-bezier(0.23,1,0.32,1),\r\n              border-color 0.3s ease;\r\n}\r\n\r\n.book-card:hover {\r\n  transform: translateY(-14px) scale(1.02);\r\n  box-shadow: 0 40px 80px rgba(0,0,0,0.6), 0 0 40px rgba(62,207,207,0.08);\r\n  border-color: rgba(62,207,207,0.35);\r\n}\r\n\r\n.card-cover {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 380px;\r\n  overflow: hidden;\r\n}\r\n\r\n.card-cover img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: top center;\r\n  display: block;\r\n  transition: transform 0.6s cubic-bezier(0.23,1,0.32,1);\r\n}\r\n\r\n.book-card:hover .card-cover img {\r\n  transform: scale(1.08);\r\n}\r\n\r\n.cover-gradient {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  height: 180px;\r\n  background: linear-gradient(to top, #0c1e2e 0%, transparent 100%);\r\n  z-index: 2;\r\n}\r\n\r\n.card-genre-badge {\r\n  position: absolute;\r\n  top: 18px; left: 18px;\r\n  z-index: 5;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  padding: 5px 14px;\r\n  border-radius: 50px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n.badge-teal {\r\n  background: rgba(62,207,207,0.18);\r\n  border: 1px solid rgba(62,207,207,0.4);\r\n  color: #7ee8e8;\r\n}\r\n.badge-red {\r\n  background: rgba(231,76,60,0.18);\r\n  border: 1px solid rgba(231,76,60,0.4);\r\n  color: #f08070;\r\n}\r\n.badge-blue {\r\n  background: rgba(91,168,224,0.18);\r\n  border: 1px solid rgba(91,168,224,0.4);\r\n  color: #90c8f0;\r\n}\r\n\r\n.card-number {\r\n  position: absolute;\r\n  top: 18px; right: 18px;\r\n  z-index: 5;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: rgba(255,255,255,0.25);\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.card-body {\r\n  padding: 24px 26px 28px;\r\n  position: relative;\r\n  z-index: 3;\r\n}\r\n\r\n.card-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  line-height: 1.3;\r\n  margin-bottom: 10px;\r\n  transition: color 0.3s;\r\n}\r\n.book-card:hover .card-title { color: #3ecfcf; }\r\n\r\n.card-tagline {\r\n  font-size: 16px;\r\n  color: #fff !important;\r\n  font-weight: 300;\r\n  line-height: 1.65;\r\n  margin-bottom: 22px;\r\n  font-style: italic;\r\n}\r\n\r\n.card-divider {\r\n  width: 36px; height: 1px;\r\n  margin-bottom: 22px;\r\n  transition: width 0.4s ease;\r\n}\r\n.divider-teal { background: #3ecfcf; }\r\n.divider-red  { background: #e74c3c; }\r\n.divider-blue { background: #5ba8e0; }\r\n.book-card:hover .card-divider { width: 70px; }\r\n\r\n.card-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12.5px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.5px;\r\n  text-decoration: none;\r\n  padding: 11px 24px;\r\n  border-radius: 50px;\r\n  border: 1.5px solid;\r\n  cursor: pointer;\r\n  background: transparent;\r\n  transition: background 0.3s, color 0.3s, transform 0.2s, box-shadow 0.3s;\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n.btn-teal { border-color: rgba(62,207,207,0.5); color: #3ecfcf; }\r\n.btn-red  { border-color: rgba(231,76,60,0.5);  color: #e74c3c; }\r\n.btn-blue { border-color: rgba(91,168,224,0.5); color: #5ba8e0; }\r\n\r\n.btn-teal:hover { background: #3ecfcf; color: #041c2c; box-shadow: 0 0 24px rgba(62,207,207,0.4); transform: scale(1.04); }\r\n.btn-red:hover  { background: #e74c3c; color: #fff;    box-shadow: 0 0 24px rgba(231,76,60,0.4);  transform: scale(1.04); }\r\n.btn-blue:hover { background: #5ba8e0; color: #041c2c; box-shadow: 0 0 24px rgba(91,168,224,0.4); transform: scale(1.04); }\r\n\r\n.btn-arrow {\r\n  display: inline-block;\r\n  transition: transform 0.2s ease;\r\n  font-size: 14px;\r\n}\r\n.card-btn:hover .btn-arrow { transform: translateX(4px); }\r\n\r\n.card-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: 20px;\r\n  background: linear-gradient(160deg, rgba(6,17,28,0.96) 0%, rgba(12,30,46,0.98) 100%);\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  padding: 36px 32px;\r\n  z-index: 20;\r\n  opacity: 0;\r\n  transform: translateY(12px);\r\n  transition: opacity 0.35s ease, transform 0.35s ease;\r\n  pointer-events: none;\r\n}\r\n.book-card:hover .card-overlay {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  pointer-events: auto;\r\n}\r\n\r\n.overlay-tag {\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 2.5px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 16px;\r\n  opacity: 0.7;\r\n}\r\n.otag-teal { color: #3ecfcf; }\r\n.otag-red  { color: #e74c3c; }\r\n.otag-blue { color: #5ba8e0; }\r\n\r\n.overlay-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  line-height: 1.3;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.overlay-desc {\r\n  font-size: 13.5px;\r\n  color: #fff !important;\r\n  line-height: 1.75;\r\n  font-weight: 300;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.overlay-meta {\r\n  display: flex;\r\n  gap: 20px;\r\n  margin-bottom: 28px;\r\n}\r\n.meta-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 3px;\r\n}\r\n.meta-label {\r\n  font-size: 10px;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.3);\r\n  font-weight: 600;\r\n}\r\n.meta-value {\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.8);\r\n  font-weight: 500;\r\n}\r\n\r\n.overlay-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12.5px;\r\n  font-weight: 600;\r\n  padding: 12px 26px;\r\n  border-radius: 50px;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  border: none;\r\n  font-family: 'Inter', sans-serif;\r\n  transition: transform 0.2s, box-shadow 0.2s;\r\n}\r\n.obtn-teal { background: #3ecfcf; color: #041c2c; }\r\n.obtn-red  { background: #e74c3c; color: #fff; }\r\n.obtn-blue { background: #5ba8e0; color: #041c2c; }\r\n.overlay-btn:hover { transform: scale(1.05); box-shadow: 0 8px 28px rgba(0,0,0,0.4); }\r\n\r\n.bottom-cta {\r\n  text-align: center;\r\n  margin-top: 64px;\r\n}\r\n.bottom-cta p {\r\n  font-size: 14px;\r\n  color: #fff !important;\r\n  margin-bottom: 20px;\r\n  letter-spacing: 0.3px;\r\n}\r\n.view-all-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  color: #fff;\r\n  text-decoration: none;\r\n  padding: 14px 36px;\r\n  border-radius: 50px;\r\n  border: 1px solid rgba(255,255,255,0.2);\r\n  transition: border-color 0.3s, box-shadow 0.3s, transform 0.2s;\r\n}\r\n.view-all-btn:hover {\r\n  border-color: rgba(62,207,207,0.6);\r\n  box-shadow: 0 0 30px rgba(62,207,207,0.15);\r\n  transform: scale(1.03);\r\n  color: #57CDCD !important;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .books-grid { grid-template-columns: 1fr 1fr; gap: 20px; }\r\n}\r\n@media (max-width: 580px) {\r\n  .books-section { padding: 70px 20px 90px; }\r\n  .books-grid { grid-template-columns: 1fr; }\r\n  .card-cover { height: 300px; }\r\n  .card-overlay { display: none; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"books-section\">\r\n\r\n  <div class=\"section-top\">\r\n    <div class=\"section-eyebrow\">\r\n      <span class=\"eyebrow-line\"><\/span>\r\n      Written From the Journey\r\n      <span class=\"eyebrow-line\"><\/span>\r\n    <\/div>\r\n    <h2 class=\"section-heading\">Books That <em>Carry<\/em> You<\/h2>\r\n    <p class=\"section-sub\">Three seasons. Three truths. One author who stayed honest through every one of them.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"books-grid\">\r\n\r\n    <div class=\"book-card\" data-delay=\"0\">\r\n      <div class=\"card-cover\">\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Artboard-1-copy-2-2-scaled.jpg\" alt=\"Ocean and sky\" \/>\r\n        <div class=\"cover-gradient\"><\/div>\r\n        <span class=\"card-genre-badge badge-teal\">Calm &amp; Resilience<\/span>\r\n        <span class=\"card-number\">01<\/span>\r\n      <\/div>\r\n      <div class=\"card-body\">\r\n        <div class=\"card-divider divider-teal\"><\/div>\r\n        <h3 class=\"card-title\">The Sky Is Green, The Ocean Is Blue<\/h3>\r\n        <p class=\"card-tagline\">For when life stops making sense and faith feels thinner.<\/p>\r\n        <!--<button class=\"card-btn btn-teal\">View Details <span class=\"btn-arrow\">\u2192<\/span><\/button>-->\r\n      <\/div>\r\n      <div class=\"card-overlay\">\r\n        <div class=\"overlay-tag otag-teal\">Calm &amp; Resilience<\/div>\r\n        <div class=\"overlay-title\">The Sky Is Green,<br\/>The Ocean Is Blue<\/div>\r\n        <p class=\"overlay-desc\">An honest companion for those navigating seasons of confusion and quiet collapse. Patricia walks with you through distorted faith and invisible progress back toward the God who never moved.<\/p>\r\n        <div class=\"overlay-meta\">\r\n          <div class=\"meta-item\">\r\n            <span class=\"meta-label\">Genre<\/span>\r\n            <span class=\"meta-value\">Self-Help<\/span>\r\n          <\/div>\r\n          <div class=\"meta-item\">\r\n            <span class=\"meta-label\">Mood<\/span>\r\n            <span class=\"meta-value\">Calming<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/a.co\/d\/0duH7qFa\">\r\n          <button class=\"overlay-btn obtn-blue\">Get the Book \u2192<\/button>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"book-card\" data-delay=\"150\">\r\n      <div class=\"card-cover\">\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Artboard-1-copy-2-scaled.jpg\" alt=\"Dark dramatic heart\" \/>\r\n        <div class=\"cover-gradient\"><\/div>\r\n        <span class=\"card-genre-badge badge-red\">Grief &amp; Healing<\/span>\r\n        <span class=\"card-number\">02<\/span>\r\n      <\/div>\r\n      <div class=\"card-body\">\r\n        <div class=\"card-divider divider-red\"><\/div>\r\n        <h3 class=\"card-title\">When the Heart Shatters and the Lungs Collapse<\/h3>\r\n        <p class=\"card-tagline\">When breath becomes the only prayer you have left.<\/p>\r\n        <!--<button class=\"card-btn btn-red\">View Details <span class=\"btn-arrow\">\u2192<\/span><\/button>-->\r\n      <\/div>\r\n      <div class=\"card-overlay\">\r\n        <div class=\"overlay-tag otag-red\">Grief &amp; Healing<\/div>\r\n        <div class=\"overlay-title\">When the Heart Shatters and the Lungs Collapse<\/div>\r\n        <p class=\"overlay-desc\">Grief lands in the body before the mind can name it. This book sits beside you in that collapse one breath at a time and trusts that God stayed close in every moment you could not feel Him.<\/p>\r\n        <div class=\"overlay-meta\">\r\n          <div class=\"meta-item\">\r\n            <span class=\"meta-label\">Genre<\/span>\r\n            <span class=\"meta-value\">Memoir<\/span>\r\n          <\/div>\r\n          <div class=\"meta-item\">\r\n            <span class=\"meta-label\">Mood<\/span>\r\n            <span class=\"meta-value\">Intense<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/a.co\/d\/07p2ged8\">\r\n          <button class=\"overlay-btn obtn-blue\">Get the Book \u2192<\/button>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"book-card\" data-delay=\"300\">\r\n      <div class=\"card-cover\">\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Artboard-1-copy-2-2-1-scaled.jpg\" alt=\"Airplane in blue sky\" \/>\r\n        <div class=\"cover-gradient\"><\/div>\r\n        <span class=\"card-genre-badge badge-blue\">Grace &amp; Freedom<\/span>\r\n        <span class=\"card-number\">03<\/span>\r\n      <\/div>\r\n      <div class=\"card-body\">\r\n        <div class=\"card-divider divider-blue\"><\/div>\r\n        <h3 class=\"card-title\">Grace in the Skies<\/h3>\r\n        <p class=\"card-tagline\">Trusting the Pilot when the route is no longer yours to manage.<\/p>\r\n        <!--<button class=\"card-btn btn-blue\">View Details <span class=\"btn-arrow\">\u2192<\/span><\/button>-->\r\n      <\/div>\r\n      <div class=\"card-overlay\">\r\n        <div class=\"overlay-tag otag-blue\">Grace &amp; Freedom<\/div>\r\n        <div class=\"overlay-title\">Grace in the Skies<\/div>\r\n        <p class=\"overlay-desc\">When turbulence begins and fear takes the controls, grace meets you midair. A faith rooted journey through uncertainty, surrender, and the quiet steadiness of a God who holds you even when you cannot hold yourself.<\/p>\r\n        <div class=\"overlay-meta\">\r\n          <div class=\"meta-item\">\r\n            <span class=\"meta-label\">Genre<\/span>\r\n            <span class=\"meta-value\">Inspirational<\/span>\r\n          <\/div>\r\n          <div class=\"meta-item\">\r\n            <span class=\"meta-label\">Mood<\/span>\r\n            <span class=\"meta-value\">Uplifting<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/a.co\/d\/04lky2Js\">\r\n          <button class=\"overlay-btn obtn-blue\">Get the Book \u2192<\/button>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"bottom-cta\">\r\n    <p>Step into the full world of Patricia Morgan's writing<\/p>\r\n    <a href=\"https:\/\/demowebdesign.live\/petricia\/books\/\" class=\"view-all-btn\">View All Books <span>\u2192<\/span><\/a>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n  const cards = document.querySelectorAll('.book-card');\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        const delay = parseInt(entry.target.dataset.delay) || 0;\r\n        setTimeout(() => entry.target.classList.add('revealed'), delay);\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  cards.forEach(card => observer.observe(card));\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e61f9e e-flex e-con-boxed e-con e-parent\" data-id=\"8e61f9e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c87241a elementor-widget elementor-widget-html\" data-id=\"c87241a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Inter:wght@300;400;500;600&display=swap');\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\n\r\n.about-section {\r\n  background: #06111c;\r\n  padding: 40px 48px;\r\n  font-family: 'Inter', sans-serif;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.about-bg-text {\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(80px, 14vw, 180px);\r\n  font-weight: 900;\r\n  color: rgba(62,207,207,0.03);\r\n  white-space: nowrap;\r\n  pointer-events: none;\r\n  user-select: none;\r\n  letter-spacing: -4px;\r\n  z-index: 0;\r\n}\r\n\r\n.about-inner {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.left-col {\r\n  opacity: 0;\r\n  transform: translateX(-60px);\r\n  transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.23,1,0.32,1);\r\n}\r\n.right-col {\r\n  opacity: 0;\r\n  transform: translateX(60px);\r\n  transition: opacity 0.9s ease 0.2s, transform 0.9s cubic-bezier(0.23,1,0.32,1) 0.2s;\r\n}\r\n.left-col.visible, .right-col.visible {\r\n  opacity: 1;\r\n  transform: translateX(0);\r\n}\r\n\r\n\/* IMAGE BLOCK *\/\r\n.image-wrap {\r\n  position: relative;\r\n}\r\n\r\n.image-frame-outer {\r\n  position: relative;\r\n  width: 100%;\r\n  padding-bottom: 115%;\r\n}\r\n\r\n.img-glow {\r\n  position: absolute;\r\n  width: 85%; height: 85%;\r\n  border-radius: 200px 200px 160px 160px;\r\n  background: linear-gradient(145deg, #3ecfcf, #0d4f6e 50%, #e74c3c);\r\n  opacity: 0.18;\r\n  bottom: -16px; left: 50%;\r\n  transform: translateX(-50%);\r\n  filter: blur(36px);\r\n  z-index: 0;\r\n  animation: glowPulse 5s ease-in-out infinite;\r\n}\r\n@keyframes glowPulse {\r\n  0%,100%{opacity:0.16; transform:translateX(-50%) scale(1);}\r\n  50%{opacity:0.28; transform:translateX(-50%) scale(1.04);}\r\n}\r\n\r\n.img-border-ring {\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: 200px 200px 160px 160px;\r\n  background: linear-gradient(145deg, #3ecfcf 0%, #5ba8e0 50%, #e74c3c 100%);\r\n  padding: 3px;\r\n  z-index: 1;\r\n}\r\n\r\n.img-border-inner {\r\n  width: 100%; height: 100%;\r\n  border-radius: 198px 198px 158px 158px;\r\n  overflow: hidden;\r\n  background: #0c1e2e;\r\n}\r\n\r\n.img-border-inner img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover;\r\n  object-position: top center;\r\n  display: block;\r\n  transition: transform 0.7s cubic-bezier(0.23,1,0.32,1);\r\n}\r\n\r\n.image-frame-outer:hover .img-border-inner img {\r\n  transform: scale(1.07);\r\n}\r\n\r\n.img-frame-absolute {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n}\r\n\r\n.img-fade-bottom {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  height: 100px;\r\n  background: linear-gradient(to top, #0c1e2e, transparent);\r\n  border-radius: 0 0 158px 158px;\r\n  z-index: 3;\r\n}\r\n\r\n\/* Floating stats cards *\/\r\n.stat-card {\r\n  position: absolute;\r\n  background: rgba(10,22,36,0.9);\r\n  border: 1px solid rgba(62,207,207,0.2);\r\n  border-radius: 14px;\r\n  padding: 14px 18px;\r\n  backdrop-filter: blur(12px);\r\n  z-index: 10;\r\n  animation: floatCard 4s ease-in-out infinite;\r\n}\r\n@keyframes floatCard {\r\n  0%,100%{transform:translateY(0);}\r\n  50%{transform:translateY(-8px);}\r\n}\r\n.stat-card-1 {\r\n  top: 8%; right: -28px;\r\n  animation-delay: 0s;\r\n}\r\n.stat-card-2 {\r\n  bottom: 14%; left: -28px;\r\n  animation-delay: -2s;\r\n}\r\n.stat-num {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 22px; font-weight: 700;\r\n  color: #3ecfcf;\r\n  display: block;\r\n}\r\n.stat-lbl {\r\n  font-size: 10px; letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.4);\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Signature line *\/\r\n.sig-line {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 20px;\r\n}\r\n.sig-dot {\r\n  width: 8px; height: 8px;\r\n  border-radius: 50%;\r\n  background: #3ecfcf;\r\n  flex-shrink: 0;\r\n}\r\n.sig-label {\r\n  font-size: 11px;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: #3ecfcf;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* TEXT SIDE *\/\r\n.about-heading {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(30px, 3.5vw, 50px);\r\n  font-weight: 900;\r\n  color: #ffffff;\r\n  line-height: 1.1;\r\n  margin-bottom: 8px;\r\n}\r\n.about-heading span {\r\n  display: block;\r\n  font-style: italic;\r\n  color: #3ecfcf;\r\n}\r\n\r\n.name-underline {\r\n  width: 60px; height: 2px;\r\n  background: linear-gradient(to right, #3ecfcf, transparent);\r\n  margin-bottom: 28px;\r\n  border-radius: 2px;\r\n  transition: width 0.5s ease;\r\n}\r\n.right-col.visible .name-underline { width: 120px; }\r\n\r\n.about-bio {\r\n  font-size: 15px;\r\n  color: #fff !important;\r\n  font-weight: 300;\r\n  line-height: 1.85;\r\n  margin-bottom: 22px;\r\n}\r\n.about-bio strong {\r\n  color: rgba(255,255,255,0.9);\r\n  font-weight: 500;\r\n}\r\n\r\n.about-bio-2 {\r\n  font-size: 14.5px;\r\n  color: #fff !important;\r\n  font-weight: 300;\r\n  line-height: 1.85;\r\n  margin-bottom: 36px;\r\n}\r\n\r\n\/* Quote block *\/\r\n.quote-block {\r\n  position: relative;\r\n  border-left: 2px solid #3ecfcf;\r\n  padding: 18px 24px;\r\n  margin-bottom: 38px;\r\n  background: rgba(62,207,207,0.04);\r\n  border-radius: 0 12px 12px 0;\r\n}\r\n.quote-mark {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 64px;\r\n  line-height: 0.5;\r\n  color: #3ecfcf;\r\n  opacity: 0.3;\r\n  display: block;\r\n  margin-bottom: 12px;\r\n}\r\n.quote-text {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 17px;\r\n  font-style: italic;\r\n  color: rgba(255,255,255,0.82);\r\n  line-height: 1.7;\r\n  margin-bottom: 12px;\r\n}\r\n.quote-attr {\r\n  font-size: 11px;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: #3ecfcf;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Skills pills *\/\r\n.skills-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-bottom: 36px;\r\n}\r\n.skill-pill {\r\n  font-size: 11.5px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.5px;\r\n  padding: 7px 16px;\r\n  border-radius: 50px;\r\n  border: 1px solid;\r\n  transition: background 0.3s, transform 0.2s;\r\n}\r\n.pill-teal {\r\n  border-color: rgba(62,207,207,0.35);\r\n  color: #7ee8e8;\r\n  background: rgba(62,207,207,0.07);\r\n}\r\n.pill-teal:hover {\r\n  background: rgba(62,207,207,0.18);\r\n  transform: translateY(-2px);\r\n}\r\n.pill-red {\r\n  border-color: rgba(231,76,60,0.35);\r\n  color: #f08070;\r\n  background: rgba(231,76,60,0.07);\r\n}\r\n.pill-red:hover {\r\n  background: rgba(231,76,60,0.18);\r\n  transform: translateY(-2px);\r\n}\r\n.pill-blue {\r\n  border-color: rgba(91,168,224,0.35);\r\n  color: #90c8f0;\r\n  background: rgba(91,168,224,0.07);\r\n}\r\n.pill-blue:hover {\r\n  background: rgba(91,168,224,0.18);\r\n  transform: translateY(-2px);\r\n}\r\n.pill-white {\r\n  border-color: rgba(255,255,255,0.15);\r\n  color: rgba(255,255,255,0.55);\r\n  background: rgba(255,255,255,0.04);\r\n}\r\n.pill-white:hover {\r\n  background: rgba(255,255,255,0.1);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* CTA row *\/\r\n.cta-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  flex-wrap: wrap;\r\n}\r\n.btn-primary-about {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px; font-weight: 600;\r\n  padding: 13px 30px;\r\n  border-radius: 50px;\r\n  border: none;\r\n  background: #3ecfcf;\r\n  color: #041c2c;\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  transition: transform 0.25s, box-shadow 0.25s;\r\n}\r\n.btn-primary-about:hover {\r\n  transform: scale(1.05);\r\n  box-shadow: 0 0 28px rgba(62,207,207,0.45);\r\n}\r\n.btn-ghost-about {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px; font-weight: 600;\r\n  padding: 13px 30px;\r\n  border-radius: 50px;\r\n  border: 1.5px solid rgba(255,255,255,0.2);\r\n  background: transparent;\r\n  color: rgba(255,255,255,0.7);\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  transition: border-color 0.25s, color 0.25s, transform 0.25s;\r\n}\r\n.btn-ghost-about:hover {\r\n  border-color: rgba(255,255,255,0.55);\r\n  color: #fff;\r\n  transform: scale(1.04);\r\n}\r\n\r\n\/* Awards strip *\/\r\n.awards-strip {\r\n  margin-top: 56px;\r\n  padding-top: 40px;\r\n  border-top: 1px solid rgba(255,255,255,0.06);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 48px;\r\n  flex-wrap: wrap;\r\n}\r\n.award-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 6px;\r\n  opacity: 0.45;\r\n  transition: opacity 0.3s;\r\n}\r\n.award-item:hover { opacity: 0.85; }\r\n.award-icon {\r\n  font-size: 22px;\r\n  filter: grayscale(1);\r\n  transition: filter 0.3s;\r\n}\r\n.award-item:hover .award-icon { filter: grayscale(0); }\r\n.award-name {\r\n  font-size: 10px;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.5);\r\n  font-weight: 600;\r\n  text-align: center;\r\n}\r\n\r\n@media(max-width:860px){\r\n  .about-section { padding: 80px 24px; }\r\n  .about-inner { grid-template-columns: 1fr; gap: 52px; }\r\n  .stat-card-1 { right: 0; }\r\n  .stat-card-2 { left: 0; }\r\n  .left-col { transform: translateY(40px); }\r\n  .right-col { transform: translateY(40px); }\r\n  .left-col.visible,.right-col.visible { transform: translateY(0); }\r\n  .image-frame-outer { padding-bottom: 90%; max-width: 320px; margin: 0 auto; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"about-section\">\r\n  <div class=\"about-bg-text\">PATRICIA<\/div>\r\n  <div class=\"about-inner\">\r\n    <!-- LEFT: Image -->\r\n    <div class=\"left-col\" id=\"leftCol\">\r\n      <div class=\"image-wrap\">\r\n        <div class=\"image-frame-outer\">\r\n          <div class=\"img-glow\"><\/div>\r\n          <div class=\"img-frame-absolute img-border-ring\">\r\n            <div class=\"img-border-inner\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/PT-MORGAN-SLIM.jpg\"\r\n                alt=\"Patricia Morgan \u2013 Author\"\r\n              \/>\r\n              <div class=\"img-fade-bottom\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"stat-card stat-card-1\">\r\n          <span class=\"stat-num\">3<\/span>\r\n          <span class=\"stat-lbl\">Published Books<\/span>\r\n        <\/div>\r\n        <div class=\"stat-card stat-card-2\">\r\n          <span class=\"stat-num\">15+<\/span>\r\n          <span class=\"stat-lbl\">Years of Writing<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- RIGHT: Text -->\r\n    <div class=\"right-col\" id=\"rightCol\">\r\n      <div class=\"sig-line\">\r\n        <div class=\"sig-dot\"><\/div>\r\n        <span class=\"sig-label\">Faith-Centered Author<\/span>\r\n      <\/div>\r\n      <h2 class=\"about-heading\">\r\n        Meet Patricia\r\n        <span>Morgan.<\/span>\r\n      <\/h2>\r\n      <div class=\"name-underline\"><\/div>\r\n      <p class=\"about-bio\">\r\n        Patricia Morgan is a <strong>faith-centered author and speaker<\/strong> devoted to creating resources that support healing, restoration, and spiritual resilience. Her work is written from a place of lived grief and quiet faith for anyone learning how to breathe again.\r\n      <\/p>\r\n      <p class=\"about-bio-2\">\r\n        With a voice that is both tender and unflinching, Patricia writes for those navigating loss, trauma, and seasons of profound pain. Her books emphasize the nearness of God in life's most fragile moments encouraging readers to find strength, breath, and faith one honest day at a time.\r\n      <\/p>\r\n      <div class=\"quote-block\">\r\n        <span class=\"quote-mark\">\"<\/span>\r\n        <p class=\"quote-text\">I write for those whose breath became a prayer \u2014 for anyone who kept moving forward when the route changed, the skies went dark, and the ground beneath them felt like something new.<\/p>\r\n        <span class=\"quote-attr\"> Patricia Morgan<\/span>\r\n      <\/div>\r\n      <div class=\"skills-row\">\r\n        <span class=\"skill-pill pill-teal\">Faith &amp; Surrender<\/span>\r\n        <span class=\"skill-pill pill-red\">Grief &amp; Healing<\/span>\r\n        <span class=\"skill-pill pill-blue\">Spiritual Resilience<\/span>\r\n        <span class=\"skill-pill pill-white\">Quiet Endurance<\/span>\r\n        <span class=\"skill-pill pill-white\">Honest Reflection<\/span>\r\n        <span class=\"skill-pill pill-teal\">Trusting God<\/span>\r\n      <\/div>\r\n      <div class=\"cta-row\">\r\n        <a href=\"https:\/\/demowebdesign.live\/petricia\/about\/\" class=\"btn-primary-about\">Read My Story \u2192<\/a>\r\n        <a href=\"https:\/\/demowebdesign.live\/petricia\/books\/\" class=\"btn-ghost-about\">Explore Books<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <!--<div class=\"awards-strip\">-->\r\n  <!--  <div class=\"award-item\">-->\r\n  <!--    <span class=\"award-icon\">\ud83c\udfc6<\/span>-->\r\n  <!--    <span class=\"award-name\">Bestselling<br\/>Author<\/span>-->\r\n  <!--  <\/div>-->\r\n  <!--  <div class=\"award-item\">-->\r\n  <!--    <span class=\"award-icon\">\ud83d\udcd6<\/span>-->\r\n  <!--    <span class=\"award-name\">10K+<br\/>Readers<\/span>-->\r\n  <!--  <\/div>-->\r\n  <!--  <div class=\"award-item\">-->\r\n  <!--    <span class=\"award-icon\">\ud83c\udf99\ufe0f<\/span>-->\r\n  <!--    <span class=\"award-name\">Featured<br\/>Speaker<\/span>-->\r\n  <!--  <\/div>-->\r\n  <!--  <div class=\"award-item\">-->\r\n  <!--    <span class=\"award-icon\">\u270d\ufe0f<\/span>-->\r\n  <!--    <span class=\"award-name\">15+ Years<br\/>Writing<\/span>-->\r\n  <!--  <\/div>-->\r\n  <!--  <div class=\"award-item\">-->\r\n  <!--    <span class=\"award-icon\">\ud83c\udf0d<\/span>-->\r\n  <!--    <span class=\"award-name\">Global<br\/>Reach<\/span>-->\r\n  <!--  <\/div>-->\r\n  <!--<\/div>-->\r\n<\/section>\r\n\r\n<script>\r\n  const left = document.getElementById('leftCol');\r\n  const right = document.getElementById('rightCol');\r\n  const obs = new IntersectionObserver((entries) => {\r\n    entries.forEach(e => {\r\n      if(e.isIntersecting){\r\n        e.target.classList.add('visible');\r\n        obs.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  obs.observe(left);\r\n  obs.observe(right);\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-18decc2 e-flex e-con-boxed e-con e-parent\" data-id=\"18decc2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-002c1d5 elementor-widget elementor-widget-html\" data-id=\"002c1d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .trailers-section {\r\n    background: #06111c;\r\n    padding: 120px 24px;\r\n    font-family: 'Inter', sans-serif;\r\n  }\r\n\r\n  .trailers-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .trailers-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  .trailers-header .section-label {\r\n    font-size: 12px;\r\n    letter-spacing: 5px;\r\n    text-transform: uppercase;\r\n    color: #3ecfcf;\r\n    margin-bottom: 16px;\r\n    display: block;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .trailers-header .section-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(36px, 5vw, 56px);\r\n    color: #fff;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .trailers-header .section-title span {\r\n    color: #3ecfcf;\r\n    font-style: italic;\r\n  }\r\n\r\n  .trailers-grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 40px;\r\n  }\r\n\r\n  \/* CINEMATIC TRAILER ITEM *\/\r\n  .trailer-item {\r\n    position: relative;\r\n    flex: 1 1 500px;\r\n    max-width: 580px;\r\n    aspect-ratio: 16 \/ 9;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    background: #000;\r\n    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    border: 1.5px solid rgba(255,255,255,0.06);\r\n  }\r\n\r\n  .trailer-item:hover {\r\n    transform: translateY(-8px) scale(1.02);\r\n    box-shadow: 0 40px 90px rgba(0,0,0,0.9);\r\n    border-color: rgba(62, 207, 207, 0.5);\r\n    z-index: 10;\r\n  }\r\n\r\n  .trailer-item video {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* OVERLAY (Heading & Tag) *\/\r\n  .trailer-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, rgba(4, 28, 44, 0.95) 0%, rgba(4, 28, 44, 0.2) 60%, transparent 100%);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    padding: 35px;\r\n    \/* SMOOTH HIDING EFFECT *\/\r\n    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s ease;\r\n    z-index: 4;\r\n  }\r\n\r\n  \/* HIDE WHEN PLAYING *\/\r\n  .trailer-item.is-playing .trailer-overlay {\r\n    opacity: 0;\r\n    transform: translateY(15px);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* SHOW ON HOVER even if playing (Optional but professional) *\/\r\n  .trailer-item:hover .trailer-overlay {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) !important;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .v-tag {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 3px;\r\n    color: #3ecfcf;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .v-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 26px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin-bottom: 8px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .v-desc {\r\n    font-size: 14px;\r\n    color: rgba(255, 255, 255, 0.7);\r\n    line-height: 1.6;\r\n    max-width: 90%;\r\n  }\r\n\r\n  \/* PLAY INDICATOR *\/\r\n  .play-indicator {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 80px;\r\n    height: 80px;\r\n    background: rgba(62, 207, 207, 0.95);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transition: all 0.4s ease;\r\n    z-index: 5;\r\n    pointer-events: none;\r\n    box-shadow: 0 0 40px rgba(62, 207, 207, 0.4);\r\n  }\r\n\r\n  .play-indicator svg { width: 32px; height: 32px; fill: #041c2c; }\r\n\r\n  \/* Only show play button clearly when paused *\/\r\n  .trailer-item.is-paused .play-indicator {\r\n    opacity: 1;\r\n    background: #fff;\r\n    transform: translate(-50%, -50%) scale(1.1);\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .trailer-item { flex: 1 1 100%; max-width: 100%; }\r\n    .v-title { font-size: 22px; }\r\n    .trailer-overlay { opacity: 1 !important; transform: translateY(0) !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"trailers-section\">\r\n  <div class=\"trailers-container\">\r\n    <header class=\"trailers-header\">\r\n      <span class=\"section-label\">Cinematic Series<\/span>\r\n      <h2 class=\"section-title\">Visual <span>Book Trailers<\/span><\/h2>\r\n    <\/header>\r\n\r\n    <div class=\"trailers-grid\">\r\n      \r\n      <!-- Video 1 -->\r\n      \r\n      <div class=\"trailer-item is-playing\" onclick=\"handleVideoToggle(this)\">\r\n        <video muted loop playsinline autoplay>\r\n          <source src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Patricia-Book-1-VBT-1.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"play-indicator\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\r\n        <div class=\"trailer-overlay\">\r\n          <span class=\"v-tag\" style=\"color:#e74c3c\">Grief & Trust<\/span>\r\n          <h3 class=\"v-title\">When the Heart Shatters<\/h3>\r\n          <!--<p class=\"v-desc\">A cinematic reckoning with loss, breath, and the fragile road to healing after the storm.<\/p>-->\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    \r\n      \r\n      <div class=\"trailer-item is-playing\" onclick=\"handleVideoToggle(this)\">\r\n        <video muted loop playsinline autoplay>\r\n          <source src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Patricia-Morgan-Book-2-VBT.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"play-indicator\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\r\n        <div class=\"trailer-overlay\">\r\n          <span class=\"v-tag\">Resilience<\/span>\r\n          <h3 class=\"v-title\">The Sky Is Green, The Ocean Is Blue<\/h3>\r\n          <!--<p class=\"v-desc\">Finding calm when life is out of control. A gentle guide for those learning to breathe again.<\/p>-->\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Video 3 -->\r\n      <div class=\"trailer-item is-playing\" onclick=\"handleVideoToggle(this)\">\r\n        <video muted loop playsinline autoplay>\r\n          <source src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Patricia-Morgan-Book-3-VBT.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"play-indicator\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\r\n        <div class=\"trailer-overlay\">\r\n          <span class=\"v-tag\" style=\"color:#5ba8e0\">Letting Go<\/span>\r\n          <h3 class=\"v-title\">Grace in the Skies<\/h3>\r\n          <!--<p class=\"v-desc\">A soaring meditation on surrender, grace, and the freedom found above the clouds.<\/p>-->\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  function handleVideoToggle(container) {\r\n    const video = container.querySelector('video');\r\n    const playBtn = container.querySelector('.play-indicator');\r\n    \r\n    if (video.paused) {\r\n      video.play();\r\n      container.classList.remove('is-paused');\r\n      container.classList.add('is-playing');\r\n      playBtn.innerHTML = '<svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>';\r\n    } else {\r\n      video.pause();\r\n      container.classList.add('is-paused');\r\n      container.classList.remove('is-playing');\r\n      playBtn.innerHTML = '<svg viewBox=\"0 0 24 24\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/><\/svg>';\r\n    }\r\n  }\r\n\r\n  \/\/ Automatic cleanup when video ends (if not looping)\r\n  document.querySelectorAll('video').forEach(video => {\r\n    video.addEventListener('ended', () => {\r\n      const container = video.closest('.trailer-item');\r\n      container.classList.remove('is-playing');\r\n      container.classList.add('is-paused');\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73391a9 e-flex e-con-boxed e-con e-parent\" data-id=\"73391a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9aeace0 elementor-widget elementor-widget-html\" data-id=\"9aeace0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Inter:wght@300;400;500;600&display=swap');\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\nbody{background:#06111c;font-family:'Inter',sans-serif;}\r\n\r\n\/* \u2500\u2500\u2500 SHARED \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.reveal{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s cubic-bezier(.23,1,.32,1);}\r\n.reveal.animate-hidden{opacity:0;transform:translateY(48px);}\r\n.reveal.up{opacity:1;transform:translateY(0);}\r\n.reveal-left{opacity:1;transform:translateX(0);transition:opacity .9s ease,transform .9s cubic-bezier(.23,1,.32,1);}\r\n.reveal-left.animate-hidden{opacity:0;transform:translateX(-60px);}\r\n.reveal-left.up{opacity:1;transform:translateX(0);}\r\n.reveal-right{opacity:1;transform:translateX(0);transition:opacity .9s ease .15s,transform .9s cubic-bezier(.23,1,.32,1) .15s;}\r\n.reveal-right.animate-hidden{opacity:0;transform:translateX(60px);}\r\n.reveal-right.up{opacity:1;transform:translateX(0);}\r\n\r\n.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#3ecfcf;margin-bottom:16px;}\r\n.eyebrow-line{width:30px;height:1px;background:#3ecfcf;opacity:.5;}\r\n.sec-heading{font-family:'Playfair Display',serif;font-size:clamp(28px,4vw,48px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:14px;}\r\n.sec-heading em{font-style:italic;color:#3ecfcf;}\r\n.sec-sub{font-size:15px;color:rgba(180,210,225,.5);font-weight:300;max-width:480px;line-height:1.7;}\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\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 1 \u2014 BOOK HIGHLIGHTS\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\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.highlights-section{background:#06111c;padding:110px 48px;position:relative;overflow:hidden;}\r\n.highlights-section .sec-sub{margin:0 auto;}\r\n\r\n.hl-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Playfair Display',serif;font-size:clamp(80px,15vw,200px);font-weight:900;color:rgba(62,207,207,.025);white-space:nowrap;pointer-events:none;user-select:none;z-index:0;}\r\n\r\n.hl-header{text-align:center;margin-bottom:80px;position:relative;z-index:1;}\r\n\r\n.hl-cards{display:flex;flex-direction:column;gap:0;max-width:1100px;margin:0 auto;position:relative;z-index:1;}\r\n\r\n.hl-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;margin-bottom:2px;}\r\n.hl-card.reverse{direction:rtl;}\r\n.hl-card.reverse > *{direction:ltr;}\r\n\r\n.hl-cover-wrap{position:relative;overflow:hidden;height:480px;}\r\n.hl-cover-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .7s cubic-bezier(.23,1,.32,1);}\r\n.hl-card:hover .hl-cover-wrap img{transform:scale(1.06);}\r\n\r\n.cover-num{position:absolute;top:24px;left:24px;font-family:'Playfair Display',serif;font-size:72px;font-weight:900;color:rgba(255,255,255,.06);line-height:1;z-index:2;user-select:none;}\r\n.cover-genre{position:absolute;bottom:24px;left:24px;z-index:4;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:50px;backdrop-filter:blur(10px);}\r\n.cg-teal{background:rgba(62,207,207,.18);border:1px solid rgba(62,207,207,.4);color:#7ee8e8;}\r\n.cg-red{background:rgba(231,76,60,.18);border:1px solid rgba(231,76,60,.4);color:#f08070;}\r\n.cg-blue{background:rgba(91,168,224,.18);border:1px solid rgba(91,168,224,.4);color:#90c8f0;}\r\n.cover-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,17,28,.45) 0%,transparent 60%);z-index:3;}\r\n\r\n.hl-content{background:#0c1e2e;padding:56px 52px;height:480px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(62,207,207,.07);transition:border-color .4s,box-shadow .4s;}\r\n.hl-card:hover .hl-content{border-color:rgba(62,207,207,.3);box-shadow:inset 0 0 60px rgba(62,207,207,.04);}\r\n\r\n.hl-content-divider{width:40px;height:2px;border-radius:2px;margin-bottom:22px;transition:width .5s ease;}\r\n.hl-card:hover .hl-content-divider{width:80px;}\r\n.div-teal{background:#3ecfcf;}\r\n.div-red{background:#e74c3c;}\r\n.div-blue{background:#5ba8e0;}\r\n\r\n.hl-title{font-family:'Playfair Display',serif;font-size:clamp(20px,2.5vw,28px);font-weight:700;color:#fff;line-height:1.25;margin-bottom:16px;transition:color .3s;}\r\n.hl-card:hover .hl-title-teal{color:#3ecfcf;}\r\n.hl-card:hover .hl-title-red{color:#e74c3c;}\r\n.hl-card:hover .hl-title-blue{color:#5ba8e0;}\r\n\r\n.hl-desc{font-size:14.5px;color:#fff;font-weight:300;line-height:1.8;margin-bottom:24px;}\r\n\r\n.hl-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;}\r\n.tag{font-size:10.5px;font-weight:600;letter-spacing:.5px;padding:5px 13px;border-radius:50px;border:1px solid;transition:background .3s,transform .2s;}\r\n.tag:hover{transform:translateY(-2px);}\r\n.tag-teal{border-color:rgba(62,207,207,.3);color:#7ee8e8;background:rgba(62,207,207,.07);}\r\n.tag-teal:hover{background:rgba(62,207,207,.18);}\r\n.tag-red{border-color:rgba(231,76,60,.3);color:#f08070;background:rgba(231,76,60,.07);}\r\n.tag-red:hover{background:rgba(231,76,60,.18);}\r\n.tag-blue{border-color:rgba(91,168,224,.3);color:#90c8f0;background:rgba(91,168,224,.07);}\r\n.tag-blue:hover{background:rgba(91,168,224,.18);}\r\n.tag-white{border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.5);background:rgba(255,255,255,.04);}\r\n.tag-white:hover{background:rgba(255,255,255,.1);}\r\n\r\n.hl-btn{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.5px;padding:11px 26px;border-radius:50px;border:1.5px solid;background:transparent;cursor:pointer;font-family:'Inter',sans-serif;text-decoration:none;transition:background .3s,color .3s,transform .2s,box-shadow .3s;align-self:flex-start;}\r\n.hl-btn-teal{border-color:rgba(62,207,207,.5);color:#3ecfcf;}\r\n.hl-btn-teal:hover{background:#3ecfcf;color:#041c2c;box-shadow:0 0 24px rgba(62,207,207,.4);transform:scale(1.04);}\r\n.hl-btn-red{border-color:rgba(231,76,60,.5);color:#e74c3c;}\r\n.hl-btn-red:hover{background:#e74c3c;color:#fff;box-shadow:0 0 24px rgba(231,76,60,.4);transform:scale(1.04);}\r\n.hl-btn-blue{border-color:rgba(91,168,224,.5);color:#5ba8e0;}\r\n.hl-btn-blue:hover{background:#5ba8e0;color:#041c2c;box-shadow:0 0 24px rgba(91,168,224,.4);transform:scale(1.04);}\r\n.btn-arrow{transition:transform .2s;}\r\n.hl-btn:hover .btn-arrow{transform:translateX(4px);}\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\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 2 \u2014 BLOG PREVIEW\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\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.blog-section{background:#071420;padding:110px 48px;position:relative;overflow:hidden;}\r\n.blog-header{text-align:center;margin-bottom:70px;}\r\n.blog-header .sec-sub{margin:0 auto;}\r\n\r\n.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;}\r\n\r\n.blog-card{background:#0c1e2e;border-radius:16px;overflow:hidden;border:1px solid rgba(62,207,207,.08);transition:transform .4s cubic-bezier(.23,1,.32,1),border-color .4s,box-shadow .4s;cursor:pointer;}\r\n.blog-card:hover{transform:translateY(-10px);border-color:rgba(62,207,207,.28);box-shadow:0 32px 64px rgba(0,0,0,.5);}\r\n\r\n.blog-img-wrap{position:relative;height:200px;overflow:hidden;}\r\n.blog-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.23,1,.32,1);}\r\n.blog-card:hover .blog-img-wrap img{transform:scale(1.09);}\r\n.blog-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0c1e2e 0%,transparent 60%);}\r\n\r\n.blog-cat{position:absolute;top:16px;left:16px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:50px;z-index:3;}\r\n\r\n.blog-body{padding:24px 26px 28px;}\r\n\r\n.blog-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;}\r\n.blog-date{font-size:11px;color:rgba(255,255,255,.3);letter-spacing:.5px;}\r\n.blog-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.2);}\r\n.blog-read-time{font-size:11px;color:rgba(255,255,255,.3);}\r\n\r\n.blog-title{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:#fff;line-height:1.35;margin-bottom:12px;transition:color .3s;position:relative;display:inline-block;}\r\n.blog-title::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1.5px;border-radius:2px;transition:width .4s ease;}\r\n.blog-card:hover .blog-title-teal{color:#3ecfcf;}\r\n.blog-card:hover .blog-title-teal::after{width:100%;background:#3ecfcf;}\r\n.blog-card:hover .blog-title-red{color:#e74c3c;}\r\n.blog-card:hover .blog-title-red::after{width:100%;background:#e74c3c;}\r\n.blog-card:hover .blog-title-blue{color:#5ba8e0;}\r\n.blog-card:hover .blog-title-blue::after{width:100%;background:#5ba8e0;}\r\n\r\n.blog-excerpt{font-size:13px;color:#fff !important;font-weight:300;line-height:1.75;margin-bottom:20px;}\r\n\r\n.blog-read-more{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:none;letter-spacing:.5px;transition:gap .25s;}\r\n.blog-read-more:hover{gap:12px;}\r\n.rm-teal{color:#3ecfcf;}\r\n.rm-red{color:#e74c3c;}\r\n.rm-blue{color:#5ba8e0;}\r\n\r\n.blog-bottom-cta{text-align:center;margin-top:52px;}\r\n.blog-all-btn{display:inline-flex;align-items:center;gap:10px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.6);text-decoration:none;padding:13px 34px;border-radius:50px;border:1px solid rgba(255,255,255,.15);transition:border-color .3s,color .3s,transform .2s;}\r\n.blog-all-btn:hover{border-color:rgba(62,207,207,.5);color:#3ecfcf;transform:scale(1.03);}\r\n\r\n\r\n@media(max-width:860px){\r\n  .highlights-section,.blog-section,.cta-section{padding:80px 24px;}\r\n  .hl-card{grid-template-columns:1fr;}\r\n  .hl-card.reverse{direction:ltr;}\r\n  .hl-cover-wrap{height:280px;}\r\n  .hl-content{height:auto;padding:36px 28px;}\r\n  .blog-grid{grid-template-columns:1fr;}\r\n}\r\n@media(max-width:600px){\r\n  .blog-grid{grid-template-columns:1fr;}\r\n  .cta-buttons{flex-direction:column;align-items:center;}\r\n  .cta-btn-primary,.cta-btn-secondary{width:260px;justify-content:center;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"highlights-section\">\r\n  <div class=\"hl-bg\">STORIES<\/div>\r\n\r\n  <div class=\"hl-header reveal\" data-delay=\"0\">\r\n    <div class=\"eyebrow\"><span class=\"eyebrow-line\"><\/span>Book Highlights<span class=\"eyebrow-line\"><\/span><\/div>\r\n    <h2 class=\"sec-heading\">Every Page, a <em>Journey<\/em><\/h2>\r\n    <p class=\"sec-sub\">Three emotionally charged books that take you through the full spectrum of the human experience.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"hl-cards\">\r\n\r\n    <div class=\"hl-card reveal\" data-delay=\"100\">\r\n      <div class=\"hl-cover-wrap\">\r\n        <div class=\"cover-num\">01<\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?w=800&q=85\" alt=\"Ocean calm\"\/>\r\n        <div class=\"cover-overlay\"><\/div>\r\n        <span class=\"cover-genre cg-teal\">Calm &amp; Resilience<\/span>\r\n      <\/div>\r\n      <div class=\"hl-content\">\r\n        <div class=\"hl-content-divider div-teal\"><\/div>\r\n        <h3 class=\"hl-title hl-title-teal\">The Sky Is Green,<br\/>The Ocean Is Blue<\/h3>\r\n        <p class=\"hl-desc\">A quiet but honest companion for the seasons when life stops making sense. Patricia walks through the disorientation of shifting faith, fractured certainty, and the slow work of learning to breathe again not by offering resolution, but by choosing to remain present through it all.<\/p>\r\n        <div class=\"hl-tags\">\r\n          <span class=\"tag tag-teal\">Healing<\/span>\r\n          <span class=\"tag tag-white\">Endurance<\/span>\r\n          <span class=\"tag tag-white\">Shifting Faith<\/span>\r\n          <span class=\"tag tag-teal\">Honest Presence<\/span>\r\n        <\/div>\r\n        <!--<a href=\"https:\/\/demowebdesign.live\/petricia\/blogs\/\" class=\"hl-btn hl-btn-teal\">Read More <span class=\"btn-arrow\">\u2192<\/span><\/a>-->\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hl-card reverse reveal\" data-delay=\"150\">\r\n      <div class=\"hl-cover-wrap\">\r\n        <div class=\"cover-num\">02<\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518640467707-6811f4a6ab73?w=800&q=85\" alt=\"Heart grief\"\/>\r\n        <div class=\"cover-overlay\"><\/div>\r\n        <span class=\"cover-genre cg-red\">Grief &amp; Healing<\/span>\r\n      <\/div>\r\n      <div class=\"hl-content\">\r\n        <div class=\"hl-content-divider div-red\"><\/div>\r\n        <h3 class=\"hl-title hl-title-red\">When the Heart Shatters<br\/>and the Lungs Collapse<\/h3>\r\n        <p class=\"hl-desc\">Grief doesn't wait for words, and neither does this book. With unsparing tenderness, Patricia traces the moment loss settles into the body before the mind can catch up the shallow breath, the physical weight, the prayers that won't come. A book that stays close when staying close is all that's left.<\/p>\r\n        <div class=\"hl-tags\">\r\n          <span class=\"tag tag-red\">Loss<\/span>\r\n          <span class=\"tag tag-red\">Grief<\/span>\r\n          <span class=\"tag tag-white\">Breath<\/span>\r\n          <span class=\"tag tag-white\">Endurance<\/span>\r\n        <\/div>\r\n        <!--<a href=\"https:\/\/demowebdesign.live\/petricia\/blogs\/\" class=\"hl-btn hl-btn-red\">Read More <span class=\"btn-arrow\">\u2192<\/span><\/a>-->\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hl-card reveal\" data-delay=\"200\">\r\n      <div class=\"hl-cover-wrap\">\r\n        <div class=\"cover-num\">03<\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1436491865332-7a61a109cc05?w=800&q=85\" alt=\"Airplane sky\"\/>\r\n        <div class=\"cover-overlay\"><\/div>\r\n        <span class=\"cover-genre cg-blue\">Grace &amp; Freedom<\/span>\r\n      <\/div>\r\n      <div class=\"hl-content\">\r\n        <div class=\"hl-content-divider div-blue\"><\/div>\r\n        <h3 class=\"hl-title hl-title-blue\">Grace in the Skies<\/h3>\r\n        <p class=\"hl-desc\">Life at altitude looks different turbulence shifts your grip, dark skies obscure the route, and fear has a way of taking the controls. In this faith-rooted meditation, Patricia explores what it means to trust a Pilot you cannot see, to breathe midair, and to discover that grace does not wait for calm skies.<\/p>\r\n        <div class=\"hl-tags\">\r\n          <span class=\"tag tag-blue\">Letting Go<\/span>\r\n          <span class=\"tag tag-blue\">Trust<\/span>\r\n          <span class=\"tag tag-white\">Surrender<\/span>\r\n          <span class=\"tag tag-white\">Faith<\/span>\r\n        <\/div>\r\n        <!--<a href=\"https:\/\/demowebdesign.live\/petricia\/blogs\/\" class=\"hl-btn hl-btn-blue\">Read More <span class=\"btn-arrow\">\u2192<\/span><\/a>-->\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"blog-section\">\r\n\r\n  <div class=\"blog-header reveal\" data-delay=\"0\">\r\n    <div class=\"eyebrow\"><span class=\"eyebrow-line\"><\/span>From the Journal<span class=\"eyebrow-line\"><\/span><\/div>\r\n    <h2 class=\"sec-heading\">Words That <em>Linger<\/em><\/h2>\r\n    <p class=\"sec-sub\">Reflections, stories, and truths written between the chapters of life.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"blog-grid\">\r\n\r\n    <div class=\"blog-card reveal\" data-delay=\"100\">\r\n      <div class=\"blog-img-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1476611338391-6f395a0ebc7b?w=600&q=80\" alt=\"Ocean morning\"\/>\r\n        <div class=\"blog-img-overlay\"><\/div>\r\n        <span class=\"blog-cat cg-teal\">Healing<\/span>\r\n      <\/div>\r\n      <div class=\"blog-body\">\r\n        <div class=\"blog-meta\">\r\n          <span class=\"blog-date\"><\/span>\r\n          <span class=\"blogdot\"><\/span>\r\n          <span class=\"blog-read-time\"><\/span>\r\n        <\/div>\r\n        <h3 class=\"blog-title blog-title-teal\">The Season I Stopped Waiting for Clarity<\/h3>\r\n        <p class=\"blog-excerpt\">There is a kind of disorientation that effort cannot fix. I know because I spent months trying replaying, analyzing, pushing forward on habit alone. Beneath the surface, something had already changed, and no amount of forward motion was going to undo that...<\/p>\r\n        <a href=\"https:\/\/demowebdesign.live\/petricia\/blogs\/\" class=\"blog-read-more rm-teal\">Read Article <span>\u2192<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"blog-card reveal\" data-delay=\"200\">\r\n      <div class=\"blog-img-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519681393784-d120267933ba?w=600&q=80\" alt=\"Dark mountains\"\/>\r\n        <div class=\"blog-img-overlay\"><\/div>\r\n        <span class=\"blog-cat cg-red\">Grief<\/span>\r\n      <\/div>\r\n      <div class=\"blog-body\">\r\n        <div class=\"blog-meta\">\r\n          <span class=\"blog-date\"><\/span>\r\n          <span class=\"blogdot\"><\/span>\r\n          <span class=\"blog-read-time\"> <\/span>\r\n        <\/div>\r\n        <h3 class=\"blog-title blog-title-red\">What Grief Did to My Body Before My Mind Caught Up<\/h3>\r\n        <p class=\"blog-excerpt\">Loss doesn't always start with tears. It starts somewhere lower a tightness in the chest, a heaviness in the shoulders, a breath that won't quite complete itself. The body absorbs what the mind hasn't yet learned to name. Nobody warns you about that part...<\/p>\r\n        <a href=\"https:\/\/demowebdesign.live\/petricia\/blogs\/\" class=\"blog-read-more rm-red\">Read Article <span>\u2192<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"blog-card reveal\" data-delay=\"300\">\r\n      <div class=\"blog-img-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1501854140801-50d01698950b?w=600&q=80\" alt=\"Sky above clouds\"\/>\r\n        <div class=\"blog-img-overlay\"><\/div>\r\n        <span class=\"blog-cat cg-blue\">Letting Go<\/span>\r\n      <\/div>\r\n      <div class=\"blog-body\">\r\n        <div class=\"blog-meta\">\r\n          <span class=\"blog-date\"><\/span>\r\n          <span class=\"blogdot\"><\/span>\r\n          <span class=\"blog-read-time\"><\/span>\r\n        <\/div>\r\n        <h3 class=\"blog-title blog-title-blue\">Learning to Breathe When You Can't See the Route<\/h3>\r\n        <p class=\"blog-excerpt\">I used to believe rest was the reward that waited on the other side of resolution. Then, somewhere in a season that refused to resolve, I realized God was offering it now not after the landing, but midair. That shift changed everything about how I hold what I cannot control...<\/p>\r\n        <a href=\"https:\/\/demowebdesign.live\/petricia\/blogs\/\" class=\"blog-read-more rm-blue\">Read Article <span>\u2192<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"blog-bottom-cta reveal\" data-delay=\"400\">\r\n    <a href=https:\/\/demowebdesign.live\/petricia\/blogs\/ class=\"blog-all-btn\">View All Articles \u2192<\/a>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\n  var els = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');\r\n  if(!els.length) return;\r\n  if('IntersectionObserver' in window){\r\n    var observer = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){\r\n        if(e.isIntersecting){\r\n          var delay = parseInt(e.target.dataset.delay)||0;\r\n          setTimeout(function(){ e.target.classList.add('up'); }, delay);\r\n          observer.unobserve(e.target);\r\n        }\r\n      });\r\n    },{threshold:0.12,rootMargin:'0px 0px -40px 0px'});\r\n    els.forEach(function(el){\r\n      el.classList.add('animate-hidden');\r\n      observer.observe(el);\r\n    });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0236cb7 e-con-full e-flex e-con e-parent\" data-id=\"0236cb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a09977 elementor-widget elementor-widget-html\" data-id=\"7a09977\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cta-section\">\r\n  <div class=\"cta-bg-gradient\"><\/div>\r\n  <div class=\"cta-orb cta-orb-1\"><\/div>\r\n  <div class=\"cta-orb cta-orb-2\"><\/div>\r\n  <div class=\"cta-orb cta-orb-3\"><\/div>\r\n  <div class=\"cta-grid-overlay\"><\/div>\r\n  <div class=\"cta-inner\">\r\n    <div class=\"cta-eyebrow reveal\" data-delay=\"0\">\r\n      <span class=\"eyebrow-line\"><\/span>\r\n      Find Your Next Read\r\n      <span class=\"eyebrow-line\"><\/span>\r\n    <\/div>\r\n    <h2 class=\"cta-heading reveal\" data-delay=\"100\">\r\n      Your Story Doesn't<br\/><em>End Here.<\/em>\r\n    <\/h2>\r\n    <p class=\"cta-sub reveal\" data-delay=\"200\">\r\n      Three books written for the in-between  the seasons of loss, uncertainty, and quiet faith. Wherever you are in the journey, there is a page that meets you there.\r\n    <\/p>\r\n    <div class=\"cta-books-row reveal\" data-delay=\"250\">\r\n      <div class=\"mini-book\"><img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Artboard-1-copy-2-2-scaled.jpg\" alt=\"Book 1\"\/><\/div>\r\n      <div class=\"mini-book\"><img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Artboard-1-copy-2-scaled.jpg\" alt=\"Book 2\"\/><\/div>\r\n      <div class=\"mini-book\"><img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Artboard-1-copy-2-2-1-scaled.jpg\" alt=\"Book 3\"\/><\/div>\r\n    <\/div>\r\n    <div class=\"cta-buttons reveal\" data-delay=\"300\">\r\n      <a href=\"https:\/\/demowebdesign.live\/petricia\/books\/\" class=\"cta-btn-primary\">\r\n        <span class=\"btn-icon\">\ud83d\udcda<\/span> Buy Books\r\n      <\/a>\r\n      <a href=\"https:\/\/demowebdesign.live\/petricia\/contact\/\" class=\"cta-btn-secondary\">\r\n        <span class=\"btn-icon\">\u2709\ufe0f<\/span> Contact Author\r\n      <\/a>\r\n    <\/div>\r\n    <div class=\"cta-divider reveal\" data-delay=\"400\">\r\n      <div class=\"cta-divider-line\"><\/div>\r\n      <span class=\"cta-divider-text\">Walking with readers through every season<\/span>\r\n      <div class=\"cta-divider-line\"><\/div>\r\n    <\/div>\r\n    <div class=\"cta-trust reveal\" data-delay=\"500\">\r\n      <div class=\"trust-item\">\r\n        <span class=\"trust-num\">10K+<\/span>\r\n        <span class=\"trust-label\">Readers<\/span>\r\n      <\/div>\r\n      <div class=\"trust-item\">\r\n        <span class=\"trust-num\">3<\/span>\r\n        <span class=\"trust-label\">Books<\/span>\r\n      <\/div>\r\n      <div class=\"trust-item\">\r\n        <span class=\"trust-num\">15+<\/span>\r\n        <span class=\"trust-label\">Years<\/span>\r\n      <\/div>\r\n      <div class=\"trust-item\">\r\n        <span class=\"trust-num\">4.9\u2605<\/span>\r\n        <span class=\"trust-label\">Avg Rating<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n    \r\n    .cta-section{position:relative;padding:130px 48px;overflow:hidden;background:#041c2c;}\r\n\r\n.cta-bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#041c2c 0%,#0a2a4a 30%,#0d4f6e 60%,#083040 100%);z-index:0;}\r\n\r\n.cta-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:1;}\r\n.cta-orb-1{width:600px;height:600px;background:#3ecfcf;opacity:.07;top:-200px;left:-200px;animation:ctaOrb 10s ease-in-out infinite;}\r\n.cta-orb-2{width:400px;height:400px;background:#e74c3c;opacity:.06;bottom:-150px;right:-100px;animation:ctaOrb 13s ease-in-out infinite;animation-delay:-5s;}\r\n.cta-orb-3{width:250px;height:250px;background:#5ba8e0;opacity:.07;top:50%;right:20%;animation:ctaOrb 8s ease-in-out infinite;animation-delay:-3s;}\r\n@keyframes ctaOrb{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-30px) scale(1.05);}}\r\n\r\n.cta-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;z-index:1;}\r\n\r\n.cta-inner{position:relative;z-index:10;max-width:760px;margin:0 auto;text-align:center;}\r\n\r\n.cta-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#3ecfcf;margin-bottom:20px;}\r\n\r\n.cta-heading{font-family:'Playfair Display',serif;font-size:clamp(36px,5vw,64px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:14px;}\r\n.cta-heading em{font-style:italic;color:#3ecfcf;}\r\n\r\n.cta-sub{font-size:16px;color:rgba(190,220,230,.6);font-weight:300;line-height:1.75;max-width:520px;margin:0 auto 44px;}\r\n\r\n.cta-buttons{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:52px;}\r\n\r\n.cta-btn-primary{display:inline-flex;align-items:center;gap:10px;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 38px;border-radius:50px;border:none;background:#3ecfcf;color:#041c2c;cursor:pointer;text-decoration:none;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;}\r\n.cta-btn-primary::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.15);opacity:0;transition:opacity .3s;}\r\n.cta-btn-primary:hover::before{opacity:1;}\r\n.cta-btn-primary:hover{transform:scale(1.06);box-shadow:0 0 40px rgba(62,207,207,.55),0 20px 40px rgba(0,0,0,.3);}\r\n\r\n.cta-btn-secondary{display:inline-flex;align-items:center;gap:10px;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 38px;border-radius:50px;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:#fff;cursor:pointer;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;}\r\n.cta-btn-secondary:hover{transform:scale(1.05);border-color:#fff !important;box-shadow:0 0 28px rgba(255,255,255,.12);}\r\n\r\n.btn-icon{font-size:16px;}\r\n\r\n.cta-divider{display:flex;align-items:center;gap:20px;margin-bottom:44px;}\r\n.cta-divider-line{flex:1;height:1px;background:rgba(255,255,255,.08);}\r\n.cta-divider-text{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.25);}\r\n\r\n.cta-trust{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;}\r\n.trust-item{display:flex;flex-direction:column;align-items:center;gap:5px;}\r\n.trust-num{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:#3ecfcf;}\r\n.trust-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);font-weight:600;}\r\n\r\n.cta-books-row{display:flex;justify-content:center;gap:16px;margin-bottom:50px;}\r\n.mini-book{width:52px;height:72px;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:transform .3s,box-shadow .3s;}\r\n.mini-book img{width:100%;height:100%;object-fit:cover;}\r\n.mini-book:hover{transform:translateY(-6px) scale(1.08);box-shadow:0 16px 32px rgba(0,0,0,.5);}\r\n    \r\n<\/style>\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>Faith-Centered Author Words That Anchor, Grieve, and Carry You Forward By Patricia Morgan three faith rooted books on confusion, loss, and trust midair. Written for those learning to breathe again, one honest page at a time. Explore Books Read My Story Latest Book Grace in the Skies Bestseller When the Heart Shatters and the Lungs [&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":"page-builder","ast-site-content-layout":"default","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":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","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":"","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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":171,"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1205,"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/pages\/14\/revisions\/1205"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}