{"id":286,"date":"2026-02-24T17:10:13","date_gmt":"2026-02-24T17:10:13","guid":{"rendered":"https:\/\/demowebdesign.live\/adrian-philips\/?page_id=286"},"modified":"2026-04-20T16:43:51","modified_gmt":"2026-04-20T16:43:51","slug":"blogs","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/blogs\/","title":{"rendered":"BLOGS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"286\" class=\"elementor elementor-286\" 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;Insights&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\">Latest<\/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\tInsights\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>Welcome to our Blogs, your go-to space for insightful articles, expert tips, and the latest trends. Here, we share valuable knowledge, practical advice, and thought-provoking content designed to inspire, educate, and keep you updated.<\/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-4ec08da elementor-widget__width-initial btn-hero elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"4ec08da\" 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-05be0a6 e-flex e-con-boxed e-con e-parent\" data-id=\"05be0a6\" 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-a571d8e elementor-widget elementor-widget-html\" data-id=\"a571d8e\" 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  <style>\r\n    \r\n    :root {\r\n      --orange:      #e07520;\r\n      --orange-dim:  rgba(224,117,32,0.12);\r\n      --orange-glow: rgba(224,117,32,0.25);\r\n      --bg:          #081E27;\r\n      --bg-card:     rgba(255,255,255,0.03);\r\n      --bg-card-h:   rgba(255,255,255,0.055);\r\n      --bg-reader:   #060f16;\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\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    .bl-section {\r\n      position: relative;\r\n      padding: 110px 80px 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .bl-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -60px; left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 900px; height: 380px;\r\n      background: radial-gradient(ellipse, rgba(224,117,32,0.055) 0%, transparent 68%);\r\n      pointer-events: none;\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    .bl-header {\r\n      text-align: center;\r\n      margin-bottom: 72px;\r\n      position: relative;\r\n      z-index: 1;\r\n      opacity: 0;\r\n      transform: translateY(28px);\r\n      animation: bl-rise 0.9s cubic-bezier(0.22,1,0.36,1) 0.15s forwards;\r\n    }\r\n\r\n    .bl-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 16px;\r\n      margin-bottom: 20px;\r\n    }\r\n    .bl-eyebrow-line { width: 40px; height: 2px; background: var(--orange); }\r\n    .bl-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    .bl-heading {\r\n      font-size: clamp(3rem, 5.5vw, 4.6rem);\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    .bl-heading .bl-accent { color: var(--orange); }\r\n\r\n    .bl-sub {\r\n      font-size: 25px;\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\r\n       BLOG GRID (3 cards)\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    .bl-grid {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 22px;\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    \/* \u2500\u2500 Card \u2500\u2500 *\/\r\n    .bl-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      overflow: hidden;\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      transform: translateY(36px);\r\n      transition:\r\n        background 0.38s ease,\r\n        border-color 0.38s ease,\r\n        box-shadow 0.38s ease,\r\n        transform 0.45s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n\r\n    .bl-card:nth-child(1) { animation: bl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 0.4s  forwards; }\r\n    .bl-card:nth-child(2) { animation: bl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 0.55s forwards; }\r\n    .bl-card:nth-child(3) { animation: bl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 0.7s  forwards; }\r\n\r\n    .bl-card:hover,\r\n    .bl-card.active {\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.15),\r\n        0 20px 55px rgba(0,0,0,0.5),\r\n        0 0 38px var(--orange-glow);\r\n      transform: translateY(-5px);\r\n    }\r\n\r\n    \/* Top bar *\/\r\n    .bl-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    }\r\n    .bl-card:hover::before,\r\n    .bl-card.active::before { width: 100%; }\r\n\r\n    \/* Card image *\/\r\n    .bl-card-img {\r\n      position: relative;\r\n      overflow: hidden;\r\n      height: 200px;\r\n    }\r\n    .bl-card-img img {\r\n      width: 100%; height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      filter: brightness(0.65) saturate(0.7);\r\n      transition: transform 0.65s cubic-bezier(0.22,1,0.36,1), filter 0.5s ease;\r\n    }\r\n    .bl-card:hover .bl-card-img img {\r\n      transform: scale(1.07);\r\n      filter: brightness(0.5) saturate(0.9);\r\n    }\r\n\r\n    \/* Image overlay *\/\r\n    .bl-card-img-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(180deg, transparent 40%, rgba(6,15,22,0.9) 100%);\r\n    }\r\n\r\n    \/* Category badge on image *\/\r\n    .bl-badge {\r\n      position: absolute;\r\n      bottom: 14px; left: 18px;\r\n      font-size: 0.68rem;\r\n      font-weight: 700;\r\n      letter-spacing: 0.22em;\r\n      color: var(--orange);\r\n      background: rgba(6,15,22,0.85);\r\n      border: 1px solid rgba(224,117,32,0.35);\r\n      border-radius: 3px;\r\n      padding: 4px 10px;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* Card body *\/\r\n    .bl-card-body { padding: 24px 22px 22px; }\r\n\r\n    .bl-card-meta {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 12px;\r\n    }\r\n    .bl-card-date {\r\n      font-size: 0.72rem;\r\n      font-weight: 600;\r\n      letter-spacing: 0.18em;\r\n      color: var(--text-dim);\r\n    }\r\n    .bl-card-meta-dot {\r\n      width: 3px; height: 3px;\r\n      border-radius: 50%;\r\n      background: var(--text-dim);\r\n      flex-shrink: 0;\r\n    }\r\n    .bl-card-read {\r\n      font-size: 0.72rem;\r\n      font-weight: 600;\r\n      letter-spacing: 0.15em;\r\n      color: var(--text-dim);\r\n    }\r\n\r\n    .bl-card-title {\r\n      font-size: 1.45rem;\r\n      font-weight: 800;\r\n      color: var(--white);\r\n      letter-spacing: 0.03em;\r\n      line-height: 1.22;\r\n      margin-bottom: 12px;\r\n      transition: color 0.3s;\r\n    }\r\n    .bl-card:hover .bl-card-title { color: #fff; }\r\n\r\n    .bl-card-sep {\r\n      height: 1px; width: 100%;\r\n      background: linear-gradient(90deg, rgba(224,117,32,0.3), transparent);\r\n      margin-bottom: 12px;\r\n      transition: background 0.4s;\r\n    }\r\n    .bl-card:hover .bl-card-sep,\r\n    .bl-card.active .bl-card-sep {\r\n      background: linear-gradient(90deg, rgba(224,117,32,0.65), transparent);\r\n    }\r\n\r\n    .bl-card-excerpt {\r\n      font-size: 20px;\r\n      font-weight: 400;\r\n      line-height: 1.72;\r\n      color: #fff;\r\n      font-variant: normal;\r\n      margin-bottom: 20px;\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 3;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Read More button *\/\r\n    .bl-readmore {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-size: 0.82rem;\r\n      font-weight: 700;\r\n      letter-spacing: 0.18em;\r\n      color: var(--orange);\r\n      text-transform: uppercase;\r\n      border: none;\r\n      background: none;\r\n      cursor: pointer;\r\n      padding: 0;\r\n      font-family: inherit;\r\n      transition: gap 0.3s ease, color 0.3s;\r\n    }\r\n    .bl-readmore:hover { color: #fff; gap: 14px; }\r\n    .bl-readmore-arrow {\r\n      display: flex; align-items: center; justify-content: center;\r\n      width: 28px; height: 28px;\r\n      border-radius: 50%;\r\n      border: 1.5px solid rgba(224,117,32,0.5);\r\n      transition: background 0.3s, border-color 0.3s, transform 0.4s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n    .bl-readmore-arrow svg {\r\n      width: 12px; height: 12px;\r\n      stroke: var(--orange);\r\n      fill: none;\r\n      stroke-width: 2.5;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n      transition: stroke 0.3s, transform 0.4s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n    .bl-readmore:hover .bl-readmore-arrow {\r\n      background: var(--orange);\r\n      border-color: var(--orange);\r\n    }\r\n    .bl-readmore:hover .bl-readmore-arrow svg { stroke: #fff; }\r\n    .bl-card.active .bl-readmore-arrow svg { transform: rotate(90deg); }\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       READER PANEL (expanded area)\r\n       slides open below the grid\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    .bl-reader {\r\n      position: relative;\r\n      z-index: 1;\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      margin-top: 0;\r\n      transition: max-height 0.7s cubic-bezier(0.22,1,0.36,1), margin-top 0.5s ease;\r\n    }\r\n    .bl-reader.open { max-height: 1100px; margin-top: 44px; }\r\n\r\n    .bl-reader-inner {\r\n      position: relative;\r\n      background: var(--bg-reader);\r\n      border-left: 1.5px solid var(--border-h);\r\n      border-right: 1.5px solid var(--border-h);\r\n      border-bottom: 1.5px solid var(--border-h);\r\n      border-radius: 0 0 12px 12px;\r\n      overflow: hidden;\r\n      opacity: 0;\r\n      transform: translateY(-12px);\r\n      transition: opacity 0.5s ease 0.15s, transform 0.5s cubic-bezier(0.22,1,0.36,1) 0.15s;\r\n    }\r\n    .bl-reader.open .bl-reader-inner {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* Which column the triangle pointer points to *\/\r\n    .bl-reader-pointer {\r\n      position: absolute;\r\n      top: 0;\r\n      width: 24px; height: 14px;\r\n      transition: left 0.4s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n    .bl-reader-pointer::before {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: 0; left: 50%;\r\n      transform: translateX(-50%);\r\n      border-left: 12px solid transparent;\r\n      border-right: 12px solid transparent;\r\n      border-bottom: 14px solid var(--bg-reader);\r\n    }\r\n    .bl-reader-pointer::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -1px; left: 50%;\r\n      transform: translateX(-50%);\r\n      border-left: 14px solid transparent;\r\n      border-right: 14px solid transparent;\r\n      border-bottom: 15px solid var(--border-h);\r\n      z-index: -1;\r\n    }\r\n\r\n    \/* Orange top bar on reader *\/\r\n    .bl-reader-topbar {\r\n      height: 3px;\r\n      background: linear-gradient(90deg, var(--orange) 0%, rgba(224,117,32,0.2) 60%, transparent 100%);\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .bl-reader-content {\r\n      display: grid;\r\n      grid-template-columns: 340px 1fr;\r\n      min-height: 420px;\r\n    }\r\n\r\n    \/* Left: feature image *\/\r\n    .bl-reader-img {\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .bl-reader-img img {\r\n      width: 100%; height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      filter: brightness(0.6) saturate(0.75);\r\n    }\r\n    .bl-reader-img-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(90deg, transparent 55%, var(--bg-reader) 100%);\r\n    }\r\n\r\n    \/* Right: article content *\/\r\n    .bl-reader-article {\r\n      padding: 44px 48px 44px 44px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-start;\r\n      position: relative;\r\n    }\r\n\r\n    \/* Subtle lined texture *\/\r\n    .bl-reader-article::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: repeating-linear-gradient(\r\n        0deg, transparent, transparent 39px,\r\n        rgba(255,255,255,0.012) 39px, rgba(255,255,255,0.012) 40px\r\n      );\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bl-reader-tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      font-size: 0.72rem;\r\n      font-weight: 700;\r\n      letter-spacing: 0.28em;\r\n      color: var(--orange);\r\n      margin-bottom: 16px;\r\n      position: relative;\r\n    }\r\n    .bl-reader-tag-dot {\r\n      width: 5px; height: 5px;\r\n      border-radius: 50%;\r\n      background: var(--orange);\r\n    }\r\n\r\n    .bl-reader-title {\r\n      font-size: clamp(1.9rem, 3vw, 2.6rem);\r\n      font-weight: 800;\r\n      color: var(--white);\r\n      letter-spacing: 0.03em;\r\n      line-height: 1.12;\r\n      margin-bottom: 16px;\r\n      position: relative;\r\n    }\r\n\r\n    .bl-reader-sep {\r\n      width: 48px; height: 2px;\r\n      background: var(--orange);\r\n      margin-bottom: 20px;\r\n      position: relative;\r\n    }\r\n\r\n    .bl-reader-body {\r\n      font-size: 20px;\r\n      font-weight: 400;\r\n      line-height: 1.85;\r\n      color: #fff;\r\n      font-variant: normal;\r\n      letter-spacing: 0.01em;\r\n      position: relative;\r\n      flex: 1;\r\n    }\r\n\r\n    .bl-reader-body p + p { margin-top: 16px; }\r\n\r\n    \/* Close button inside reader *\/\r\n    .bl-reader-close {\r\n      position: absolute !important;\r\n      top: 20px !important;\r\n      right: 20px !important;\r\n      width: 44px !important;\r\n      height: 44px !important;\r\n      min-width: 44px !important;\r\n      min-height: 44px !important;\r\n      border-radius: 50% !important;\r\n      background: rgba(224,117,32,0.15) !important;\r\n      border: 2px solid rgba(224,117,32,0.6) !important;\r\n      cursor: pointer !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      transition: background 0.3s, border-color 0.3s, transform 0.3s ease !important;\r\n      z-index: 9999 !important;\r\n      flex-shrink: 0 !important;\r\n      padding: 0 !important;\r\n      margin: 0 !important;\r\n      visibility: visible !important;\r\n      opacity: 1 !important;\r\n      overflow: visible !important;\r\n      line-height: 1 !important;\r\n    }\r\n    .bl-reader-close:hover {\r\n      background: var(--orange) !important;\r\n      border-color: var(--orange) !important;\r\n      transform: rotate(90deg) !important;\r\n    }\r\n    .bl-reader-close svg {\r\n      width: 18px !important;\r\n      height: 18px !important;\r\n      display: block !important;\r\n      flex-shrink: 0 !important;\r\n      visibility: visible !important;\r\n      opacity: 1 !important;\r\n    }\r\n\r\n    \/* Reader meta footer *\/\r\n    .bl-reader-footer {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 24px;\r\n      margin-top: 28px;\r\n      padding-top: 20px;\r\n      border-top: 1px solid rgba(255,255,255,0.07);\r\n      position: relative;\r\n    }\r\n    .bl-reader-meta-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      font-size: 0.75rem;\r\n      font-weight: 600;\r\n      letter-spacing: 0.16em;\r\n      color: var(--text-dim);\r\n    }\r\n    .bl-reader-meta-item svg {\r\n      width: 13px; height: 13px;\r\n      stroke: var(--orange);\r\n      fill: none;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n      flex-shrink: 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       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 bl-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: 1024px) {\r\n      .bl-reader-content { grid-template-columns: 1fr; }\r\n      .bl-reader-img { height: 260px; }\r\n      .bl-reader-img-overlay { background: linear-gradient(180deg, transparent 40%, var(--bg-reader) 100%); }\r\n    }\r\n    @media (max-width: 860px) {\r\n      .bl-section { padding: 80px 32px 0; }\r\n      .bl-grid { grid-template-columns: 1fr; }\r\n      .bl-reader-article { padding: 32px 28px; }\r\n    }\r\n    @media (max-width: 560px) {\r\n      .bl-section { padding: 70px 18px 0; }\r\n      .bl-reader-article { padding: 28px 20px; }\r\n      .bl-reader.open { max-height: 1600px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"bl-section\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"bl-header\">\r\n    <div class=\"bl-eyebrow\">\r\n      <span class=\"bl-eyebrow-line\"><\/span>\r\n      <span class=\"bl-eyebrow-label\">From The Author<\/span>\r\n      <span class=\"bl-eyebrow-line\"><\/span>\r\n    <\/div>\r\n    <h2 class=\"bl-heading\">Latest <span class=\"bl-accent\">Writings<\/span><\/h2>\r\n    <p class=\"bl-sub\">Reflections on Vienna in the 1930s on love, intellectual courage, and the historical forces that shaped the novel.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Blog Grid -->\r\n  <div class=\"bl-grid\" id=\"blGrid\">\r\n\r\n    <!-- Card 1 -->\r\n    <div class=\"bl-card\" data-blog=\"0\">\r\n      <div class=\"bl-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/2239.jpg\" alt=\"University of Vienna 1934\"\/>\r\n        <div class=\"bl-card-img-overlay\"><\/div>\r\n        <span class=\"bl-badge\">Vienna<\/span>\r\n      <\/div>\r\n      <div class=\"bl-card-body\">\r\n        <div class=\"bl-card-meta\">\r\n          <span class=\"bl-card-date\">October 1934<\/span>\r\n          <span class=\"bl-card-meta-dot\"><\/span>\r\n          <span class=\"bl-card-read\">7 Min Read<\/span>\r\n        <\/div>\r\n        <div class=\"bl-card-title\">Brilliance Under Pressure: The University Years<\/div>\r\n        <div class=\"bl-card-sep\"><\/div>\r\n        <p class=\"bl-card-excerpt\">In 1934, the University of Vienna remained a centre of intellectual inquiry. Lecture halls buzzed with ideas, but political tensions were beginning to fracture student life and academic freedom.<\/p>\r\n        <button class=\"bl-readmore\" onclick=\"toggleBlog(0, this)\">\r\n          Read Full Article\r\n          <span class=\"bl-readmore-arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 2 -->\r\n    <div class=\"bl-card\" data-blog=\"1\">\r\n      <div class=\"bl-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/2150163760.jpg\" alt=\"Letters in Vienna 1937\"\/>\r\n        <div class=\"bl-card-img-overlay\"><\/div>\r\n        <span class=\"bl-badge\">Love<\/span>\r\n      <\/div>\r\n      <div class=\"bl-card-body\">\r\n        <div class=\"bl-card-meta\">\r\n          <span class=\"bl-card-date\">May 1937<\/span>\r\n          <span class=\"bl-card-meta-dot\"><\/span>\r\n          <span class=\"bl-card-read\">6 Min Read<\/span>\r\n        <\/div>\r\n        <div class=\"bl-card-title\">Letters in the Shadow of Extremism<\/div>\r\n        <div class=\"bl-card-sep\"><\/div>\r\n        <p class=\"bl-card-excerpt\">Private letters exchanged between students carried dreams of a future beyond Vienna  America, scholarship, and a life untouched by rising political hostility.<\/p>\r\n        <button class=\"bl-readmore\" onclick=\"toggleBlog(1, this)\">\r\n          Read Full Article\r\n          <span class=\"bl-readmore-arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 3 -->\r\n    <div class=\"bl-card\" data-blog=\"2\">\r\n      <div class=\"bl-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/20791.jpg\" alt=\"Anschluss March 1938\"\/>\r\n        <div class=\"bl-card-img-overlay\"><\/div>\r\n        <span class=\"bl-badge\">History<\/span>\r\n      <\/div>\r\n      <div class=\"bl-card-body\">\r\n        <div class=\"bl-card-meta\">\r\n          <span class=\"bl-card-date\">March 12, 1938<\/span>\r\n          <span class=\"bl-card-meta-dot\"><\/span>\r\n          <span class=\"bl-card-read\">9 Min Read<\/span>\r\n        <\/div>\r\n        <div class=\"bl-card-title\">The Day Austria Changed Forever<\/div>\r\n        <div class=\"bl-card-sep\"><\/div>\r\n        <p class=\"bl-card-excerpt\">German troops entered Austria and the Anschluss began. Arrests followed quickly, families were separated, and the fragile plans of escape became a race against time.<\/p>\r\n        <button class=\"bl-readmore\" onclick=\"toggleBlog(2, this)\">\r\n          Read Full Article\r\n          <span class=\"bl-readmore-arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Reader Panel -->\r\n  <div class=\"bl-reader\" id=\"blReader\">\r\n    <div class=\"bl-reader-inner\">\r\n      <div class=\"bl-reader-topbar\"><\/div>\r\n      <div class=\"bl-reader-pointer\" id=\"blPointer\"><\/div>\r\n      <div class=\"bl-reader-content\">\r\n        <div class=\"bl-reader-img\">\r\n          <img decoding=\"async\" id=\"blReaderImg\" src=\"\" alt=\"\"\/>\r\n          <div class=\"bl-reader-img-overlay\"><\/div>\r\n        <\/div>\r\n        <div class=\"bl-reader-article\">\r\n          <button class=\"bl-reader-close\" id=\"blReaderClose\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/>\r\n              <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/>\r\n            <\/svg>\r\n          <\/button>\r\n          <div class=\"bl-reader-tag\" id=\"blReaderTag\">\r\n            <span class=\"bl-reader-tag-dot\"><\/span>\r\n            <span id=\"blReaderTagText\"><\/span>\r\n          <\/div>\r\n          <div class=\"bl-reader-title\" id=\"blReaderTitle\"><\/div>\r\n          <div class=\"bl-reader-sep\"><\/div>\r\n          <div class=\"bl-reader-body\" id=\"blReaderBody\"><\/div>\r\n          <div class=\"bl-reader-footer\" id=\"blReaderFooter\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n  const blogs = [\r\n    {\r\n      tag:   'Vienna',\r\n      title: 'Brilliance Under Pressure: The University Years',\r\n      date:  'October 1934',\r\n      read:  '7 Min Read',\r\n      img:   'https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/2239.jpg',\r\n      body: `\r\n        <p>In 1934, the University of Vienna remained a centre of intellectual inquiry. Lecture halls and laboratories thrived with ideas, but political divisions were beginning to shape campus life.<\/p>\r\n        <p>Students and scholars of Jewish heritage increasingly faced hostility from radical groups. What had once been a shared academic community slowly fragmented under external pressure.<\/p>\r\n        <p>The university became a microcosm of Austria itself  brilliant, complex, and moving toward a period of profound historical change.<\/p>\r\n      `\r\n    },\r\n    {\r\n      tag:   'Love',\r\n      title: 'Letters in the Shadow of Extremism',\r\n      date:  'May 1937',\r\n      read:  '6 Min Read',\r\n      img:   'https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/2150163760.jpg',\r\n      body: `\r\n        <p>By 1937, Vienna\u2019s political atmosphere had grown uncertain. Public rhetoric hardened, yet private letters carried different stories  of study, of affection, and of plans for a future beyond Austria.<\/p>\r\n        <p>Jonas and Eliana\u2019s correspondence reflected dreams of America and shared intellectual ambition. Love became both a refuge and a quiet act of resistance in a world becoming increasingly divided.<\/p>\r\n        <p>These letters capture the human desire to hope even in times of historical upheaval proof that personal connection can endure amidst political turmoil.<\/p>\r\n      `\r\n    },\r\n    {\r\n      tag:   'History',\r\n      title: 'The Day Austria Changed Forever',\r\n      date:  'March 12, 1938',\r\n      read:  '9 Min Read',\r\n      img:   'https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/20791.jpg',\r\n      body: `\r\n        <p>On March 12, 1938, German forces entered Austria. The Anschluss transformed the nation overnight, altering the lives of millions.<\/p>\r\n        <p>Jewish families were arrested and displaced. Homes were searched, businesses seized, and communities fractured. The Meyer and Schmidt families were taken to concentration camps within days.<\/p>\r\n        <p>Only hours separated departure from captivity. Survival depended on timing, courage, and the narrow margins of history.<\/p>\r\n      `\r\n    }\r\n  ];\r\n\r\n  let activeBlog = -1;\r\n\r\n  function toggleBlog(idx) {\r\n    const reader  = document.getElementById('blReader');\r\n    const cards   = document.querySelectorAll('.bl-card');\r\n    const pointer = document.getElementById('blPointer');\r\n    const grid    = document.getElementById('blGrid');\r\n\r\n    if (activeBlog === idx) {\r\n      closeBlog();\r\n      return;\r\n    }\r\n\r\n    cards.forEach(c => c.classList.remove('active'));\r\n    cards[idx].classList.add('active');\r\n    activeBlog = idx;\r\n\r\n    const b = blogs[idx];\r\n    document.getElementById('blReaderTagText').textContent = b.tag;\r\n    document.getElementById('blReaderTitle').textContent   = b.title;\r\n    document.getElementById('blReaderBody').innerHTML      = b.body;\r\n    document.getElementById('blReaderImg').src             = b.img;\r\n    document.getElementById('blReaderImg').alt             = b.title;\r\n\r\n    document.getElementById('blReaderFooter').innerHTML = `\r\n      <div class=\"bl-reader-meta-item\">${b.date}<\/div>\r\n      <div class=\"bl-reader-meta-item\">${b.read}<\/div>\r\n      <div class=\"bl-reader-meta-item\">Adrien Phillips<\/div>\r\n    `;\r\n\r\n    const cardRect = cards[idx].getBoundingClientRect();\r\n    const gridRect = grid.getBoundingClientRect();\r\n    const pointerX = cardRect.left - gridRect.left + cardRect.width \/ 2 - 12;\r\n    pointer.style.left = pointerX + 'px';\r\n\r\n    reader.classList.add('open');\r\n\r\n    setTimeout(() => {\r\n      reader.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    }, 120);\r\n  }\r\n\r\n  function closeBlog() {\r\n    const reader = document.getElementById('blReader');\r\n    const cards  = document.querySelectorAll('.bl-card');\r\n    reader.classList.remove('open');\r\n    cards.forEach(c => c.classList.remove('active'));\r\n    activeBlog = -1;\r\n  }\r\n\r\n  document.getElementById('blReaderClose').addEventListener('click', closeBlog);\r\n<\/script>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Latest Insights Welcome to our Blogs, your go-to space for insightful articles, expert tips, and the latest trends. Here, we [&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-286","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/pages\/286","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=286"}],"version-history":[{"count":58,"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":709,"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/pages\/286\/revisions\/709"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/media?parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}