{"id":10,"date":"2026-02-23T19:44:44","date_gmt":"2026-02-23T19:44:44","guid":{"rendered":"https:\/\/demowebdesign.live\/adrian-philips\/?page_id=10"},"modified":"2026-04-20T16:49:41","modified_gmt":"2026-04-20T16:49:41","slug":"home","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/adrian-philips\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7234b3 e-flex e-con-boxed e-con e-parent\" data-id=\"d7234b3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:39,&quot;url&quot;:&quot;https:\\\/\\\/demowebdesign.live\\\/adrian-philips\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/2.jpg&quot;},{&quot;id&quot;:34,&quot;url&quot;:&quot;https:\\\/\\\/demowebdesign.live\\\/adrian-philips\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/f3B2HrhtS6QZtOdqMnGA-1-ans9w.jpg&quot;},{&quot;id&quot;:41,&quot;url&quot;:&quot;https:\\\/\\\/demowebdesign.live\\\/adrian-philips\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/3.jpg&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-75d2d20 e-con-full e-flex e-con e-child\" data-id=\"75d2d20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa40d2a elementor-headline--style-rotate elementor-widget elementor-widget-animated-headline\" data-id=\"aa40d2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;headline_style&quot;:&quot;rotate&quot;,&quot;rotating_text&quot;:&quot;world at war.&quot;,&quot;animation_type&quot;:&quot;typing&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;rotate_iteration_delay&quot;:2500}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t\t\t\t<h3 class=\"elementor-headline elementor-headline-animation-type-typing elementor-headline-letters\">\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\">A thrilling historical story of courage, science, and survival in a<\/span>\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">\n\t\t\t\tworld&nbsp;at&nbsp;war.\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-afdbf8f e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"afdbf8f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95500bd elementor-widget__width-initial btn-hero elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"95500bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/a.co\/d\/0gQP72NI\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get The Book<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f88b016 elementor-widget__width-initial btn-hero elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"f88b016\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/about\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5b8742 elementor-widget__width-initial elementor-absolute animated-slow elementor-hidden-tablet elementor-hidden-mobile elementor-invisible elementor-widget elementor-widget-image\" data-id=\"e5b8742\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_animation&quot;:&quot;slideInRight&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"1000\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/5-PNG.png\" class=\"attachment-large size-large wp-image-43\" alt=\"\" srcset=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/5-PNG.png 1000w, https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/5-PNG-300x300.png 300w, https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/5-PNG-150x150.png 150w, https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/5-PNG-768x768.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-458a064 e-con-full e-flex e-con e-child\" data-id=\"458a064\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-60541c7 e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"60541c7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90afb54 elementor-widget elementor-widget-html\" data-id=\"90afb54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"custom-divider\"><\/div>\r\n\r\n<style>\r\n.custom-divider {\r\n    position: relative;\r\n    width: 100%; \/* Full width container *\/\r\n    height: 4px;\r\n    margin: 60px auto;\r\n    overflow: hidden;\r\n}\r\n\r\n.custom-divider::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    height: 100%;\r\n    background: #C65200;\r\n\r\n    \/* Start hidden *\/\r\n    width: 0;\r\n    transform: translateX(-50%);\r\n\r\n    \/* Animate *\/\r\n    animation: expandLine 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;\r\n}\r\n\r\n@keyframes expandLine {\r\n    from {\r\n        width: 0;\r\n    }\r\n    to {\r\n        width: 100%;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9ad873 elementor-widget elementor-widget-heading\" data-id=\"b9ad873\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">About The Author<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-151a4b0 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"151a4b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>From lived history and decades of archival research, the author crafts stories rooted in the moral complexities of 1930s Europe. The novel reflects the intellectual world of the University of Vienna, the rise of extremism, and the human cost of historical upheaval.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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-fbf53b5 e-flex e-con-boxed e-con e-parent\" data-id=\"fbf53b5\" data-element_type=\"container\" data-e-type=\"container\" id=\"about\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-de126d7 e-con-full e-flex e-con e-child\" data-id=\"de126d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9b813e elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"e9b813e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_74c4cc74c4cc74c4-1024x768.png\" class=\"attachment-large size-large wp-image-719\" alt=\"\" srcset=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_74c4cc74c4cc74c4-1024x768.png 1024w, https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_74c4cc74c4cc74c4-300x225.png 300w, https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_74c4cc74c4cc74c4-768x576.png 768w, https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_74c4cc74c4cc74c4.png 1195w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-700114e e-con-full e-flex e-con e-child\" data-id=\"700114e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9416f7e elementor-widget elementor-widget-heading\" data-id=\"9416f7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ADRIEN PHILIPS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-156c9e5 elementor-widget elementor-widget-text-editor\" data-id=\"156c9e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Author<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4904ee4 elementor-widget elementor-widget-text-editor\" data-id=\"4904ee4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>is a historical fiction writer with a deep passion for World War II\u2013era European history, Jewish heritage, and the moral complexities of survival under tyranny. Through vivid storytelling and emotionally layered characters, the author explores the intersection of love, science, faith, and political upheaval during one of history\u2019s darkest periods.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6b1e71 elementor-widget__width-initial btn-hero elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"c6b1e71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/about\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Read More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2fdb7a e-grid-align-left e-grid-align-mobile-center elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"e2fdb7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-5ee6404\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-9786b34\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\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-d808cac e-flex e-con-boxed e-con e-parent\" data-id=\"d808cac\" 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<div class=\"elementor-element elementor-element-ba5f306 e-con-full e-flex e-con e-child\" data-id=\"ba5f306\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7edf58c elementor-widget elementor-widget-html\" data-id=\"7edf58c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"custom-divider\"><\/div>\r\n\r\n<style>\r\n.custom-divider {\r\n    position: relative;\r\n    width: 100%; \/* Full width container *\/\r\n    height: 4px;\r\n    margin: 60px auto;\r\n    overflow: hidden;\r\n}\r\n\r\n.custom-divider::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    height: 100%;\r\n    background: #C65200;\r\n\r\n    \/* Start hidden *\/\r\n    width: 0;\r\n    transform: translateX(-50%);\r\n\r\n    \/* Animate *\/\r\n    animation: expandLine 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;\r\n}\r\n\r\n@keyframes expandLine {\r\n    from {\r\n        width: 0;\r\n    }\r\n    to {\r\n        width: 100%;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\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-1d9f8a9 e-con-full e-flex e-con e-parent\" data-id=\"1d9f8a9\" 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-a81297a elementor-widget elementor-widget-html\" data-id=\"a81297a\" 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=Alumni+Sans+SC:ital,wght@0,100..900;1,100..900&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n :root {\r\n  --orange: #e07520;\r\n  --orange-light: #f48c35;\r\n  --orange-glow: rgba(224, 117, 32, 0.35);\r\n  --dark: #0a0e12;\r\n  --dark2: #111820;\r\n  --text: #d6d8db;\r\n  --text-dim: #8a9099;\r\n  --divider: rgba(224, 117, 32, 0.5);\r\n}\r\n\r\nbody {\r\n  font-family: 'Alumni Sans SC', serif;\r\n  background: var(--dark);\r\n  color: var(--text);\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\/* \u2500\u2500 Section \u2500\u2500 *\/\r\n.book-section {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 100vh;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 Background \u2500\u2500 *\/\r\n.bg-overlay {\r\n  display: none;\r\n}\r\n\r\n\/* Animated noise grain *\/\r\n.grain {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  opacity: 0.035;\r\n  pointer-events: none;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'\/%3E%3C\/svg%3E\");\r\n  background-size: 200px;\r\n  animation: grain-shift 8s steps(10) infinite;\r\n}\r\n@keyframes grain-shift {\r\n  0%,100%{transform:translate(0,0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,1%)}30%{transform:translate(-1%,4%)}40%{transform:translate(2%,-2%)}50%{transform:translate(-3%,2%)}60%{transform:translate(1%,-4%)}70%{transform:translate(3%,3%)}80%{transform:translate(-2%,1%)}90%{transform:translate(1%,2%)}\r\n}\r\n\r\n\/* \u2500\u2500 Vertical orange divider \u2500\u2500 *\/\r\n.divider-line {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 8%;\r\n  bottom: 8%;\r\n  width: 2px;\r\n  background: linear-gradient(180deg, transparent, var(--orange) 20%, var(--orange) 80%, transparent);\r\n  z-index: 3;\r\n  transform: translateX(-50%);\r\n  opacity: 0;\r\n  animation: fade-in 1s 1.2s forwards;\r\n}\r\n\r\n\/* \u2500\u2500 Left Panel \u2013 Book Image \u2500\u2500 *\/\r\n.panel-left {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: right;\r\n  padding: 60px 40px 60px 60px;\r\n  overflow: hidden; \/* \u2190 Prevents image overflow and leftover edges *\/\r\n}\r\n\r\n.book-wrapper {\r\n  position: relative;\r\n  width: min(500px, 90%);\r\n  max-width: 100%; \/* \u2190 Ensures no overflow *\/\r\n  opacity: 0;\r\n  transform: translateX(-60px) rotate(-3deg);\r\n  animation: slide-in-left 1s cubic-bezier(0.22, 1, 0.36, 1) 0.3s forwards;\r\n}\r\n\r\n.book-wrapper img {\r\n  width: 100%;\r\n  border-radius: 6px;\r\n  display: block;\r\n  box-shadow:\r\n    -8px 8px 40px rgba(0,0,0,0.7),\r\n    0 0 0 1px rgba(255,255,255,0.05),\r\n    0 0 80px var(--orange-glow);\r\n  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s ease;\r\n}\r\n\r\n.book-wrapper:hover img {\r\n  transform: scale(1.04) rotate(1deg) translateY(-6px);\r\n  box-shadow:\r\n    -12px 16px 60px rgba(0,0,0,0.8),\r\n    0 0 0 1px rgba(255,255,255,0.08),\r\n    0 0 120px var(--orange-glow);\r\n}\r\n\r\n\/* Glowing edge on the book *\/\r\n.book-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0; \/* Changed from -4px to 0 to stay within panel *\/\r\n  border-radius: 10px;\r\n  background: linear-gradient(135deg, var(--orange) 0%, transparent 60%);\r\n  opacity: 0;\r\n  z-index: -1;\r\n  transition: opacity 0.4s;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Floating sparkles *\/\r\n.sparkle {\r\n  position: absolute;\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--orange);\r\n  opacity: 0;\r\n  animation: sparkle-float 4s ease-in-out infinite;\r\n}\r\n.sparkle:nth-child(1) { top: 15%; left: 10%; animation-delay: 0s; }\r\n.sparkle:nth-child(2) { top: 70%; left: 5%; animation-delay: 1.3s; width:4px; height:4px; }\r\n.sparkle:nth-child(3) { top: 40%; left: 85%; animation-delay: 0.7s; width:5px; height:5px; }\r\n@keyframes sparkle-float {\r\n  0%,100%{opacity:0;transform:translateY(0) scale(0)}\r\n  30%{opacity:0.7;transform:translateY(-20px) scale(1)}\r\n  70%{opacity:0.4;transform:translateY(-35px) scale(0.6)}\r\n}\r\n\r\n\/* \u2500\u2500 Right Panel \u2013 Content \u2500\u2500 *\/\r\n.panel-right {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 60px 60px 60px 70px;\r\n}\r\n\r\n.content { max-width: 540px; }\r\n\r\n\/* Label *\/\r\n.label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  margin-bottom: 22px;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  animation: fade-up 0.7s ease 0.6s forwards;\r\n}\r\n.label-line { width: 40px; height: 2px; background: var(--orange); flex-shrink: 0; }\r\n.label-text { font-size: 20px; font-weight: 700; letter-spacing: 0.25em; color: var(--orange); text-transform: uppercase; }\r\n\r\n\/* Title *\/\r\n.book-title {\r\n  font-size: clamp(2.4rem, 4.5vw, 3.6rem);\r\n  font-weight: 700;\r\n  line-height: 1.05;\r\n  letter-spacing: 0.02em;\r\n  color: #ffffff;\r\n  margin-bottom: 28px;\r\n  opacity: 0;\r\n  transform: translateY(24px);\r\n  animation: fade-up 0.8s ease 0.8s forwards;\r\n}\r\n.book-title .accent { color: var(--orange); }\r\n\r\n\/* Description *\/\r\n.book-desc {\r\n  font-size: 20px;\r\n  font-weight: 400;\r\n  line-height: 1.72;\r\n  color: #fff;\r\n  margin-bottom: 36px;\r\n  opacity: 0;\r\n  transform: translateY(22px);\r\n  animation: fade-up 0.8s ease 1s forwards;\r\n  font-variant: normal;\r\n  letter-spacing: 0.01em;\r\n  text-transform: uppercase !important;\r\n}\r\n\r\n\/* Meta row *\/\r\n.meta-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n  margin-bottom: 40px;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  animation: fade-up 0.8s ease 1.15s forwards;\r\n}\r\n.meta-block {}\r\n.meta-label { font-size: 18px; font-weight: 700; letter-spacing: 0.3em; color: var(--orange); text-transform: uppercase; margin-bottom: 6px; }\r\n.meta-value { font-size: 1.12rem; font-weight: 600; color: #fff; letter-spacing: 0.06em; }\r\n.meta-sep { grid-column: 1 \/ -1; height: 1px; background: linear-gradient(90deg, rgba(224,117,32,0.4), transparent); margin-bottom: 4px; }\r\n\r\n\/* Buttons *\/\r\n.btn-group { display: flex; gap: 16px; flex-wrap: wrap; opacity: 0; transform: translateY(20px); animation: fade-up 0.8s ease 1.3s forwards; }\r\n.btn { font-family: 'Alumni Sans SC', serif; font-size: 0.95rem; font-weight: 700; letter-spacing: 0.12em; padding: 14px 30px; border-radius: 4px; cursor: pointer; border: none; text-transform: uppercase; position: relative; overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; }\r\n.btn-primary { background: var(--orange); color: #fff; }\r\n.btn-primary::before { content: ''; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.25) 50%, transparent 70%); transform: translateX(-100%); transition: transform 0.5s ease; }\r\n.btn-primary:hover::before { transform: translateX(100%); }\r\n.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 30px var(--orange-glow); background: transparent !important; border: 2px solid #fff; }\r\n.btn-primary:active { transform: translateY(-1px); }\r\n.btn-secondary { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,0.3); backdrop-filter: blur(4px); }\r\n.btn-secondary:hover { border-color: var(--orange); color: var(--orange); transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.4); background: #C65200; color: white !important; }\r\n.btn-secondary:active { transform: translateY(-1px); }\r\n\r\n\/* \u2500\u2500 Keyframes \u2500\u2500 *\/\r\n@keyframes fade-up { to { opacity: 1; transform: translateY(0); } }\r\n@keyframes slide-in-left { to { opacity: 1; transform: translateX(0) rotate(0deg); } }\r\n@keyframes fade-in { to { opacity: 1; } }\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .book-section {\r\n    grid-template-columns: 1fr; \/* stack panels vertically *\/\r\n    min-height: auto;\r\n  }\r\n  \r\n  .divider-line {\r\n    display: none; \/* hide vertical divider *\/\r\n  }\r\n  \r\n  .panel-left {\r\n    padding: 60px 24px 30px;\r\n    justify-content: center;\r\n    overflow: visible;\r\n  }\r\n  \r\n  .book-wrapper {\r\n    width: min(260px, 80%);\r\n    animation: slide-in-left 1s cubic-bezier(0.22,1,0.36,1) 0.3s forwards;\r\n  }\r\n\r\n  .panel-right {\r\n    padding: 30px 24px 60px;\r\n    justify-content: center;\r\n    text-align: center;\r\n  }\r\n  \r\n  .content {\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  \r\n  .label {\r\n    justify-content: center;\r\n  }\r\n  \r\n  .book-title, .book-desc {\r\n    text-align: center;\r\n  }\r\n\r\n  .meta-row {\r\n    text-align: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .meta-sep {\r\n    display: none;\r\n  }\r\n\r\n  .btn-group {\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .book-title {\r\n    font-size: 2.2rem;\r\n  }\r\n\r\n  .book-desc {\r\n    font-size: 18px;\r\n    padding-left: 120px;\r\n    padding-right: 120px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .btn {\r\n    padding: 12px 22px;\r\n    font-size: 0.88rem;\r\n  }\r\n\r\n  .panel-left {\r\n    padding: 50px 16px 24px;\r\n  }\r\n\r\n  .panel-right {\r\n    padding: 20px 16px 50px;\r\n  }\r\n\r\n  .book-wrapper {\r\n    width: min(220px, 90%);\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"book-section\">\r\n  <div class=\"bg-overlay\"><\/div>\r\n  <div class=\"grain\"><\/div>\r\n  <div class=\"divider-line\"><\/div>\r\n\r\n  <!-- LEFT: Book Image -->\r\n  <div class=\"panel-left\">\r\n    <div class=\"book-wrapper\">\r\n      <span class=\"sparkle\"><\/span>\r\n      <span class=\"sparkle\"><\/span>\r\n      <span class=\"sparkle\"><\/span>\r\n      <!-- Replace src below with your actual book cover image -->\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/4-PNG-1.png\"\r\n        alt=\"Love, Science and the Madness \u2013 Book Cover\"\r\n      \/>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- RIGHT: Content -->\r\n  <div class=\"panel-right\">\r\n    <div class=\"content\">\r\n\r\n      <div class=\"label\">\r\n        <span class=\"label-line\"><\/span>\r\n        <span class=\"label-text\">About the Book<\/span>\r\n      <\/div>\r\n\r\n      <h1 class=\"book-title\">\r\n        Love, Science<br>and the <span class=\"accent\">Madness<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"book-desc\">\r\n       Love, Science, and the Madness is a sweeping historical novel set against the turbulent backdrop of 1930s Vienna, where intellectual brilliance collides with rising fascism and love struggles to survive in the shadow of tyranny.\r\n\r\nAt the University of Vienna, two gifted young men Jonas Meyer and Elias Schmidt form an unbreakable bond over their shared passion for mathematics and chemistry. Born to families of mixed Jewish and German heritage, their lives are shaped by academic ambition, cultural pride, and the growing storm of anti-Semitism spreading across Europe.\r\n\r\nAs Nazi influence intensifies, violence erupts on campus, and the assassination of a respected professor signals that the danger is no longer distant it is immediate and deadly. While their fathers quietly devise desperate escape plans involving Swiss bank accounts, foreign consulates, and secret arrangements with American intelligence, Jonas and Elias fight to finish their studies and protect the people they love.\r\n      <\/p>\r\n\r\n      <div class=\"meta-row\">\r\n        <div class=\"meta-block\">\r\n          <div class=\"meta-label\">Author<\/div>\r\n          <div class=\"meta-value\">Adrien Phillips<\/div>\r\n        <\/div>\r\n        <div class=\"meta-block\">\r\n          <div class=\"meta-label\">Genre<\/div>\r\n          <div class=\"meta-value\">Historical Fiction<\/div>\r\n        <\/div>\r\n        <div class=\"meta-sep\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"btn-group\">\r\n  <a href=\"https:\/\/a.co\/d\/0gQP72NI\" target=\"_blank\">\r\n    <button class=\"btn btn-primary\">Get The Book<\/button>\r\n  <\/a>\r\n<\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf1dca6 e-flex e-con-boxed e-con e-parent\" data-id=\"cf1dca6\" 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-7efc1ac elementor-widget elementor-widget-html\" data-id=\"7efc1ac\" 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=Alumni+Sans+SC:ital,wght@0,100..900;1,100..900&display=swap\" rel=\"stylesheet\"\/>\r\n  <style>\r\n\r\n\r\n    :root {\r\n      --orange: #e07520;\r\n      --orange-light: #f48c35;\r\n      --orange-glow: rgba(224, 117, 32, 0.3);\r\n      --dark: #0c1117;\r\n      --dark2: #111820;\r\n      --card-bg: #0e151d;\r\n      --text: #d6d8db;\r\n      --text-dim: #7a8390;\r\n      --border: rgba(224, 117, 32, 0.45);\r\n    }\r\n\r\n    body {\r\n      font-family: 'Alumni Sans SC', serif;\r\n      background: var(--dark);\r\n      color: var(--text);\r\n      min-height: 100vh;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Section \u2500\u2500\u2500 *\/\r\n    .themes-section {\r\n      position: relative;\r\n      padding: 90px 60px 100px;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Subtle radial glow behind heading *\/\r\n    .themes-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 600px; height: 300px;\r\n      background: radial-gradient(ellipse at center, rgba(224,117,32,0.08) 0%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Header \u2500\u2500\u2500 *\/\r\n    .section-header {\r\n      text-align: center;\r\n      margin-bottom: 64px;\r\n    }\r\n\r\n    .eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 14px;\r\n      margin-bottom: 18px;\r\n      opacity: 0;\r\n      animation: fade-up 0.7s ease 0.2s forwards;\r\n    }\r\n    .eyebrow-line {\r\n      width: 36px; height: 2px;\r\n      background: var(--orange);\r\n      flex-shrink: 0;\r\n    }\r\n    .eyebrow-text {\r\n      font-size: 22px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.28em;\r\n      color: var(--orange);\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .section-title {\r\n      font-size: 70px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.03em;\r\n      color: #fff;\r\n      line-height: 1.05;\r\n      margin-bottom: 20px;\r\n      opacity: 0;\r\n      animation: fade-up 0.7s ease 0.35s forwards;\r\n    }\r\n    .section-title .accent { color: var(--orange); }\r\n\r\n    .section-desc {\r\n      font-size: 1.38rem;\r\n      font-weight: 400;\r\n      line-height: 1.75;\r\n      color: #fff;\r\n      max-width: 500px;\r\n      margin: 0 auto;\r\n      letter-spacing: 0.01em;\r\n      font-variant: normal;\r\n      opacity: 0;\r\n      animation: fade-up 0.7s ease 0.5s forwards;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Grid \u2500\u2500\u2500 *\/\r\n    .cards-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 24px;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Card \u2500\u2500\u2500 *\/\r\n    .card {\r\n      position: relative;\r\n      border-radius: 6px;\r\n      overflow: hidden;\r\n      border: 1.5px solid var(--border);\r\n      cursor: pointer;\r\n      aspect-ratio: 16\/9;\r\n      background: var(--card-bg);\r\n      opacity: 0;\r\n      transform: translateY(40px);\r\n      transition:\r\n        border-color 0.4s ease,\r\n        box-shadow 0.4s ease,\r\n        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    \/* Staggered entrance *\/\r\n    .card:nth-child(1) { animation: card-in 0.75s cubic-bezier(0.22,1,0.36,1) 0.65s forwards; }\r\n    .card:nth-child(2) { animation: card-in 0.75s cubic-bezier(0.22,1,0.36,1) 0.8s forwards; }\r\n    .card:nth-child(3) { animation: card-in 0.75s cubic-bezier(0.22,1,0.36,1) 0.95s forwards; }\r\n    .card:nth-child(4) { animation: card-in 0.75s cubic-bezier(0.22,1,0.36,1) 1.1s forwards; }\r\n\r\n    .card:hover {\r\n      border-color: var(--orange);\r\n      box-shadow: 0 0 0 1px var(--orange), 0 20px 60px rgba(0,0,0,0.6), 0 0 40px var(--orange-glow);\r\n      transform: translateY(-4px) scale(1.01);\r\n    }\r\n\r\n    \/* Card image *\/\r\n    .card-img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%; height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.4s ease;\r\n      filter: brightness(0.65) saturate(0.85);\r\n    }\r\n    .card:hover .card-img {\r\n      transform: scale(1.06);\r\n      filter: brightness(0.55) saturate(1.1);\r\n    }\r\n\r\n    \/* Gradient overlay on card *\/\r\n    .card-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(\r\n        to top,\r\n        rgba(6,10,14,0.98) 0%,\r\n        rgba(6,10,14,0.65) 40%,\r\n        rgba(6,10,14,0.1) 75%,\r\n        transparent 100%\r\n      );\r\n      transition: background 0.4s ease;\r\n    }\r\n    .card:hover .card-overlay {\r\n      background: linear-gradient(\r\n        to top,\r\n        rgba(6,10,14,1) 0%,\r\n        rgba(6,10,14,0.72) 45%,\r\n        rgba(6,10,14,0.15) 78%,\r\n        transparent 100%\r\n      );\r\n    }\r\n\r\n    \/* Orange top-left corner accent *\/\r\n    .card-corner {\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      width: 48px; height: 3px;\r\n      background: var(--orange);\r\n      transform-origin: left center;\r\n      transform: scaleX(0);\r\n      transition: transform 0.4s cubic-bezier(0.22,1,0.36,1);\r\n      z-index: 3;\r\n    }\r\n    .card:hover .card-corner { transform: scaleX(1); }\r\n\r\n    \/* Card content *\/\r\n    .card-content {\r\n      position: absolute;\r\n      bottom: 0; left: 0; right: 0;\r\n      padding: 28px 28px 26px;\r\n      z-index: 2;\r\n    }\r\n\r\n    .card-number-row {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 10px;\r\n    }\r\n    .card-number-line {\r\n      width: 24px; height: 2px;\r\n      background: var(--orange);\r\n      flex-shrink: 0;\r\n    }\r\n    .card-number {\r\n      font-size: 22px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.18em;\r\n      color: var(--orange);\r\n    }\r\n\r\n    .card-title {\r\n      font-size: 40px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.04em;\r\n      color: #fff;\r\n      margin-bottom: 10px;\r\n      line-height: 1.15;\r\n      transition: color 0.3s ease;\r\n    }\r\n    .card:hover .card-title { color: #fff; }\r\n\r\n    \/* Thin separator line *\/\r\n    .card-sep {\r\n      width: 32px; height: 1.5px;\r\n      background: var(--orange);\r\n      margin-bottom: 10px;\r\n      opacity: 0.7;\r\n      transition: width 0.4s ease, opacity 0.4s ease;\r\n    }\r\n    .card:hover .card-sep { width: 56px; opacity: 1; }\r\n\r\n    .card-desc {\r\n      font-size: 22px;\r\n      font-weight: 400;\r\n      line-height: 1.6;\r\n      color: #fff;\r\n      letter-spacing: 0.01em;\r\n      font-variant: normal;\r\n      max-width: 410px;\r\n      transition: color 0.3s ease;\r\n    }\r\n    .card:hover .card-desc { color: rgba(200,208,218,0.9); }\r\n\r\n    \/* Shimmer on hover *\/\r\n    .card-shimmer {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.04) 50%, transparent 70%);\r\n      transform: translateX(-100%);\r\n      transition: transform 0s;\r\n      z-index: 1;\r\n      pointer-events: none;\r\n    }\r\n    .card:hover .card-shimmer {\r\n      transform: translateX(100%);\r\n      transition: transform 0.7s ease;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Keyframes \u2500\u2500\u2500 *\/\r\n    @keyframes fade-up {\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    @keyframes card-in {\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\r\n    @media (max-width: 860px) {\r\n  .themes-section {\r\n    padding-left: 150px;\r\n    padding-right: 150px;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n  .cards-grid {\r\n    gap: 18px;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n  }\r\n  .card-content {\r\n    padding: 20px 20px 18px;\r\n  }\r\n}\r\n\r\n\/* Tablet and mobile adjustments *\/\r\n@media (max-width: 640px) {\r\n  .themes-section {\r\n    padding-left: 150px;\r\n    padding-right: 150px;\r\n    overflow-x: hidden;       \/* prevent horizontal scroll *\/\r\n  }\r\n  .cards-grid {\r\n    grid-template-columns: 1fr; \/* single column stack *\/\r\n    gap: 16px;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n  }\r\n  .section-header {\r\n    margin-bottom: 44px;\r\n    padding: 0 10px;\r\n    box-sizing: border-box;\r\n  }\r\n  .card {\r\n    aspect-ratio: 4\/3;\r\n  }\r\n  .card-content {\r\n    padding: 16px 16px 14px;\r\n  }\r\n  .card-title {\r\n    font-size: 32px; \/* smaller on mobile *\/\r\n  }\r\n  .card-desc {\r\n    font-size: 0.95rem;\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n\/* Extra small screens *\/\r\n@media (max-width: 480px) {\r\n  .themes-section {\r\n    padding-left: 150px;\r\n    padding-right: 150px;\r\n  }\r\n  .section-title {\r\n    font-size: 3.2rem; \/* scale down large headings *\/\r\n  }\r\n  .eyebrow-text {\r\n    font-size: 18px;\r\n  }\r\n  .cards-grid {\r\n    gap: 14px;\r\n  }\r\n  .card-title {\r\n    font-size: 28px;\r\n  }\r\n  .card-desc {\r\n    font-size: 0.9rem;\r\n  }\r\n  .card-content {\r\n    padding: 14px 14px 12px;\r\n  }\r\n}\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"themes-section\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"section-header\">\r\n    <div class=\"eyebrow\">\r\n      <span class=\"eyebrow-line\"><\/span>\r\n      <span class=\"eyebrow-text\">The Story Within<\/span>\r\n      <span class=\"eyebrow-line\"><\/span>\r\n    <\/div>\r\n    <h2 class=\"section-title\">Theme And <span class=\"accent\">Highlights<\/span><\/h2>\r\n    <p class=\"section-desc\">A story woven from the darkest threads of history  genius, sacrifice, love, and the relentless human will to survive.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Cards -->\r\n  <div class=\"cards-grid\">\r\n\r\n    <!-- Card 1 -->\r\n    <div class=\"card\">\r\n      <div class=\"card-corner\"><\/div>\r\n      <!-- Replace src with your image -->\r\n      <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/3.jpg\" alt=\"Science And Innovation\"\/>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-shimmer\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-number-row\">\r\n          <span class=\"card-number-line\"><\/span>\r\n          <span class=\"card-number\">01<\/span>\r\n        <\/div>\r\n        <h3 class=\"card-title\">Science And Innovation<\/h3>\r\n        <div class=\"card-sep\"><\/div>\r\n        <p class=\"card-desc\">Discover the hidden experiments that changed the course of history.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 2 -->\r\n    <div class=\"card\">\r\n      <div class=\"card-corner\"><\/div>\r\n      <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/2150516264.jpg\" alt=\"Love & Betrayal\"\/>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-shimmer\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-number-row\">\r\n          <span class=\"card-number-line\"><\/span>\r\n          <span class=\"card-number\">02<\/span>\r\n        <\/div>\r\n        <h3 class=\"card-title\">Love &amp; Betrayal<\/h3>\r\n        <div class=\"card-sep\"><\/div>\r\n        <p class=\"card-desc\">A story of passion and sacrifice under the most extreme circumstances.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 3 -->\r\n    <div class=\"card\">\r\n      <div class=\"card-corner\"><\/div>\r\n      <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/war-zone-landscape-with-apocalyptic-destruction-scaled.jpg\" alt=\"War & Survival\"\/>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-shimmer\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-number-row\">\r\n          <span class=\"card-number-line\"><\/span>\r\n          <span class=\"card-number\">03<\/span>\r\n        <\/div>\r\n        <h3 class=\"card-title\">War &amp; Survival<\/h3>\r\n        <div class=\"card-sep\"><\/div>\r\n        <p class=\"card-desc\">Battles, submarines, and life-or-death challenges at every turn.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 4 -->\r\n    <div class=\"card\">\r\n      <div class=\"card-corner\"><\/div>\r\n      <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/teenage-girl-with-praying-peace-hope-dreams-concept-scaled.jpg\" alt=\"Immigration & Hope\"\/>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-shimmer\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-number-row\">\r\n          <span class=\"card-number-line\"><\/span>\r\n          <span class=\"card-number\">04<\/span>\r\n        <\/div>\r\n        <h3 class=\"card-title\">Immigration &amp; Hope<\/h3>\r\n        <div class=\"card-sep\"><\/div>\r\n        <p class=\"card-desc\">A journey from Europe to America against all odds in search of a new world.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\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-271543f e-con-full e-flex e-con e-parent\" data-id=\"271543f\" 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-dac6db4 elementor-widget elementor-widget-html\" data-id=\"dac6db4\" 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=Alumni+Sans+SC:ital,wght@0,100..900;1,100..900&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n  :root {\r\n    --brand-orange: #e07520;\r\n    --brand-orange-glow: rgba(224, 117, 32, 0.22);\r\n    --bg-dark: #0c1117;\r\n    --box-bg: rgba(255,255,255,0.04);\r\n    --box-border: rgba(255,255,255,0.08);\r\n    --text-light: #d6d8db;\r\n    --text-muted: #7a8390;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Section \u2500\u2500\u2500 *\/\r\n  .rf-section {\r\n    position: relative;\r\n    padding: 90px 0 100px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .rf-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 700px; height: 260px;\r\n    background: radial-gradient(ellipse at center, rgba(224,117,32,0.07) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Header \u2500\u2500\u2500 *\/\r\n  .rf-header {\r\n    text-align: center;\r\n    margin-bottom: 64px;\r\n    padding: 0 60px;\r\n    opacity: 0;\r\n    animation: rf-fade-up 0.7s ease 0.2s forwards;\r\n  }\r\n\r\n  .rf-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .rf-label-line {\r\n    width: 36px;\r\n    height: 2px;\r\n    background: var(--brand-orange);\r\n  }\r\n\r\n  .rf-label-text {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.28em;\r\n    color: var(--brand-orange);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .rf-title {\r\n    font-size: clamp(2.4rem, 5vw, 3.8rem);\r\n    font-weight: 800;\r\n    letter-spacing: 0.03em;\r\n    color: #fff;\r\n    line-height: 1.05;\r\n  }\r\n\r\n  .rf-title .rf-highlight {\r\n    color: var(--brand-orange);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Slider \u2500\u2500\u2500 *\/\r\n  .rf-slider {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 22px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .rf-lane {\r\n    position: relative;\r\n    width: 100%;\r\n  }\r\n\r\n  .rf-track {\r\n    display: flex;\r\n    gap: 22px;\r\n    width: max-content;\r\n  }\r\n\r\n  .rf-lane:hover .rf-track {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  .rf-lane-left .rf-track {\r\n    animation: rf-move-left var(--duration, 40s) linear infinite;\r\n  }\r\n\r\n  .rf-lane-right .rf-track {\r\n    animation: rf-move-right var(--duration, 44s) linear infinite;\r\n  }\r\n\r\n  @keyframes rf-move-left {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); }\r\n  }\r\n\r\n  @keyframes rf-move-right {\r\n    0% { transform: translateX(-50%); }\r\n    100% { transform: translateX(0); }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Card \u2500\u2500\u2500 *\/\r\n  .rf-card {\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    width: 340px;\r\n    background: var(--box-bg);\r\n    border: 1.5px solid var(--box-border);\r\n    border-radius: 10px;\r\n    padding: 28px 26px 26px;\r\n    overflow: hidden;\r\n    cursor: default;\r\n    transition:\r\n      border-color 0.4s ease,\r\n      box-shadow 0.4s ease,\r\n      transform 0.45s cubic-bezier(0.22,1,0.36,1);\r\n  }\r\n\r\n  .rf-card:hover {\r\n    border-color: rgba(224,117,32,0.55);\r\n    box-shadow:\r\n      0 0 0 1px rgba(224,117,32,0.18),\r\n      0 20px 56px rgba(0,0,0,0.55),\r\n      0 0 36px var(--brand-orange-glow);\r\n    transform: translateY(-6px) scale(1.02);\r\n  }\r\n\r\n  .rf-top-bar {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    height: 2px; width: 0;\r\n    background: linear-gradient(90deg, var(--brand-orange), rgba(244,140,53,0.3));\r\n    transition: width 0.5s cubic-bezier(0.22,1,0.36,1);\r\n  }\r\n\r\n  .rf-card:hover .rf-top-bar {\r\n    width: 100%;\r\n  }\r\n\r\n  .rf-sheen {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(115deg, transparent 25%, rgba(255,255,255,0.04) 50%, transparent 75%);\r\n    transform: translateX(-100%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .rf-card:hover .rf-sheen {\r\n    transform: translateX(100%);\r\n    transition: transform 0.75s ease;\r\n  }\r\n\r\n  .rf-quote {\r\n    position: absolute;\r\n    top: 18px;\r\n    right: 20px;\r\n    font-size: 3rem;\r\n    line-height: 1;\r\n    color: rgba(224,117,32,0.1);\r\n    font-weight: 900;\r\n    user-select: none;\r\n    pointer-events: none;\r\n    font-family: Georgia, serif;\r\n    transition: color 0.4s;\r\n  }\r\n\r\n  .rf-card:hover .rf-quote {\r\n    color: rgba(224,117,32,0.2);\r\n  }\r\n\r\n  .rf-head {\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .rf-name {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.07em;\r\n    color: var(--brand-orange);\r\n    margin-bottom: 3px;\r\n  }\r\n\r\n  .rf-role {\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.1em;\r\n    color: #fff;\r\n  }\r\n\r\n  .rf-divider {\r\n    height: 2px;\r\n    width: 100%;\r\n    background: #fff;\r\n    margin-bottom: 14px;\r\n    transition: background 0.4s;\r\n  }\r\n\r\n  .rf-card:hover .rf-divider {\r\n    background: linear-gradient(90deg, rgba(224,117,32,0.7), transparent);\r\n  }\r\n\r\n  .rf-stars {\r\n    display: flex;\r\n    gap: 5px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .rf-star {\r\n    font-size: 0.95rem;\r\n    color: var(--brand-orange);\r\n    display: inline-block;\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  .rf-card:hover .rf-star {\r\n    transform: scale(1.25);\r\n  }\r\n\r\n  .rf-text {\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    line-height: 1.72;\r\n    color: #fff;\r\n    letter-spacing: 0.01em;\r\n    transition: color 0.3s;\r\n  }\r\n\r\n  .rf-card:hover .rf-text {\r\n    color: rgba(205,215,228,0.92);\r\n  }\r\n\r\n  @keyframes rf-fade-up {\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .rf-header { padding: 0 24px; margin-bottom: 48px; }\r\n    .rf-card { width: 280px; padding: 22px 20px 20px; }\r\n    .rf-slider { gap: 16px; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .rf-section { padding: 60px 0 70px; }\r\n    .rf-card { width: 250px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"rf-section\">\r\n\r\n  <div class=\"rf-header\">\r\n    <div class=\"rf-label\">\r\n      <span class=\"rf-label-line\"><\/span>\r\n      <span class=\"rf-label-text\">Reviews<\/span>\r\n      <span class=\"rf-label-line\"><\/span>\r\n    <\/div>\r\n    <h2 class=\"rf-title\">Clients <span class=\"rf-highlight\">Feedback<\/span><\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"rf-slider\">\r\n    <div class=\"rf-lane rf-lane-left\" style=\"--duration:38s\">\r\n      <div class=\"rf-track\" id=\"rfTrack1\"><\/div>\r\n    <\/div>\r\n    <div class=\"rf-lane rf-lane-right\" style=\"--duration:42s\">\r\n      <div class=\"rf-track\" id=\"rfTrack2\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n  const feedbackData = [\r\n    { name: \"Eleanor Voss\", role: \"Book Critic \u2014 Literary Times\", stars: 5, text: \"A masterpiece of historical fiction. The tension between scientific ambition and human morality is portrayed with breathtaking precision.\" },\r\n    { name: \"Marcus Hale\", role: \"Historian & Author\", stars: 5, text: \"Adrien Phillips weaves a narrative so vivid you can smell the salt air of the Atlantic and feel the weight of wartime dread on every page.\" },\r\n    { name: \"Sophia Laurent\", role: \"Editor \u2014 Pantheon Books\", stars: 5, text: \"Rarely does a debut novel arrive fully formed. Love, Science and the Madness is the exception \u2014 urgent, intelligent, and deeply moving.\" },\r\n    { name: \"James Whitfield\", role: \"Professor of Modern History\", stars: 5, text: \"The historical research is impeccable. Phillips brings forgotten figures back to life with compassion and remarkable narrative drive.\" },\r\n    { name: \"Nadia Ferreira\", role: \"Goodreads Top Reviewer\", stars: 5, text: \"I finished it in two sittings. The love story at its core is heartbreaking without ever being sentimental. Absolutely unforgettable.\" },\r\n    { name: \"Daniel Krauss\", role: \"The New York Review\", stars: 5, text: \"An electrifying debut. Part thriller, part love story, part moral reckoning \u2014 Phillips has crafted something genuinely extraordinary.\" },\r\n    { name: \"Ava Chen\", role: \"Podcast Host \u2014 Between the Pages\", stars: 5, text: \"The immigrant experience is rendered with such dignity and detail. This book deserves to be read by everyone who values freedom.\" },\r\n    { name: \"Robert Sinclair\", role: \"War Literature Society\", stars: 5, text: \"The naval sequences are gripping and technically precise. This is wartime fiction at its most visceral and most human.\" },\r\n    { name: \"Lena M\u00fcller\", role: \"Frankfurt Book Fair Jurist\", stars: 5, text: \"A profound meditation on what it means to be brilliant in an age of barbarity. Poetic, intense, and utterly compelling.\" },\r\n    { name: \"Thomas Almeida\", role: \"Amazon Verified Reader\", stars: 5, text: \"Could not put it down. The characters felt so real I grieved when it ended. One of the best books I have read in years.\" },\r\n    { name: \"Claire Fontaine\", role: \"Le Monde Diplomatique\", stars: 5, text: \"A transatlantic odyssey rendered in luminous prose. Phillips understands that the greatest battles are fought within the human heart.\" },\r\n    { name: \"Samuel Okafor\", role: \"Booker Prize Committee\", stars: 5, text: \"The moral complexity here is extraordinary. No character is wholly good or evil \u2014 they are simply human, which is far more terrifying.\" },\r\n  ];\r\n\r\n  function renderStars(n) {\r\n    return Array.from({ length: n }, () => `<span class=\"rf-star\">\u2605<\/span>`).join('');\r\n  }\r\n\r\n  function createCard(item) {\r\n    return `\r\n      <div class=\"rf-card\">\r\n        <div class=\"rf-top-bar\"><\/div>\r\n        <div class=\"rf-sheen\"><\/div>\r\n        <div class=\"rf-quote\">\"<\/div>\r\n        <div class=\"rf-head\">\r\n          <div class=\"rf-name\">${item.name}<\/div>\r\n          <div class=\"rf-role\">${item.role}<\/div>\r\n        <\/div>\r\n        <div class=\"rf-divider\"><\/div>\r\n        <div class=\"rf-stars\">${renderStars(item.stars)}<\/div>\r\n        <p class=\"rf-text\">${item.text}<\/p>\r\n      <\/div>`;\r\n  }\r\n\r\n  function populateRow(track, data) {\r\n    const content = data.map(createCard).join('');\r\n    track.innerHTML = content + content;\r\n  }\r\n\r\n  populateRow(document.getElementById('rfTrack1'), feedbackData.slice(0, 6));\r\n  populateRow(document.getElementById('rfTrack2'), feedbackData.slice(6, 12));\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d9da08e e-con-full e-flex e-con e-parent\" data-id=\"d9da08e\" 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-d3b25ae elementor-widget elementor-widget-html\" data-id=\"d3b25ae\" 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=Alumni+Sans+SC:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n  --accent:#e07520;\r\n  --dark:#071c24;\r\n  --white:#ffffff;\r\n}\r\n\r\n\/* ===== SECTION ===== *\/\r\n.cta-section{\r\n  position:relative;\r\n  padding:140px 20px;\r\n  overflow:hidden;\r\n  background:url(\"YOUR-BACKGROUND-IMAGE.jpg\") center\/cover no-repeat;\r\n  text-align:center;\r\n}\r\n\r\n\/* 50% dark overlay *\/\r\n.cta-section::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  \/*background:rgba(5,25,32,0.5); *\/\r\n  z-index:1;\r\n}\r\n\r\n\/* Book Behind *\/\r\n.cta-book-bg{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  transform:translate(-50%,-50%);\r\n  width:480px;\r\n  max-width:100% !important;\r\n  opacity:0.18; \/* subtle background look *\/\r\n  z-index:2;\r\n  pointer-events:none;\r\n  filter:drop-shadow(0 40px 80px rgba(0,0,0,0.8));\r\n}\r\n\r\n\/* Content *\/\r\n.cta-content{\r\n  position:relative;\r\n  z-index:3;\r\n  max-width:900px;\r\n  margin:auto;\r\n  color:#fff;\r\n}\r\n\r\n\/* Available Now *\/\r\n.cta-top{\r\n  font-family:'Alumni Sans SC', sans-serif;\r\n  font-weight:700;\r\n  font-size:28px;\r\n  letter-spacing:3px;\r\n  color:var(--accent);\r\n  text-transform:uppercase;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  gap:20px;\r\n  margin-bottom:20px;\r\n}\r\n\r\n.cta-top::before,\r\n.cta-top::after{\r\n  content:\"\";\r\n  width:80px;\r\n  height:2px;\r\n  background:var(--accent);\r\n}\r\n\r\n\/* Main Title *\/\r\n.cta-title{\r\n  font-family:'Alumni Sans SC', sans-serif;\r\n  font-weight:800;\r\n  font-size:75px;\r\n  line-height:1.05;\r\n  margin-bottom:25px;\r\n  color: white;\r\n}\r\n\r\n.cta-title span{\r\n  color:var(--accent);\r\n}\r\n\r\n\/* Description *\/\r\n.cta-text{\r\n  font-size:27px;\r\n  line-height:1.7;\r\n  color:#ffffff ;\r\n  margin-bottom:40px;\r\n}\r\n\r\n\/* Orange Divider *\/\r\n.cta-divider{\r\n  width:60%;\r\n  height:2px;\r\n  background:var(--accent);\r\n  margin:40px auto;\r\n}\r\n\r\n\/* Buttons *\/\r\n.cta-buttons{\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:20px;\r\n}\r\n\r\n.cta-btn-primary{\r\n  background:var(--accent);\r\n  color:#fff;\r\n  padding:16px 42px;\r\n  border-radius:8px;\r\n  text-decoration:none !important;\r\n  font-weight:600;\r\n  transition:0.3s ease;\r\n}\r\n\r\n.cta-btn-primary:hover{\r\n  background:#c86414;\r\n  color: white !important;\r\n}\r\n\r\n.cta-btn-outline{\r\n  border:1px solid rgba(255,255,255,0.4);\r\n  padding:16px 42px;\r\n  border-radius:8px;\r\n  text-decoration:none !important;\r\n  color:#fff;\r\n  transition:0.3s ease;\r\n}\r\n\r\n.cta-btn-outline:hover{\r\n  border-color:var(--accent);\r\n  color:var(--accent) !important;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .cta-buttons {\r\n    flex-direction: column;  \/* stack buttons vertically *\/\r\n    gap: 15px;               \/* smaller gap between buttons *\/\r\n    align-items: center;     \/* center the buttons *\/\r\n  }\r\n\r\n  .cta-btn-primary,\r\n  .cta-btn-outline {\r\n    width: 100%;            \/* optional: full-width for better mobile fit *\/\r\n    max-width: 280px;       \/* limit maximum width *\/\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cta-section\">\r\n\r\n  <!-- Book Image Behind -->\r\n  <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/3-PNG.png\" alt=\"Book Cover\" class=\"cta-book-bg\">\r\n\r\n  <div class=\"cta-content\">\r\n\r\n    <div class=\"cta-top\">Available Now<\/div>\r\n\r\n    <h2 class=\"cta-title\">\r\n      Begin The <span>Journey<\/span>\r\n    <\/h2>\r\n\r\n    <p class=\"cta-text\">\r\n      A gripping tale of genius, survival, and the enduring power of love \r\n      set against the darkest chapter of human history.\r\n    <\/p>\r\n\r\n    <div class=\"cta-divider\"><\/div>\r\n\r\n    <div class=\"cta-buttons\">\r\n      <a href=\"https:\/\/a.co\/d\/0gQP72NI\" class=\"cta-btn-primary\">Get The Book<\/a>\r\n      <!--<a href=\"#\" class=\"cta-btn-outline\">Read Excerpt<\/a>-->\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\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>A thrilling historical story of courage, science, and survival in a world&nbsp;at&nbsp;war. Get The Book Learn More About The Author [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":259,"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":722,"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/722"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}