{"id":309,"date":"2026-02-24T17:39:43","date_gmt":"2026-02-24T17:39:43","guid":{"rendered":"https:\/\/demowebdesign.live\/adrian-philips\/?page_id=309"},"modified":"2026-04-20T16:44:11","modified_gmt":"2026-04-20T16:44:11","slug":"gallery-and-videos","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/gallery-and-videos\/","title":{"rendered":"GALLERY AND VIDEOS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"309\" class=\"elementor elementor-309\" 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;AND VIDEOS&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\">GALLERY<\/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\tAND&nbsp;VIDEOS\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 Gallery &amp; Videos, a space where moments come to life through images and motion. Explore captivating photos, behind-the-scenes glimpses, and engaging video stories that showcase our events, projects, and creative journey.<\/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-5a6e793 elementor-widget__width-initial btn-hero elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"5a6e793\" 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\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      --border:      rgba(255,255,255,0.07);\r\n      --border-h:    rgba(224,117,32,0.55);\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\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 *\/\r\n    .gl-section {\r\n      position: relative;\r\n      padding: 110px 80px 120px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .gl-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -80px; 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    }\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\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 *\/\r\n    .gl-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: gl-rise 0.9s cubic-bezier(0.22,1,0.36,1) 0.15s forwards;\r\n    }\r\n\r\n    .gl-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 16px;\r\n      margin-bottom: 20px;\r\n    }\r\n    .gl-eyebrow-line { width: 40px; height: 2px; background: var(--orange); }\r\n    .gl-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    .gl-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    .gl-heading .gl-accent { color: var(--orange); }\r\n\r\n    .gl-sub {\r\n      font-size: 1.12rem;\r\n      font-weight: 400;\r\n      color: #fff;\r\n      font-variant: normal;\r\n      max-width: 500px;\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\r\n       MASONRY 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 *\/\r\n    .gl-grid {\r\n      position: relative;\r\n      z-index: 1;\r\n      columns: 3;\r\n      column-gap: 20px;\r\n    }\r\n\r\n    \/* \u2500\u2500 Item \u2500\u2500 *\/\r\n    .gl-item {\r\n      position: relative;\r\n      break-inside: avoid;\r\n      margin-bottom: 20px;\r\n      border-radius: 8px;\r\n      overflow: hidden;\r\n      border: 1.5px solid var(--border);\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      transform: translateY(40px);\r\n      transition:\r\n        border-color 0.4s ease,\r\n        box-shadow 0.4s ease;\r\n    }\r\n\r\n    .gl-item:nth-child(1) { animation: gl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 0.4s  forwards; }\r\n    .gl-item:nth-child(2) { animation: gl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 0.52s forwards; }\r\n    .gl-item:nth-child(3) { animation: gl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 0.64s forwards; }\r\n    .gl-item:nth-child(4) { animation: gl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 0.76s forwards; }\r\n    .gl-item:nth-child(5) { animation: gl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 0.88s forwards; }\r\n    .gl-item:nth-child(6) { animation: gl-rise 0.75s cubic-bezier(0.22,1,0.36,1) 1.0s  forwards; }\r\n\r\n    .gl-item:hover {\r\n      border-color: var(--border-h);\r\n      box-shadow:\r\n        0 0 0 1px rgba(224,117,32,0.18),\r\n        0 24px 60px rgba(0,0,0,0.65),\r\n        0 0 40px var(--orange-glow);\r\n    }\r\n\r\n    \/* Image *\/\r\n    .gl-item img {\r\n      width: 100%;\r\n      display: block;\r\n      object-fit: cover;\r\n      filter: brightness(0.75) saturate(0.7);\r\n      transition:\r\n        filter 0.6s cubic-bezier(0.22,1,0.36,1),\r\n        transform 0.7s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n    .gl-item:hover img {\r\n      filter: brightness(0.45) saturate(0.85);\r\n      transform: scale(1.06);\r\n    }\r\n\r\n    \/* Gradient overlay *\/\r\n    .gl-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(\r\n        to top,\r\n        rgba(5,16,22,0.97) 0%,\r\n        rgba(5,16,22,0.45) 42%,\r\n        transparent 72%\r\n      );\r\n      opacity: 0;\r\n      transition: opacity 0.45s ease;\r\n    }\r\n    .gl-item:hover .gl-overlay { opacity: 1; }\r\n\r\n    \/* Top accent bar *\/\r\n    .gl-item-bar {\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      height: 2.5px; 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      z-index: 3;\r\n    }\r\n    .gl-item:hover .gl-item-bar { width: 100%; }\r\n\r\n    \/* Caption *\/\r\n    .gl-caption {\r\n      position: absolute;\r\n      bottom: 0; left: 0; right: 0;\r\n      padding: 24px 22px 22px;\r\n      z-index: 2;\r\n      transform: translateY(14px);\r\n      opacity: 0;\r\n      transition: transform 0.42s cubic-bezier(0.22,1,0.36,1), opacity 0.42s ease;\r\n    }\r\n    .gl-item:hover .gl-caption {\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    }\r\n\r\n    .gl-caption-tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-size: 0.7rem;\r\n      font-weight: 700;\r\n      letter-spacing: 0.25em;\r\n      color: var(--orange);\r\n      margin-bottom: 6px;\r\n    }\r\n    .gl-caption-tag-dot {\r\n      width: 5px; height: 5px;\r\n      border-radius: 50%;\r\n      background: var(--orange);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .gl-caption-title {\r\n      font-size: 30px;\r\n      font-weight: 700;\r\n      color: #fff;\r\n      letter-spacing: 0.04em;\r\n      line-height: 1.2;\r\n      margin-bottom: 7px;\r\n    }\r\n\r\n    .gl-caption-sep {\r\n      width: 28px; height: 1.5px;\r\n      background: var(--orange);\r\n      margin-bottom: 8px;\r\n      transition: width 0.4s ease;\r\n    }\r\n    .gl-item:hover .gl-caption-sep { width: 48px; }\r\n\r\n    .gl-caption-desc {\r\n      font-size: 20px;\r\n      font-weight: 400;\r\n      color: #fff;\r\n      font-variant: normal;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    \/* Expand icon *\/\r\n    .gl-expand {\r\n      position: absolute;\r\n      top: 14px; right: 14px;\r\n      width: 36px; height: 36px;\r\n      border-radius: 50%;\r\n      background: rgba(8,30,39,0.8);\r\n      border: 1.5px solid rgba(224,117,32,0.4);\r\n      display: flex; align-items: center; justify-content: center;\r\n      z-index: 3;\r\n      opacity: 0;\r\n      transform: scale(0.6);\r\n      transition: opacity 0.35s ease, transform 0.4s cubic-bezier(0.22,1,0.36,1), background 0.3s, border-color 0.3s;\r\n    }\r\n    .gl-expand svg {\r\n      width: 15px; height: 15px;\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    }\r\n    .gl-item:hover .gl-expand { opacity: 1; transform: scale(1); }\r\n    .gl-expand:hover { background: var(--orange) !important; border-color: var(--orange) !important; }\r\n    .gl-expand:hover svg { stroke: #fff; }\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\r\n       LIGHTBOX\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 *\/\r\n    .gl-lightbox {\r\n      position: fixed;\r\n      inset: 0;\r\n      z-index: 1000;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: rgba(4,12,18,0.97);\r\n      backdrop-filter: blur(14px);\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      transition: opacity 0.4s ease;\r\n    }\r\n    .gl-lightbox.active { opacity: 1; pointer-events: all; }\r\n\r\n    .gl-lb-inner {\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 22px;\r\n      transform: scale(0.92);\r\n      transition: transform 0.4s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n    .gl-lightbox.active .gl-lb-inner { transform: scale(1); }\r\n\r\n    .gl-lb-img {\r\n      max-width: 78vw;\r\n      max-height: 70vh;\r\n      object-fit: contain;\r\n      border-radius: 6px;\r\n      border: 1.5px solid rgba(224,117,32,0.25);\r\n      box-shadow: 0 40px 100px rgba(0,0,0,0.85), 0 0 60px var(--orange-glow);\r\n      display: block;\r\n    }\r\n\r\n    .gl-lb-caption { text-align: center; }\r\n    .gl-lb-title {\r\n      font-size: 1.3rem;\r\n      font-weight: 700;\r\n      color: #fff;\r\n      letter-spacing: 0.05em;\r\n      margin-bottom: 6px;\r\n    }\r\n    .gl-lb-desc {\r\n      font-size: 0.9rem;\r\n      color: var(--text);\r\n      font-variant: normal;\r\n    }\r\n\r\n    .gl-lb-close {\r\n      position: fixed;\r\n      top: 28px; right: 32px;\r\n      width: 44px; height: 44px;\r\n      border-radius: 50%;\r\n      background: rgba(255,255,255,0.06);\r\n      border: 1.5px solid rgba(255,255,255,0.12);\r\n      cursor: pointer;\r\n      display: flex; align-items: center; justify-content: center;\r\n      transition: background 0.3s, border-color 0.3s;\r\n      z-index: 2;\r\n    }\r\n    .gl-lb-close:hover { background: var(--orange); border-color: var(--orange); }\r\n    .gl-lb-close svg { width: 18px; height: 18px; stroke: #fff; fill: none; stroke-width: 2.5; stroke-linecap: round; }\r\n\r\n    .gl-lb-nav {\r\n      position: fixed;\r\n      top: 50%; transform: translateY(-50%);\r\n      width: 50px; height: 50px;\r\n      border-radius: 50%;\r\n      background: rgba(255,255,255,0.05);\r\n      border: 1.5px solid rgba(255,255,255,0.1);\r\n      cursor: pointer;\r\n      display: flex; align-items: center; justify-content: center;\r\n      transition: background 0.3s, border-color 0.3s;\r\n      z-index: 2;\r\n    }\r\n    .gl-lb-nav:hover { background: var(--orange); border-color: var(--orange); }\r\n    .gl-lb-nav svg { width: 20px; height: 20px; stroke: #fff; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }\r\n    .gl-lb-prev { left: 24px; }\r\n    .gl-lb-next { right: 24px; }\r\n\r\n    .gl-lb-counter {\r\n      position: fixed;\r\n      bottom: 28px; left: 50%;\r\n      transform: translateX(-50%);\r\n      font-size: 0.78rem;\r\n      font-weight: 700;\r\n      letter-spacing: 0.28em;\r\n      color: var(--orange);\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\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 *\/\r\n    @keyframes gl-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\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 *\/\r\n    @media (max-width: 900px) {\r\n      .gl-section { padding: 80px 40px 100px; }\r\n      .gl-grid { columns: 2; }\r\n    }\r\n    @media (max-width: 560px) {\r\n      .gl-section { padding: 70px 20px 90px; }\r\n      .gl-grid { columns: 1; }\r\n      .gl-lb-img { max-width: 95vw; max-height: 80vh; }\r\n      .gl-lb-prev { left: 10px; }\r\n      .gl-lb-next { right: 10px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"gl-section\">\r\n\r\n  <div class=\"gl-header\">\r\n    <div class=\"gl-eyebrow\">\r\n      <span class=\"gl-eyebrow-line\"><\/span>\r\n      <span class=\"gl-eyebrow-label\">Visual Archive<\/span>\r\n      <span class=\"gl-eyebrow-line\"><\/span>\r\n    <\/div>\r\n    <h2 class=\"gl-heading\">Historical <span class=\"gl-accent\">Gallery<\/span><\/h2>\r\n    <p class=\"gl-sub\">Archival imagery from 1930s\u20131940s Europe \u2014 the real historical landscape that shaped the novel\u2019s world.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"gl-grid\">\r\n\r\n    <div class=\"gl-item\" data-index=\"0\">\r\n      <div class=\"gl-item-bar\"><\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/naval.jpg\" alt=\"North Atlantic Naval Operations\" style=\"aspect-ratio:3\/4\"\/>\r\n      <div class=\"gl-overlay\"><\/div>\r\n      <div class=\"gl-expand\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"gl-caption\">\r\n        <div class=\"gl-caption-tag\"><span class=\"gl-caption-tag-dot\"><\/span>1941 \u2014 Atlantic Theatre<\/div>\r\n        <div class=\"gl-caption-title\">Naval Operations<\/div>\r\n        <div class=\"gl-caption-sep\"><\/div>\r\n        <p class=\"gl-caption-desc\">Allied submarines and escort fleets patrol the North Atlantic during the height of the war.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gl-item\" data-index=\"1\">\r\n      <div class=\"gl-item-bar\"><\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/war-maps.jpg\" alt=\"War Room Strategic Maps\" style=\"aspect-ratio:4\/3\"\/>\r\n      <div class=\"gl-overlay\"><\/div>\r\n      <div class=\"gl-expand\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"gl-caption\">\r\n        <div class=\"gl-caption-tag\"><span class=\"gl-caption-tag-dot\"><\/span>1939\u20131945 \u2014 Intelligence<\/div>\r\n        <div class=\"gl-caption-title\">Strategic War Rooms<\/div>\r\n        <div class=\"gl-caption-sep\"><\/div>\r\n        <p class=\"gl-caption-desc\">Classified maps and operational plans that guided Allied decision-making during the conflict.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gl-item\" data-index=\"2\">\r\n      <div class=\"gl-item-bar\"><\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/scientist.jpg\" alt=\"Refugee Scientists in Exile\" style=\"aspect-ratio:1\/1\"\/>\r\n      <div class=\"gl-overlay\"><\/div>\r\n      <div class=\"gl-expand\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"gl-caption\">\r\n        <div class=\"gl-caption-tag\"><span class=\"gl-caption-tag-dot\"><\/span>1938\u20131939 \u2014 Exodus<\/div>\r\n        <div class=\"gl-caption-title\">Refugee Scientists<\/div>\r\n        <div class=\"gl-caption-sep\"><\/div>\r\n        <p class=\"gl-caption-desc\">Brilliant minds fleeing persecution, carrying knowledge and the hope of survival.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gl-item\" data-index=\"3\">\r\n      <div class=\"gl-item-bar\"><\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/submarine-interior.jpg\" alt=\"Submarine Interior During WWII\" style=\"aspect-ratio:2\/3\"\/>\r\n      <div class=\"gl-overlay\"><\/div>\r\n      <div class=\"gl-expand\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"gl-caption\">\r\n        <div class=\"gl-caption-tag\"><span class=\"gl-caption-tag-dot\"><\/span>1943 \u2014 Classified<\/div>\r\n        <div class=\"gl-caption-title\">Submarine Interior<\/div>\r\n        <div class=\"gl-caption-sep\"><\/div>\r\n        <p class=\"gl-caption-desc\">The claustrophobic world beneath the surface \u2014 a setting mirrored in the novel\u2019s most intense scenes.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gl-item\" data-index=\"4\">\r\n      <div class=\"gl-item-bar\"><\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/documents.jpg\" alt=\"Declassified Archival Documents\" style=\"aspect-ratio:4\/3\"\/>\r\n      <div class=\"gl-overlay\"><\/div>\r\n      <div class=\"gl-expand\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"gl-caption\">\r\n        <div class=\"gl-caption-tag\"><span class=\"gl-caption-tag-dot\"><\/span>1954 \u2014 Declassified<\/div>\r\n        <div class=\"gl-caption-title\">Archival Documents<\/div>\r\n        <div class=\"gl-caption-sep\"><\/div>\r\n        <p class=\"gl-caption-desc\">OSS dossiers uncovered in Berlin \u2014 the historical seed that inspired the novel\u2019s narrative.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gl-item\" data-index=\"5\">\r\n      <div class=\"gl-item-bar\"><\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/adrian-philips\/wp-content\/uploads\/2026\/02\/victory.jpg\" alt=\"Victory and Postwar Reckoning\" style=\"aspect-ratio:16\/10\"\/>\r\n      <div class=\"gl-overlay\"><\/div>\r\n      <div class=\"gl-expand\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"gl-caption\">\r\n        <div class=\"gl-caption-tag\"><span class=\"gl-caption-tag-dot\"><\/span>1945 \u2014 Liberation<\/div>\r\n        <div class=\"gl-caption-title\">Victory & Aftermath<\/div>\r\n        <div class=\"gl-caption-sep\"><\/div>\r\n        <p class=\"gl-caption-desc\">The end of war \u2014 but the beginning of historical reflection and moral reckoning.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Lightbox -->\r\n<div class=\"gl-lightbox\" id=\"glLightbox\">\r\n  <button class=\"gl-lb-close\" id=\"glClose\">\r\n    <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n  <\/button>\r\n  <button class=\"gl-lb-nav gl-lb-prev\" id=\"glPrev\">\r\n    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n  <\/button>\r\n  <button class=\"gl-lb-nav gl-lb-next\" id=\"glNext\">\r\n    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n  <\/button>\r\n  <div class=\"gl-lb-inner\">\r\n    <img decoding=\"async\" class=\"gl-lb-img\" id=\"glLbImg\" src=\"\" alt=\"\"\/>\r\n    <div class=\"gl-lb-caption\">\r\n      <div class=\"gl-lb-title\" id=\"glLbTitle\"><\/div>\r\n      <div class=\"gl-lb-desc\" id=\"glLbDesc\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"gl-lb-counter\" id=\"glLbCounter\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n  const items    = document.querySelectorAll('.gl-item');\r\n  const lightbox = document.getElementById('glLightbox');\r\n  const lbImg    = document.getElementById('glLbImg');\r\n  const lbTitle  = document.getElementById('glLbTitle');\r\n  const lbDesc   = document.getElementById('glLbDesc');\r\n  const lbCount  = document.getElementById('glLbCounter');\r\n  let current    = 0;\r\n\r\n  const data = Array.from(items).map(item => ({\r\n    src:   item.querySelector('img').src,\r\n    alt:   item.querySelector('img').alt,\r\n    title: item.querySelector('.gl-caption-title').textContent.trim(),\r\n    desc:  item.querySelector('.gl-caption-desc').textContent.trim(),\r\n  }));\r\n\r\n  function openLb(idx) {\r\n    current = idx;\r\n    updateLb();\r\n    lightbox.classList.add('active');\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n  function closeLb() {\r\n    lightbox.classList.remove('active');\r\n    document.body.style.overflow = '';\r\n  }\r\n  function updateLb() {\r\n    const d = data[current];\r\n    lbImg.src = d.src; lbImg.alt = d.alt;\r\n    lbTitle.textContent = d.title;\r\n    lbDesc.textContent  = d.desc;\r\n    lbCount.textContent = `${current + 1} \/ ${data.length}`;\r\n  }\r\n\r\n  items.forEach((item, i) => item.addEventListener('click', () => openLb(i)));\r\n  document.getElementById('glClose').addEventListener('click', closeLb);\r\n  document.getElementById('glPrev').addEventListener('click', e => { e.stopPropagation(); current = (current - 1 + data.length) % data.length; updateLb(); });\r\n  document.getElementById('glNext').addEventListener('click', e => { e.stopPropagation(); current = (current + 1) % data.length; updateLb(); });\r\n  lightbox.addEventListener('click', e => { if (e.target === lightbox) closeLb(); });\r\n  document.addEventListener('keydown', e => {\r\n    if (!lightbox.classList.contains('active')) return;\r\n    if (e.key === 'Escape') closeLb();\r\n    if (e.key === 'ArrowLeft')  { current = (current - 1 + data.length) % data.length; updateLb(); }\r\n    if (e.key === 'ArrowRight') { current = (current + 1) % data.length; updateLb(); }\r\n  });\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>GALLERY AND&nbsp;VIDEOS Welcome to our Gallery &amp; Videos, a space where moments come to life through images and motion. Explore [&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-309","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/pages\/309","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=309"}],"version-history":[{"count":34,"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/pages\/309\/revisions"}],"predecessor-version":[{"id":715,"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/pages\/309\/revisions\/715"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/adrian-philips\/index.php\/wp-json\/wp\/v2\/media?parent=309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}