{"id":245,"date":"2026-02-24T16:20:11","date_gmt":"2026-02-24T16:20:11","guid":{"rendered":"https:\/\/demowebdesign.live\/adrian-philips\/?page_id=245"},"modified":"2026-04-20T16:49:50","modified_gmt":"2026-04-20T16:49:50","slug":"about","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/about\/","title":{"rendered":"ABOUT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"245\" class=\"elementor elementor-245\" 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;THE AUTHOR&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\">ABOUT<\/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\tTHE&nbsp;AUTHOR\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\t\t<div class=\"elementor-element elementor-element-6f42efe elementor-widget elementor-widget-text-editor\" data-id=\"6f42efe\" 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>Dive into a world of courage, curiosity, and discovery. <em data-start=\"290\" data-end=\"321\">Love, Science and the Madness<\/em> takes you on a thrilling journey through extraordinary moments hidden in the everyday, where every choice can change the course of fate.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a32af6 elementor-widget elementor-widget-html\" data-id=\"9a32af6\" 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: 0px auto !important;\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<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-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:\/\/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>\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\" 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-6bd3e17 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"6bd3e17\" 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 fetchpriority=\"high\" 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 data-start=\"174\" data-end=\"570\">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><p data-start=\"572\" data-end=\"1042\">Blending meticulous historical detail with dramatic narrative, the author brings 1930s Vienna to life capturing the rising tide of anti-Semitism, the intellectual atmosphere of the University of Vienna, and the looming shadow of Nazi expansion. The manuscript demonstrates careful research into real historical events, including the rise of Adolf Hitler, the Nuremberg Laws, the Anschluss crisis, and the diplomatic efforts of figures who helped Jews escape persecution.<\/p>\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\r\n  <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  <!-- Lucide icons via unpkg -->\r\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lucide\/0.263.1\/lucide.min.js\"><\/script>\r\n  <style>\r\n    :root {\r\n      --orange:      #e07520;\r\n      --orange-dim:  rgba(224,117,32,0.15);\r\n      --orange-glow: rgba(224,117,32,0.30);\r\n      --bg:          #081E27;\r\n      --bg-card:     rgba(255,255,255,0.033);\r\n      --bg-card-h:   rgba(255,255,255,0.06);\r\n      --border:      rgba(255,255,255,0.07);\r\n      --border-h:    rgba(224,117,32,0.6);\r\n      --text:        #b8c5ce;\r\n      --text-dim:    #4e6575;\r\n      --white:       #ffffff;\r\n      --spine:       rgba(224,117,32,0.28);\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION\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 *\/\r\n    .tl-section {\r\n      position: relative;\r\n      padding: 40px 80px 40px;\r\n      max-width: 1280px;\r\n      margin: 0 auto;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Ambient glows *\/\r\n    .tl-glow-a, .tl-glow-b {\r\n      position: fixed;\r\n      border-radius: 50%;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n    .tl-glow-a {\r\n      width: 700px; height: 700px;\r\n      top: -200px; left: -200px;\r\n      background: radial-gradient(circle, rgba(224,117,32,0.055) 0%, transparent 65%);\r\n    }\r\n    .tl-glow-b {\r\n      width: 600px; height: 600px;\r\n      bottom: -180px; right: -180px;\r\n      background: radial-gradient(circle, rgba(224,117,32,0.045) 0%, transparent 65%);\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       HEADER\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 *\/\r\n    .tl-header {\r\n      position: relative;\r\n      z-index: 1;\r\n      text-align: center;\r\n      margin-bottom: 90px;\r\n      opacity: 0;\r\n      transform: translateY(28px);\r\n      animation: tl-rise 0.9s cubic-bezier(0.22,1,0.36,1) 0.15s forwards;\r\n    }\r\n\r\n    .tl-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 16px;\r\n      margin-bottom: 20px;\r\n    }\r\n    .tl-eyebrow-line { width: 40px; height: 2px; background: var(--orange); }\r\n    .tl-eyebrow-label {\r\n      font-size: 22px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.32em;\r\n      color: var(--orange);\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .tl-heading {\r\n      font-size: clamp(3rem, 5.5vw, 4.4rem);\r\n      font-weight: 800;\r\n      color: var(--white);\r\n      letter-spacing: 0.025em;\r\n      line-height: 1.04;\r\n      margin-bottom: 18px;\r\n    }\r\n    .tl-heading .tl-accent { color: var(--orange); }\r\n\r\n    .tl-sub {\r\n      font-size: 28px;\r\n      font-weight: 400;\r\n      color: #fff;\r\n      font-variant: normal;\r\n      max-width: 600px;\r\n      margin: 0 auto;\r\n      line-height: 1.75;\r\n      letter-spacing: 0.01em;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       TIMELINE BODY\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 *\/\r\n    .tl-body {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    \/* Central vertical spine *\/\r\n    .tl-spine {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 0; bottom: 0;\r\n      width: 2px;\r\n      transform: translateX(-50%);\r\n      background: linear-gradient(180deg,\r\n        transparent 0%,\r\n        var(--spine) 6%,\r\n        var(--spine) 94%,\r\n        transparent 100%\r\n      );\r\n    }\r\n\r\n    \/* Animated pulse dot on spine *\/\r\n    .tl-spine::after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 0;\r\n      transform: translateX(-50%);\r\n      width: 6px; height: 60px;\r\n      background: linear-gradient(180deg, transparent, rgba(224,117,32,0.7), transparent);\r\n      border-radius: 4px;\r\n      animation: tl-pulse-drop 3.5s ease-in-out infinite;\r\n    }\r\n    @keyframes tl-pulse-drop {\r\n      0%   { top: -60px; opacity: 0; }\r\n      8%   { opacity: 1; }\r\n      92%  { opacity: 1; }\r\n      100% { top: 100%; opacity: 0; }\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       EACH ROW (left \/ right alternating)\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 *\/\r\n    .tl-row {\r\n      display: grid;\r\n      grid-template-columns: 1fr 80px 1fr;\r\n      align-items: center;\r\n      margin-bottom: 56px;\r\n      opacity: 0;\r\n      transform: translateY(36px);\r\n    }\r\n    .tl-row:last-child { margin-bottom: 0; }\r\n\r\n    \/* Stagger entrance *\/\r\n    .tl-row:nth-child(1) { animation: tl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 0.4s  forwards; }\r\n    .tl-row:nth-child(2) { animation: tl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 0.55s forwards; }\r\n    .tl-row:nth-child(3) { animation: tl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 0.7s  forwards; }\r\n    .tl-row:nth-child(4) { animation: tl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 0.85s forwards; }\r\n    .tl-row:nth-child(5) { animation: tl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 1s    forwards; }\r\n    .tl-row:nth-child(6) { animation: tl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 1.15s forwards; }\r\n    .tl-row:nth-child(7) { animation: tl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 1.3s  forwards; }\r\n\r\n    \/* Left-side rows: card on left, empty on right *\/\r\n    .tl-row--left .tl-card  { grid-column: 1; grid-row: 1; }\r\n    .tl-row--left .tl-node-col { grid-column: 2; grid-row: 1; }\r\n    .tl-row--left .tl-empty { grid-column: 3; grid-row: 1; }\r\n\r\n    \/* Right-side rows: empty on left, card on right *\/\r\n    .tl-row--right .tl-empty { grid-column: 1; grid-row: 1; }\r\n    .tl-row--right .tl-node-col { grid-column: 2; grid-row: 1; }\r\n    .tl-row--right .tl-card  { grid-column: 3; grid-row: 1; }\r\n\r\n    .tl-empty { \/* spacer *\/ }\r\n\r\n    \/* \u2500\u2500 Node column (center) \u2500\u2500 *\/\r\n    .tl-node-col {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 0;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* Icon circle *\/\r\n    .tl-icon-ring {\r\n      width: 54px; height: 54px;\r\n      border-radius: 50%;\r\n      background: var(--bg);\r\n      border: 2px solid var(--orange);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n      transition:\r\n        background 0.35s ease,\r\n        border-color 0.35s ease,\r\n        box-shadow 0.4s ease,\r\n        transform 0.45s cubic-bezier(0.22,1,0.36,1);\r\n      position: relative;\r\n      z-index: 3;\r\n    }\r\n\r\n    .tl-icon-ring svg {\r\n      width: 22px; height: 22px;\r\n      color: var(--orange);\r\n      stroke: var(--orange);\r\n      transition: color 0.3s, stroke 0.3s, transform 0.4s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n\r\n    .tl-row:hover .tl-icon-ring {\r\n      background: var(--orange);\r\n      border-color: var(--orange);\r\n      box-shadow: 0 0 0 8px var(--orange-dim), 0 0 32px var(--orange-glow);\r\n      transform: scale(1.15);\r\n    }\r\n    .tl-row:hover .tl-icon-ring svg {\r\n      color: #fff;\r\n      stroke: #fff;\r\n      transform: scale(1.1);\r\n    }\r\n\r\n    \/* Horizontal connector from node to card *\/\r\n    .tl-connector {\r\n      position: absolute;\r\n      top: 50%; height: 2px;\r\n      background: linear-gradient(90deg, var(--orange), rgba(224,117,32,0.15));\r\n      transform: translateY(-50%);\r\n      width: 0;\r\n      transition: width 0.4s cubic-bezier(0.22,1,0.36,1);\r\n      z-index: 1;\r\n    }\r\n    .tl-row--left  .tl-connector { right: 100%; background: linear-gradient(90deg, rgba(224,117,32,0.15), var(--orange)); }\r\n    .tl-row--right .tl-connector { left: 100%; }\r\n    .tl-row:hover .tl-connector { width: 30px; }\r\n\r\n    \/* \u2500\u2500 Card \u2500\u2500 *\/\r\n    .tl-card {\r\n      position: relative;\r\n      background: var(--bg-card);\r\n      border: 1.5px solid var(--border);\r\n      border-radius: 10px;\r\n      padding: 28px 28px 26px;\r\n      overflow: hidden;\r\n      cursor: default;\r\n      transition:\r\n        background 0.35s ease,\r\n        border-color 0.35s 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    \/* Left card aligns right edge, right card aligns left edge *\/\r\n    .tl-row--left  .tl-card { margin-right: 0; }\r\n    .tl-row--right .tl-card { margin-left: 0; }\r\n\r\n    .tl-row:hover .tl-card {\r\n      background: var(--bg-card-h);\r\n      border-color: var(--border-h);\r\n      box-shadow:\r\n        0 0 0 1px rgba(224,117,32,0.12),\r\n        0 18px 52px rgba(0,0,0,0.5),\r\n        0 0 40px var(--orange-glow);\r\n      transform: translateY(-4px);\r\n    }\r\n\r\n    \/* Top accent bar *\/\r\n    .tl-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      height: 2px; width: 0;\r\n      background: linear-gradient(90deg, var(--orange), transparent);\r\n      transition: width 0.5s cubic-bezier(0.22,1,0.36,1);\r\n      border-radius: 2px;\r\n    }\r\n    .tl-row:hover .tl-card::before { width: 100%; }\r\n\r\n    \/* Shimmer sweep *\/\r\n    .tl-card::after {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(120deg, transparent 28%, rgba(255,255,255,0.035) 50%, transparent 72%);\r\n      transform: translateX(-100%);\r\n      pointer-events: none;\r\n    }\r\n    .tl-row:hover .tl-card::after {\r\n      transform: translateX(100%);\r\n      transition: transform 0.75s ease;\r\n    }\r\n\r\n    \/* Year tag *\/\r\n    .tl-year-tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      font-size: 30px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.25em;\r\n      color: var(--orange);\r\n      margin-bottom: 10px;\r\n      text-transform: uppercase;\r\n    }\r\n    .tl-year-pip {\r\n      width: 6px; height: 6px;\r\n      border-radius: 50%;\r\n      background: var(--orange);\r\n      flex-shrink: 0;\r\n      transition: transform 0.3s ease;\r\n    }\r\n    .tl-row:hover .tl-year-pip { transform: scale(1.5); }\r\n\r\n    .tl-card-title {\r\n      font-size: 25px;\r\n      font-weight: 800;\r\n      color: var(--white);\r\n      letter-spacing: 0.04em;\r\n      line-height: 1.18;\r\n      margin-bottom: 12px;\r\n      transition: color 0.3s;\r\n    }\r\n\r\n    .tl-card-sep {\r\n      height: 1px; width: 100%;\r\n      background: linear-gradient(90deg, rgba(224,117,32,0.35), transparent);\r\n      margin-bottom: 12px;\r\n      transition: background 0.4s;\r\n    }\r\n    .tl-row:hover .tl-card-sep {\r\n      background: linear-gradient(90deg, rgba(224,117,32,0.7), transparent);\r\n    }\r\n\r\n    .tl-card-desc {\r\n      font-size: 23px;\r\n      font-weight: 400;\r\n      line-height: 1.72;\r\n      color: #fff !important;\r\n      font-variant: normal;\r\n      letter-spacing: 0.01em;\r\n      transition: color 0.35s;\r\n    }\r\n    .tl-row:hover .tl-card-desc { color: var(--text); }\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\r\n       KEYFRAMES\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 *\/\r\n    @keyframes tl-rise {\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       RESPONSIVE\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    @media (max-width: 900px) {\r\n      .tl-section { padding: 80px 40px 100px; \r\n          height: 400vh !important;\r\n      }\r\n      .tl-row {\r\n        grid-template-columns: 60px 1fr !important;\r\n        grid-template-rows: auto;\r\n      }\r\n      .tl-row--left .tl-card,\r\n      .tl-row--right .tl-card  { grid-column: 2 !important; grid-row: 1; }\r\n      .tl-row--left .tl-node-col,\r\n      .tl-row--right .tl-node-col { grid-column: 1 !important; grid-row: 1; }\r\n      .tl-empty { display: none !important; }\r\n      .tl-spine { left: 30px; }\r\n      .tl-connector { display: none; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .tl-section { padding: 70px 20px 90px; }\r\n      .tl-card { padding: 22px 18px 20px; }\r\n      .tl-icon-ring { width: 44px; height: 44px; }\r\n      .tl-icon-ring svg { width: 18px; height: 18px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"tl-glow-a\"><\/div>\r\n<div class=\"tl-glow-b\"><\/div>\r\n\r\n<section class=\"tl-section\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"tl-header\">\r\n    <div class=\"tl-eyebrow\">\r\n      <span class=\"tl-eyebrow-line\"><\/span>\r\n      <span class=\"tl-eyebrow-label\">The Journey<\/span>\r\n      <span class=\"tl-eyebrow-line\"><\/span>\r\n    <\/div>\r\n    <h2 class=\"tl-heading\">Story <span class=\"tl-accent\">Timeline<\/span><\/h2>\r\n    <p class=\"tl-sub\">From intellectual ambition in Vienna to forced separation under Nazi occupation a story shaped by love, science, and survival.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Timeline -->\r\n  <div class=\"tl-body\">\r\n    <div class=\"tl-spine\"><\/div>\r\n\r\n    <!-- Row 1 \u2014 LEFT -->\r\n    <div class=\"tl-row tl-row--left\">\r\n      <div class=\"tl-card\">\r\n        <div class=\"tl-year-tag\"><span class=\"tl-year-pip\"><\/span>Fall 1934<\/div>\r\n        <div class=\"tl-card-title\">Jonas & Elias Meet \u2014 University of Vienna<\/div>\r\n        <div class=\"tl-card-sep\"><\/div>\r\n        <p class=\"tl-card-desc\">Two gifted students, Jonas Meyer and Elias Schmidt, form a powerful friendship rooted in mathematics, chemistry, and shared Jewish-German heritage amid rising anti-Semitism.<\/p>\r\n      <\/div>\r\n      <div class=\"tl-node-col\">\r\n        <div class=\"tl-connector\"><\/div>\r\n        <div class=\"tl-icon-ring\">\r\n          <i data-lucide=\"graduation-cap\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"tl-empty\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Row 2 \u2014 RIGHT -->\r\n    <div class=\"tl-row tl-row--right\">\r\n      <div class=\"tl-empty\"><\/div>\r\n      <div class=\"tl-node-col\">\r\n        <div class=\"tl-connector\"><\/div>\r\n        <div class=\"tl-icon-ring\">\r\n          <i data-lucide=\"alert-triangle\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"tl-card\">\r\n        <div class=\"tl-year-tag\"><span class=\"tl-year-pip\"><\/span>1934 \u2013 1936<\/div>\r\n        <div class=\"tl-card-title\">Escalating Campus Violence<\/div>\r\n        <div class=\"tl-card-sep\"><\/div>\r\n        <p class=\"tl-card-desc\">Nazi student groups intensify anti-Jewish aggression at the university. Jonas and Elias endure harassment, threats, and rising political instability.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Row 3 \u2014 LEFT -->\r\n    <div class=\"tl-row tl-row--left\">\r\n      <div class=\"tl-card\">\r\n        <div class=\"tl-year-tag\"><span class=\"tl-year-pip\"><\/span>June 22, 1936<\/div>\r\n        <div class=\"tl-card-title\">Assassination of Professor Schlick<\/div>\r\n        <div class=\"tl-card-sep\"><\/div>\r\n        <p class=\"tl-card-desc\">The murder of Dr. Moritz Schlick shocks the university community, reinforcing fears that Austria is slipping into extremist control.<\/p>\r\n      <\/div>\r\n      <div class=\"tl-node-col\">\r\n        <div class=\"tl-connector\"><\/div>\r\n        <div class=\"tl-icon-ring\">\r\n          <i data-lucide=\"book\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"tl-empty\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Row 4 \u2014 RIGHT -->\r\n    <div class=\"tl-row tl-row--right\">\r\n      <div class=\"tl-empty\"><\/div>\r\n      <div class=\"tl-node-col\">\r\n        <div class=\"tl-connector\"><\/div>\r\n        <div class=\"tl-icon-ring\">\r\n          <i data-lucide=\"heart\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"tl-card\">\r\n        <div class=\"tl-year-tag\"><span class=\"tl-year-pip\"><\/span>1937<\/div>\r\n        <div class=\"tl-card-title\">Love Blossoms<\/div>\r\n        <div class=\"tl-card-sep\"><\/div>\r\n        <p class=\"tl-card-desc\">Jonas and Eliana secretly exchange letters and begin a deep romantic relationship, dreaming of a future together in America.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Row 5 \u2014 LEFT -->\r\n    <div class=\"tl-row tl-row--left\">\r\n      <div class=\"tl-card\">\r\n        <div class=\"tl-year-tag\"><span class=\"tl-year-pip\"><\/span>Late 1937<\/div>\r\n        <div class=\"tl-card-title\">Escape Plans Finalized<\/div>\r\n        <div class=\"tl-card-sep\"><\/div>\r\n        <p class=\"tl-card-desc\">Efraim Schmidt secures passports, visas, Swiss bank accounts, and contacts at the U.S. Consulate. The families prepare for emergency departure.<\/p>\r\n      <\/div>\r\n      <div class=\"tl-node-col\">\r\n        <div class=\"tl-connector\"><\/div>\r\n        <div class=\"tl-icon-ring\">\r\n          <i data-lucide=\"briefcase\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"tl-empty\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Row 6 \u2014 RIGHT -->\r\n    <div class=\"tl-row tl-row--right\">\r\n      <div class=\"tl-empty\"><\/div>\r\n      <div class=\"tl-node-col\">\r\n        <div class=\"tl-connector\"><\/div>\r\n        <div class=\"tl-icon-ring\">\r\n          <i data-lucide=\"train\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"tl-card\">\r\n        <div class=\"tl-year-tag\"><span class=\"tl-year-pip\"><\/span>March 11, 1938<\/div>\r\n        <div class=\"tl-card-title\">Departure from Vienna<\/div>\r\n        <div class=\"tl-card-sep\"><\/div>\r\n        <p class=\"tl-card-desc\">Jonas and Elias board a train to Switzerland as Nazi pressure mounts. Emotional goodbyes mark the last time they see their families.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Row 7 \u2014 LEFT -->\r\n    <div class=\"tl-row tl-row--left\">\r\n      <div class=\"tl-card\">\r\n        <div class=\"tl-year-tag\"><span class=\"tl-year-pip\"><\/span>March 12, 1938<\/div>\r\n        <div class=\"tl-card-title\">Anschluss & Arrests<\/div>\r\n        <div class=\"tl-card-sep\"><\/div>\r\n        <p class=\"tl-card-desc\">German troops enter Austria. The Meyer and Schmidt families are arrested and transported to Dachau concentration camp, while Jonas and Elias arrive safely in Basel.<\/p>\r\n      <\/div>\r\n      <div class=\"tl-node-col\">\r\n        <div class=\"tl-connector\"><\/div>\r\n        <div class=\"tl-icon-ring\">\r\n          <i data-lucide=\"shield-off\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"tl-empty\"><\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/.tl-body -->\r\n\r\n<\/section>\r\n\r\n<script>\r\n  lucide.createIcons();\r\n<\/script>\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-dim:  rgba(224,117,32,0.15);\r\n      --orange-glow: rgba(224,117,32,0.28);\r\n      --bg:          #081E27;\r\n      --bg2:         #0a1f2a;\r\n      --border:      rgba(255,255,255,0.07);\r\n      --border-h:    rgba(224,117,32,0.5);\r\n      --text:        #b8c5ce;\r\n      --text-dim:    #4e6575;\r\n      --white:       #ffffff;\r\n    }\r\n\r\n    body {\r\n      font-family: 'Alumni Sans SC', serif;\r\n      background: var(--bg);\r\n      color: var(--text);\r\n      min-height: 100vh;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION WRAPPER\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 *\/\r\n    .bs-section {\r\n      position: relative;\r\n      padding: 110px 0 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Ambient top glow *\/\r\n    .bs-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -100px; left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 900px; height: 400px;\r\n      background: radial-gradient(ellipse at center, rgba(224,117,32,0.06) 0%, transparent 68%);\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       HEADER\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 *\/\r\n    .bs-header {\r\n      position: relative;\r\n      z-index: 1;\r\n      text-align: center;\r\n      padding: 0 60px;\r\n      margin-bottom: 80px;\r\n      opacity: 0;\r\n      transform: translateY(28px);\r\n      animation: bs-rise 0.9s cubic-bezier(0.22,1,0.36,1) 0.15s forwards;\r\n    }\r\n\r\n    .bs-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 16px;\r\n      margin-bottom: 20px;\r\n    }\r\n    .bs-eyebrow-line { width: 40px; height: 2px; background: var(--orange); }\r\n    .bs-eyebrow-label {\r\n      font-size: 22px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.32em;\r\n      color: var(--orange);\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .bs-heading {\r\n      font-size: clamp(3.2rem, 6vw, 5rem);\r\n      font-weight: 800;\r\n      color: var(--white);\r\n      letter-spacing: 0.025em;\r\n      line-height: 1.04;\r\n      margin-bottom: 18px;\r\n    }\r\n    .bs-heading .bs-accent { color: var(--orange); }\r\n\r\n    .bs-sub {\r\n      font-size: 26px;\r\n      font-weight: 400;\r\n      color: #fff;\r\n      font-variant: normal;\r\n      max-width: 620px;\r\n      margin: 0 auto;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       MAIN SPLIT \u2014 IMAGE LEFT \/ TEXT RIGHT\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 *\/\r\n    .bs-main {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      min-height: 600px;\r\n    }\r\n\r\n    \/* \u2500\u2500 Left: cinematic image panel \u2500\u2500 *\/\r\n    .bs-img-panel {\r\n      position: relative;\r\n      overflow: hidden;\r\n      opacity: 0;\r\n      transform: translateX(-40px);\r\n      animation: bs-slide-left 1s cubic-bezier(0.22,1,0.36,1) 0.5s forwards;\r\n    }\r\n\r\n    .bs-img-panel img {\r\n      width: 100%; height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      filter: brightness(0.55) saturate(0.7);\r\n      transition: filter 0.6s ease, transform 0.8s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n    .bs-img-panel:hover img {\r\n      filter: brightness(0.65) saturate(0.85);\r\n      transform: scale(1.04);\r\n    }\r\n\r\n    \/* Dark gradient over image *\/\r\n    .bs-img-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        linear-gradient(90deg, transparent 55%, var(--bg) 100%),\r\n        linear-gradient(180deg, transparent 40%, rgba(6,18,26,0.85) 100%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* Vertical orange bar on right edge of image *\/\r\n    .bs-img-bar {\r\n      position: absolute;\r\n      top: 10%; bottom: 10%;\r\n      right: 0;\r\n      width: 3px;\r\n      background: linear-gradient(180deg, transparent, var(--orange) 30%, var(--orange) 70%, transparent);\r\n      opacity: 0;\r\n      animation: bs-fade 0.6s ease 1.4s forwards;\r\n    }\r\n\r\n    \/* Pull quote over image *\/\r\n    .bs-pull-quote {\r\n      position: absolute;\r\n      bottom: 48px;\r\n      left: 40px; right: 48px;\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      animation: bs-rise 0.8s cubic-bezier(0.22,1,0.36,1) 1.1s forwards;\r\n    }\r\n\r\n    .bs-pull-quote-mark {\r\n      font-family: Georgia, serif;\r\n      font-size: 5rem;\r\n      line-height: 0.6;\r\n      color: var(--orange);\r\n      opacity: 0.4;\r\n      display: block;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .bs-pull-quote-text {\r\n      font-size: 1.25rem;\r\n      font-weight: 700;\r\n      color: var(--white);\r\n      line-height: 1.45;\r\n      letter-spacing: 0.03em;\r\n      font-style: italic;\r\n      text-shadow: 0 2px 20px rgba(0,0,0,0.8);\r\n      border-left: 3px solid var(--orange);\r\n      padding-left: 18px;\r\n    }\r\n\r\n    .bs-pull-quote-source {\r\n      margin-top: 12px;\r\n      font-size: 20px;\r\n      font-weight: 600;\r\n      letter-spacing: 0.2em;\r\n      color: var(--orange);\r\n      padding-left: 21px;\r\n    }\r\n\r\n    \/* \u2500\u2500 Right: text panel \u2500\u2500 *\/\r\n    .bs-text-panel {\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      padding: 64px 72px 64px 64px;\r\n      background: var(--bg2);\r\n      opacity: 0;\r\n      transform: translateX(40px);\r\n      animation: bs-slide-right 1s cubic-bezier(0.22,1,0.36,1) 0.5s forwards;\r\n    }\r\n\r\n    \/* Subtle texture lines *\/\r\n    .bs-text-panel::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: repeating-linear-gradient(\r\n        0deg,\r\n        transparent,\r\n        transparent 39px,\r\n        rgba(255,255,255,0.013) 39px,\r\n        rgba(255,255,255,0.013) 40px\r\n      );\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bs-text-inner { position: relative; z-index: 1; }\r\n\r\n    \/* Chapter label *\/\r\n    .bs-chapter-label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-size: 0.75rem;\r\n      font-weight: 700;\r\n      letter-spacing: 0.3em;\r\n      color: var(--orange);\r\n      margin-bottom: 24px;\r\n      opacity: 0;\r\n      animation: bs-rise 0.7s ease 0.9s forwards;\r\n    }\r\n    .bs-chapter-label-dot {\r\n      width: 6px; height: 6px;\r\n      border-radius: 50%;\r\n      background: var(--orange);\r\n    }\r\n\r\n    .bs-panel-title {\r\n      font-size: clamp(2.2rem, 3.5vw, 3.2rem);\r\n      font-weight: 800;\r\n      color: var(--white);\r\n      letter-spacing: 0.03em;\r\n      line-height: 1.1;\r\n      margin-bottom: 28px;\r\n      opacity: 0;\r\n      animation: bs-rise 0.7s ease 1s forwards;\r\n    }\r\n    .bs-panel-title span { color: var(--orange); }\r\n\r\n    .bs-panel-sep {\r\n      width: 48px; height: 2px;\r\n      background: var(--orange);\r\n      margin-bottom: 28px;\r\n      opacity: 0;\r\n      animation: bs-rise 0.6s ease 1.1s forwards;\r\n    }\r\n\r\n    .bs-panel-text {\r\n      font-size: 24px;\r\n      font-weight: 400;\r\n      line-height: 1.82;\r\n      color: #fff;\r\n      font-variant: normal;\r\n      letter-spacing: 0.01em;\r\n      margin-bottom: 20px;\r\n      opacity: 0;\r\n      animation: bs-rise 0.7s ease 1.2s forwards;\r\n    }\r\n\r\n    .bs-panel-text-2 {\r\n      font-size: 24px;\r\n      font-weight: 400;\r\n      line-height: 1.82;\r\n      color: #fff;\r\n      font-variant: normal;\r\n      letter-spacing: 0.01em;\r\n      opacity: 0;\r\n      animation: bs-rise 0.7s ease 1.35s forwards;\r\n    }\r\n\r\n    \/* Stat pills *\/\r\n    .bs-stats {\r\n      display: flex;\r\n      gap: 20px;\r\n      margin-top: 36px;\r\n      flex-wrap: wrap;\r\n      opacity: 0;\r\n      animation: bs-rise 0.7s ease 1.5s forwards;\r\n    }\r\n\r\n    .bs-stat {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 4px;\r\n      padding: 16px 20px;\r\n      background: rgba(255,255,255,0.035);\r\n      border: 1.5px solid var(--border);\r\n      border-radius: 8px;\r\n      flex: 1;\r\n      min-width: 100px;\r\n      transition: border-color 0.35s ease, background 0.35s ease, transform 0.4s cubic-bezier(0.22,1,0.36,1);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .bs-stat::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      height: 2px; width: 0;\r\n      background: var(--orange);\r\n      transition: width 0.4s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n    .bs-stat:hover {\r\n      border-color: var(--border-h);\r\n      background: rgba(255,255,255,0.06);\r\n      transform: translateY(-3px);\r\n    }\r\n    .bs-stat:hover::before { width: 100%; }\r\n\r\n    .bs-stat-num {\r\n      font-size: 35px;\r\n      font-weight: 800;\r\n      color: var(--orange);\r\n      letter-spacing: 0.02em;\r\n      line-height: 1;\r\n    }\r\n    .bs-stat-label {\r\n      font-size: 11px;\r\n      font-weight: 600;\r\n      letter-spacing: 0.18em;\r\n      color: #fff;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       BOTTOM \u2014 3 inspiration pillars\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 *\/\r\n    .bs-pillars {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      border-top: 1.5px solid var(--border);\r\n    }\r\n\r\n    .bs-pillar {\r\n      position: relative;\r\n      padding: 52px 48px;\r\n      border-right: 1.5px solid var(--border);\r\n      overflow: hidden;\r\n      cursor: default;\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n      transition: background 0.4s ease;\r\n    }\r\n    .bs-pillar:last-child { border-right: none; }\r\n    .bs-pillar:nth-child(1) { animation: bs-rise 0.7s cubic-bezier(0.22,1,0.36,1) 0.7s  forwards; }\r\n    .bs-pillar:nth-child(2) { animation: bs-rise 0.7s cubic-bezier(0.22,1,0.36,1) 0.85s forwards; }\r\n    .bs-pillar:nth-child(3) { animation: bs-rise 0.7s cubic-bezier(0.22,1,0.36,1) 1.0s  forwards; }\r\n\r\n    .bs-pillar:hover { background: rgba(255,255,255,0.025); }\r\n\r\n    \/* Top color fill on hover *\/\r\n    .bs-pillar::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      height: 3px; width: 0;\r\n      background: linear-gradient(90deg, var(--orange), transparent);\r\n      transition: width 0.5s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n    .bs-pillar:hover::before { width: 100%; }\r\n\r\n    \/* Subtle hover glow *\/\r\n    .bs-pillar::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: -60px; left: -60px;\r\n      width: 200px; height: 200px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, var(--orange-dim) 0%, transparent 70%);\r\n      opacity: 0;\r\n      transition: opacity 0.5s ease;\r\n      pointer-events: none;\r\n    }\r\n    .bs-pillar:hover::after { opacity: 1; }\r\n\r\n    .bs-pillar-icon {\r\n      width: 48px; height: 48px;\r\n      border-radius: 8px;\r\n      background: var(--orange-dim);\r\n      border: 1.5px solid rgba(224,117,32,0.3);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 20px;\r\n      transition: background 0.35s ease, border-color 0.35s ease, transform 0.4s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n    .bs-pillar-icon svg {\r\n      width: 22px; height: 22px;\r\n      color: var(--orange);\r\n      stroke: var(--orange);\r\n      transition: transform 0.4s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n    .bs-pillar:hover .bs-pillar-icon {\r\n      background: var(--orange);\r\n      border-color: var(--orange);\r\n      transform: scale(1.08) rotate(-4deg);\r\n    }\r\n    .bs-pillar:hover .bs-pillar-icon svg {\r\n      color: #fff; stroke: #fff;\r\n      transform: scale(1.1);\r\n    }\r\n\r\n    .bs-pillar-num {\r\n      font-size: 18px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.28em;\r\n      color: var(--orange);\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .bs-pillar-title {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: var(--white);\r\n      letter-spacing: 0.04em;\r\n      line-height: 1.18;\r\n      margin-bottom: 14px;\r\n      transition: color 0.3s;\r\n    }\r\n\r\n    .bs-pillar-sep {\r\n      width: 32px; height: 1.5px;\r\n      background: var(--orange);\r\n      opacity: 0.5;\r\n      margin-bottom: 14px;\r\n      transition: width 0.4s ease, opacity 0.4s ease;\r\n    }\r\n    .bs-pillar:hover .bs-pillar-sep { width: 56px; opacity: 1; }\r\n\r\n    .bs-pillar-desc {\r\n      font-size: 25px;\r\n      font-weight: 400;\r\n      line-height: 1.72;\r\n      color: #fff;\r\n      font-variant: normal;\r\n      letter-spacing: 0.01em;\r\n      transition: color 0.3s;\r\n    }\r\n    .bs-pillar:hover .bs-pillar-desc { color: var(--text); }\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\r\n       KEYFRAMES\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 *\/\r\n    @keyframes bs-rise {\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    @keyframes bs-slide-left {\r\n      to { opacity: 1; transform: translateX(0); }\r\n    }\r\n    @keyframes bs-slide-right {\r\n      to { opacity: 1; transform: translateX(0); }\r\n    }\r\n    @keyframes bs-fade {\r\n      to { opacity: 1; }\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       RESPONSIVE\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    @media (max-width: 1024px) {\r\n      .bs-text-panel { padding: 52px 44px; }\r\n      .bs-pillars { grid-template-columns: 1fr; }\r\n      .bs-pillar { border-right: none; border-bottom: 1.5px solid var(--border); }\r\n      .bs-pillar:last-child { border-bottom: none; }\r\n    }\r\n    @media (max-width: 860px) {\r\n      .bs-main { grid-template-columns: 1fr; }\r\n      .bs-img-panel { min-height: 420px; }\r\n      .bs-img-overlay { background: linear-gradient(180deg, transparent 40%, var(--bg) 100%); }\r\n      .bs-text-panel { padding: 52px 36px; }\r\n      .bs-header { padding: 0 24px; }\r\n    }\r\n    \/* \u2500\u2500\u2500 MOBILE RESPONSIVE & CENTERING \u2500\u2500\u2500 *\/\r\n@media (max-width: 560px) {\r\n  \/* Center header content *\/\r\n  .bs-header {\r\n    text-align: center;\r\n    padding: 0 16px;\r\n  }\r\n  .bs-eyebrow {\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* Center main split content *\/\r\n  .bs-main {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    min-height: auto;\r\n  }\r\n\r\n  \/* Image panel full width & centered *\/\r\n  .bs-img-panel {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    transform: translateX(0);\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  \/* Pull quote centered *\/\r\n  .bs-pull-quote {\r\n    left: 16px;\r\n    right: 16px;\r\n    bottom: 24px;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Text panel centered *\/\r\n  .bs-text-panel {\r\n    padding: 32px 20px;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    transform: translateX(0);\r\n    text-align: center;\r\n  }\r\n\r\n  .bs-text-inner { align-items: center; }\r\n\r\n  \/* Stats stacked & centered *\/\r\n  .bs-stats {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 16px;\r\n  }\r\n\r\n  \/* Pillars stacked and centered *\/\r\n  .bs-pillars {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .bs-pillar {\r\n    padding: 36px 24px;\r\n    border-right: none;\r\n    border-bottom: 1.5px solid var(--border);\r\n    text-align: center;\r\n  }\r\n  .bs-pillar:last-child { border-bottom: none; }\r\n\r\n  \/* Pillar icons centered *\/\r\n  .bs-pillar-icon { margin: 0 auto 20px; }\r\n\r\n  \/* Adjust pull quote typography for small screens *\/\r\n  .bs-pull-quote-mark { font-size: 3.5rem; }\r\n  .bs-pull-quote-text { font-size: 1.1rem; }\r\n  .bs-pull-quote-source { font-size: 1rem; }\r\n\r\n  \/* Reduce padding for overall section *\/\r\n  .bs-section { padding: 60px 16px 0; }\r\n}\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"bs-section\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"bs-header\">\r\n    <div class=\"bs-eyebrow\">\r\n      <span class=\"bs-eyebrow-line\"><\/span>\r\n      <span class=\"bs-eyebrow-label\">The Inspiration<\/span>\r\n      <span class=\"bs-eyebrow-line\"><\/span>\r\n    <\/div>\r\n    <h2 class=\"bs-heading\">Behind the <span class=\"bs-accent\">Story<\/span><\/h2>\r\n    <p class=\"bs-sub\">Born from the intellectual ferment of Vienna and the shadow of rising fascism a story shaped by memory, identity, and survival.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Main split -->\r\n  <div class=\"bs-main\">\r\n\r\n    <!-- Left: image -->\r\n    <div class=\"bs-img-panel\">\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/hFSXG33wdVxc7r0iGwtH-0-m8n2o.jpg\" alt=\"Behind the Story \u2013 Vienna 1930s inspiration\"\/>\r\n      <div class=\"bs-img-overlay\"><\/div>\r\n      <div class=\"bs-img-bar\"><\/div>\r\n\r\n      <!-- Pull quote over image -->\r\n      <div class=\"bs-pull-quote\">\r\n        <span class=\"bs-pull-quote-mark\">\"<\/span>\r\n        <p class=\"bs-pull-quote-text\">We believed knowledge would protect us. We were wrong.<\/p>\r\n        <div class=\"bs-pull-quote-source\">\u2014 Love, Science and the Madness<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right: text -->\r\n    <div class=\"bs-text-panel\">\r\n      <div class=\"bs-text-inner\">\r\n\r\n        <div class=\"bs-chapter-label\">\r\n          <span class=\"bs-chapter-label-dot\"><\/span>\r\n          Where Love Confronts History\r\n        <\/div>\r\n\r\n        <h3 class=\"bs-panel-title\">A Story <span>Rooted in 1930s Vienna<\/span><\/h3>\r\n        <div class=\"bs-panel-sep\"><\/div>\r\n\r\n        <p class=\"bs-panel-text\">\r\n          The novel emerges from the turbulent academic world of Vienna between 1934 and 1938 a city once celebrated for intellectual brilliance, now fracturing under extremist ideology. Within lecture halls and laboratories, Jewish students and professors found themselves increasingly targeted as Nazi influence expanded across Austria.\r\n        <\/p>\r\n\r\n        <p class=\"bs-panel-text-2\">\r\n          At its heart are young scholars whose faith in science, logic, and progress collides with the brutal reality of political hatred. Their friendships, romances, and ambitions unfold against escalating violence  culminating in forced separation, arrests, and desperate escape plans as the Anschluss transforms Austria overnight.\r\n        <\/p>\r\n\r\n        <!-- Stats -->\r\n        <div class=\"bs-stats\">\r\n          <div class=\"bs-stat\">\r\n            <span class=\"bs-stat-num\">1934<\/span>\r\n            <span class=\"bs-stat-label\">Story Begins<\/span>\r\n          <\/div>\r\n          <div class=\"bs-stat\">\r\n            <span class=\"bs-stat-num\">1936<\/span>\r\n            <span class=\"bs-stat-label\">Campus Radicalization<\/span>\r\n          <\/div>\r\n          <div class=\"bs-stat\">\r\n            <span class=\"bs-stat-num\"> 1938<\/span>\r\n            <span class=\"bs-stat-label\">Anschluss<\/span>\r\n          <\/div>\r\n          <div class=\"bs-stat\">\r\n            <span class=\"bs-stat-num\">2<\/span>\r\n            <span class=\"bs-stat-label\">Families Torn Apart<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/.bs-main -->\r\n\r\n  <!-- Bottom pillars -->\r\n  <div class=\"bs-pillars\">\r\n\r\n    <div class=\"bs-pillar\">\r\n      <div class=\"bs-pillar-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/>\r\n          <circle cx=\"11.5\" cy=\"14.5\" r=\"2.5\"\/><line x1=\"13.5\" y1=\"16.5\" x2=\"16\" y2=\"19\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"bs-pillar-num\">01 \u2014 THE UNIVERSITY<\/div>\r\n      <div class=\"bs-pillar-title\">Intellectual Vienna<\/div>\r\n      <div class=\"bs-pillar-sep\"><\/div>\r\n      <p class=\"bs-pillar-desc\">The University of Vienna serves as the novel\u2019s opening stage  a center of scientific promise slowly overtaken by ideological extremism and student radicalization.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bs-pillar\">\r\n      <div class=\"bs-pillar-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n          <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"bs-pillar-num\">02 \u2014 THE FAMILIES<\/div>\r\n      <div class=\"bs-pillar-title\">Love & Protection<\/div>\r\n      <div class=\"bs-pillar-sep\"><\/div>\r\n      <p class=\"bs-pillar-desc\">Parents work quietly to secure passports, visas, and foreign contacts, attempting to shield their children from an increasingly hostile regime.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bs-pillar\">\r\n      <div class=\"bs-pillar-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"12\" cy=\"5\" r=\"3\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"21\"\/>\r\n          <path d=\"M5 12H2a10 10 0 0 0 20 0h-3\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"bs-pillar-num\">03 \u2014 THE TURNING POINT<\/div>\r\n      <div class=\"bs-pillar-title\">The Anschluss<\/div>\r\n      <div class=\"bs-pillar-sep\"><\/div>\r\n      <p class=\"bs-pillar-desc\">March 1938 marks the irreversible collapse of safety. German troops enter Austria, Jewish families are arrested, and the cost of waiting becomes tragically clear.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\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-d9da08e e-flex e-con-boxed 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\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c517505 elementor-widget elementor-widget-html\" data-id=\"c517505\" 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ABOUT THE&nbsp;AUTHOR Dive into a world of courage, curiosity, and discovery. Love, Science and the Madness takes you on a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-245","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/pages\/245","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=245"}],"version-history":[{"count":121,"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/pages\/245\/revisions"}],"predecessor-version":[{"id":725,"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/pages\/245\/revisions\/725"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/media?parent=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}