{"id":267,"date":"2025-09-30T08:20:11","date_gmt":"2025-09-30T08:20:11","guid":{"rendered":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/?page_id=267"},"modified":"2026-06-21T12:47:08","modified_gmt":"2026-06-21T12:47:08","slug":"project","status":"publish","type":"page","link":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/project\/","title":{"rendered":"Project"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"267\" class=\"elementor elementor-267\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ebeebd e-con-full e-flex e-con e-parent\" data-id=\"1ebeebd\" 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-ae30659 elementor-widget elementor-widget-image\" data-id=\"ae30659\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"122\" height=\"122\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-content\/uploads\/2025\/09\/Group-2.png\" class=\"attachment-full size-full wp-image-12\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a0938a elementor-widget elementor-widget-heading\" data-id=\"0a0938a\" 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\">Projects<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b93227 e-con-full e-flex e-con e-parent\" data-id=\"6b93227\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5fbc88f e-con-full e-flex e-con e-child\" data-id=\"5fbc88f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58428cd elementor-widget elementor-widget-heading\" data-id=\"58428cd\" 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\">View<br>\nall\nProject<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d24a578 elementor-widget elementor-widget-goarch_vertical_menu\" data-id=\"d24a578\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"goarch_vertical_menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav class=\"goarch-vertical-menu icon-before\"><ul class=\"goarch-v-menu-list\"><li class=\"goarch-v-menu-item depth-0\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/\"><span class=\"goarch-menu-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"goarch-menu-label\">Home<\/span><\/a><\/li><li class=\"goarch-v-menu-item depth-0\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/blogs\/\"><span class=\"goarch-menu-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"goarch-menu-label\">Blogs<\/span><\/a><\/li><li class=\"goarch-v-menu-item depth-0\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/project\/\"><span class=\"goarch-menu-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"goarch-menu-label\">Projects<\/span><\/a><\/li><li class=\"goarch-v-menu-item depth-0\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/gallery\/\"><span class=\"goarch-menu-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"goarch-menu-label\">Gallery<\/span><\/a><\/li><li class=\"goarch-v-menu-item depth-0\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/service\/\"><span class=\"goarch-menu-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"goarch-menu-label\">Service<\/span><\/a><\/li><li class=\"goarch-v-menu-item depth-0\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/team\/\"><span class=\"goarch-menu-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"goarch-menu-label\">Team<\/span><\/a><\/li><li class=\"goarch-v-menu-item depth-0\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/contact\/\"><span class=\"goarch-menu-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"goarch-menu-label\">Contact<\/span><\/a><\/li><\/ul><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4241d14 e-con-full e-flex e-con e-child\" data-id=\"4241d14\" 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-913ccb3 elementor-widget elementor-widget-goarch_portfolio\" data-id=\"913ccb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"goarch_portfolio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"goarch-portfolio-grid goarch-demo-demo3\" data-columns=\"2\"><figure class=\"property-card demo3-card\" role=\"listitem\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/projects\/zenith-sky-bridge-complex\/\" class=\"demo3-image-link\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-content\/uploads\/2026\/05\/Zenith-Sky-Bridge-796x1024.png\" alt=\"Zenith Sky-Bridge Complex\" \/><\/a><figcaption class=\"demo3-caption\"><h3>Zenith Sky-Bridge Complex<\/h3><p>Futuristic, Latest Architecture, Mega-Structures<\/p><\/figcaption><\/figure><figure class=\"property-card demo3-card\" role=\"listitem\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/projects\/the-victorian-sovereign-manor\/\" class=\"demo3-image-link\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-content\/uploads\/2026\/05\/Victorian-Sovereign-Manor-796x1024.jpg\" alt=\"The Victorian Sovereign Manor\" \/><\/a><figcaption class=\"demo3-caption\"><h3>The Victorian Sovereign Manor<\/h3><p>Classic Architecture, Residential<\/p><\/figcaption><\/figure><figure class=\"property-card demo3-card\" role=\"listitem\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/projects\/lumina-corporate-hq\/\" class=\"demo3-image-link\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-content\/uploads\/2026\/05\/Lumina-Corporate-HQ-796x1024.jpg\" alt=\"Lumina Corporate HQ\" \/><\/a><figcaption class=\"demo3-caption\"><h3>Lumina Corporate HQ<\/h3><p>Commercial, Modern Architecture, Tech Spaces<\/p><\/figcaption><\/figure><figure class=\"property-card demo3-card\" role=\"listitem\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/projects\/eco-pod-canopy-residences\/\" class=\"demo3-image-link\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-content\/uploads\/2026\/05\/Canopy-Residences-796x1024.jpg\" alt=\"Eco-Pod Canopy Residences\" \/><\/a><figcaption class=\"demo3-caption\"><h3>Eco-Pod Canopy Residences<\/h3><p>Eco-Friendly, Latest Architecture, Residential<\/p><\/figcaption><\/figure><figure class=\"property-card demo3-card\" role=\"listitem\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/projects\/the-gothic-whispers-library\/\" class=\"demo3-image-link\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-content\/uploads\/2026\/05\/Gothic-Whispers-Library-796x1024.jpg\" alt=\"The Gothic Whispers Library\" \/><\/a><figcaption class=\"demo3-caption\"><h3>The Gothic Whispers Library<\/h3><p>Classic Architecture, Institutional, Public Space<\/p><\/figcaption><\/figure><figure class=\"property-card demo3-card\" role=\"listitem\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/projects\/haus-minimal\/\" class=\"demo3-image-link\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-content\/uploads\/2026\/05\/Haus-Minimal-796x1024.jpg\" alt=\"Haus Minimal\" \/><\/a><figcaption class=\"demo3-caption\"><h3>Haus Minimal<\/h3><p>Minimalist, Modern Architecture<\/p><\/figcaption><\/figure><figure class=\"property-card demo3-card\" role=\"listitem\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/projects\/aqua-verve-pavilions\/\" class=\"demo3-image-link\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-content\/uploads\/2026\/05\/Verve-Pavilions-796x1024.jpg\" alt=\"Aqua-Verve Pavilions\" \/><\/a><figcaption class=\"demo3-caption\"><h3>Aqua-Verve Pavilions<\/h3><p>Biophilic Design, Commercial, Latest Architecture<\/p><\/figcaption><\/figure><figure class=\"property-card demo3-card\" role=\"listitem\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/projects\/the-corinthian-heritage-estate\/\" class=\"demo3-image-link\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-content\/uploads\/2026\/05\/The-Corinthian-Heritage-796x1024.jpg\" alt=\"The Corinthian Heritage Estate\" \/><\/a><figcaption class=\"demo3-caption\"><h3>The Corinthian Heritage Estate<\/h3><p>Classic Architecture, Luxury, Residential<\/p><\/figcaption><\/figure><figure class=\"property-card demo3-card\" role=\"listitem\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/projects\/the-obsidian-helix\/\" class=\"demo3-image-link\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-content\/uploads\/2025\/12\/The-Obsidian-Helix-796x1024.png\" alt=\"The Obsidian Helix\" \/><\/a><figcaption class=\"demo3-caption\"><h3>The Obsidian Helix<\/h3><p>Eco-Friendly, Futuristic, Latest Architecture<\/p><\/figcaption><\/figure><figure class=\"property-card demo3-card\" role=\"listitem\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/projects\/villa-de-lumiere\/\" class=\"demo3-image-link\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-content\/uploads\/2025\/12\/Villa-de-Lumiere-2-796x1024.jpg\" alt=\"Villa de Lumi\u00e8re\" \/><\/a><figcaption class=\"demo3-caption\"><h3>Villa de Lumi\u00e8re<\/h3><p>Minimalist, Modern Architecture, Residential<\/p><\/figcaption><\/figure>        <style>\r\n        .goarch-portfolio-grid {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n        }\r\n\r\n        .goarch-portfolio-grid > * {\r\n            flex: 0 0 calc(50% - 10px); \/* 2 columns *\/\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* \u2500\u2500 Demo 1 Styles \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n        .goarch-portfolio-grid.goarch-demo-demo1 {\r\n            flex-direction: row;\r\n            flex-wrap: wrap;\r\n            gap: 24px;\r\n        }\r\n\r\n        .goarch-portfolio-grid.goarch-demo-demo1 > * {\r\n            flex: 0 0 100%;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .goarch-portfolio-grid.goarch-demo-demo1 > * {\r\n                flex: 0 0 calc(50% - 12px);\r\n                width: calc(50% - 12px);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .goarch-portfolio-grid.goarch-demo-demo1 > * {\r\n                flex: 0 0 100%;\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        .property-card.demo-1 {\r\n            background-color: #d5d0bb;\r\n            border-radius: 1.5rem;\r\n            padding: 1.25rem;\r\n            box-shadow: none;\r\n        }\r\n\r\n        .demo-1 .card-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: baseline;\r\n            margin-bottom: 1rem;\r\n            padding: 0 0.25rem;\r\n        }\r\n\r\n        .demo-1 .card-header h3 {\r\n            margin: 0;\r\n            font-size: 1rem;\r\n            font-weight: 700;\r\n            color: #1a3d30;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .demo-1 .demo1-title-link {\r\n            color: inherit;\r\n            text-decoration: none;\r\n            transition: opacity 0.2s ease;\r\n        }\r\n\r\n        .demo-1 .demo1-title-link:hover {\r\n            opacity: 0.7;\r\n        }\r\n\r\n        .demo-1 .card-header span {\r\n            font-size: 1rem;\r\n            font-weight: 700;\r\n            color: #1a3d30;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n            white-space: nowrap;\r\n            margin-left: 1rem;\r\n        }\r\n\r\n        .demo-1 .images-container {\r\n            display: flex;\r\n            gap: 10px;\r\n            min-height: 360px;\r\n        }\r\n\r\n        \/* Main image \u2014 left, ~57% width *\/\r\n        .demo-1 .main-image {\r\n            flex: 0 0 57%;\r\n            border-radius: 14px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        .demo-1 .main-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .demo-1 .main-image:hover img {\r\n            transform: scale(1.04);\r\n        }\r\n\r\n        \/* Side images \u2014 right column, stacked, ~43% width *\/\r\n        .demo-1 .side-images {\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n        }\r\n\r\n        .demo-1 .side-image {\r\n            flex: 1;\r\n            border-radius: 14px;\r\n            overflow: hidden;\r\n            position: relative;\r\n            min-height: 0;\r\n        }\r\n\r\n        .demo-1 .side-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .demo-1 .side-image:hover img {\r\n            transform: scale(1.04);\r\n        }\r\n\r\n        \/* OPEN ALBUM \u2014 amber pill, centered on second side image *\/\r\n        .demo-1 .open-album-btn {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.45rem;\r\n            background-color: #D4A843;\r\n            color: #1a3d30;\r\n            font-size: 0.72rem;\r\n            font-weight: 800;\r\n            letter-spacing: 0.08em;\r\n            text-transform: uppercase;\r\n            text-decoration: none;\r\n            padding: 0.55rem 1.1rem;\r\n            border-radius: 2rem;\r\n            white-space: nowrap;\r\n            z-index: 2;\r\n            transition: background-color 0.2s ease, transform 0.2s ease;\r\n        }\r\n\r\n        .demo-1 .open-album-btn:hover {\r\n            background-color: #bf9330;\r\n            transform: translate(-50%, -52%);\r\n        }\r\n\r\n        .demo-1 .open-album-arrow {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* Demo 2 Styles - Minimal Grid Design *\/\r\n        .goarch-demo-demo2 .goarch-portfolio-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px;\r\n        }\r\n\r\n        .demo-2 .property-card {\r\n            background: transparent;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .demo-2 .property-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .demo-2 .demo2-image-container {\r\n            position: relative;\r\n            height: 300px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .demo-2 .demo2-image-container img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .demo-2 .property-card:hover .demo2-image-container img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .demo-2 .demo2-title-overlay {\r\n            position: absolute;\r\n            top: 17px;\r\n            left: 17px;\r\n            right: 0;\r\n            color: white;\r\n            padding: 15px 20px;\r\n            background-color: unset !important;\r\n        }\r\n\r\n        .demo-2 .demo2-title {\r\n            margin: 0;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: inherit;\r\n            display: inline-block;\r\n            background: #DB9B41;\r\n            padding: 10px;\r\n        }\r\n\r\n        .demo-2 .demo2-project-link {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            background: rgba(255, 255, 255, 0.9);\r\n            color: #333;\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-decoration: none;\r\n            opacity: 0;\r\n            transform: translateY(-10px);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .demo-2 .property-card:hover .demo2-project-link {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .demo-2 .demo2-content {\r\n            position: absolute;\r\n            top: 55px;\r\n        }\r\n\r\n        .demo-2 .demo2-tags {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 8px;\r\n        }\r\n\r\n        .demo-2 .demo2-tag {\r\n            border-radius: 20px;\r\n            font-size: 0.875rem;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .demo2-title a\r\n        {\r\n        color: #000;\r\n        }\r\n\r\n        \/* Demo 3 Styles - Masonry Gallery *\/\r\n        .goarch-demo-demo3 {\r\n            background: var(--demo3-bg, #000);\r\n            color: var(--demo3-text, #ffffff);\r\n            padding: 24px;\r\n        }\r\n\r\n        .goarch-demo-demo3 .goarch-portfolio-grid {\r\n            column-gap: 0px;\r\n            display: block;\r\n        }\r\n\r\n        \/* 1 column on small screens, dynamic columns from settings *\/\r\n        @media (min-width: 768px) {\r\n            .goarch-demo-demo3 .goarch-portfolio-grid { \r\n                column-count: 2; \r\n            }\r\n        }\r\n\r\n        .demo3-card {\r\n            position: relative;\r\n            margin: 0 0 0px;\r\n            break-inside: avoid;\r\n            border-radius: var(--radius, 10px);\r\n            overflow: hidden;\r\n            background: var(--demo3-card-bg, #111);\r\n            box-shadow: 0 0 0 1px rgba(255,255,255,0.06) inset;\r\n        }\r\n\r\n        .demo3-card img {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n            object-fit: cover;\r\n            transform: translateZ(0);\r\n            transition: transform .35s ease;\r\n        }\r\n\r\n        .demo3-card:hover img { \r\n            transform: scale(1.02); \r\n        }\r\n\r\n        .demo3-caption {\r\n            position: absolute;\r\n            right: 16px;\r\n            bottom: 16px;\r\n            text-align: right;\r\n            color: var(--demo3-text, #ffffff);\r\n            text-shadow: 0 1px 2px rgba(0,0,0,.6);\r\n        }\r\n\r\n        .demo3-caption h3 {\r\n            margin: 0;\r\n            font-size: clamp(16px, 2vw, 22px);\r\n            font-weight: 800;\r\n            letter-spacing: 0.2px;\r\n        }\r\n\r\n        .demo3-caption p {\r\n            margin: 2px 0 0;\r\n            font-size: 12px;\r\n            color: var(--demo3-muted, #c9c9c9);\r\n        }\r\n\r\n        \/* Ensure overlay text is readable on any image edge *\/\r\n        .demo3-caption::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: -8px -12px -8px -12px;\r\n            border-radius: 8px;\r\n            background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.35) 100%);\r\n            z-index: -1;\r\n            transform: translateY(8px);\r\n            pointer-events: none;\r\n            filter: blur(0.5px);\r\n        }\r\n\r\n        .demo3-image-link {\r\n            display: block;\r\n            text-decoration: none;\r\n            color: inherit;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .goarch-demo-demo2 .goarch-portfolio-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .goarch-demo-demo1 .goarch-portfolio-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .goarch-demo-demo2 .goarch-portfolio-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .goarch-demo-demo3 .goarch-portfolio-grid {\r\n                column-count: 1;\r\n            }\r\n            \r\n            .demo-1 .images-container {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .demo-2 .demo2-image-container {\r\n                height: 250px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .demo-2 .demo2-image-container {\r\n                height: 200px;\r\n            }\r\n            \r\n            .demo-2 .demo2-content {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .demo-2 .demo2-title {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .goarch-demo-demo3 {\r\n                padding: 16px;\r\n            }\r\n        }\r\n        <\/style>\r\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6931ae9 e-flex e-con-boxed e-con e-parent\" data-id=\"6931ae9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Projects View all Project Home Blogs Projects Gallery Service Team Contact Zenith Sky-Bridge Complex Futuristic, Latest Architecture, Mega-Structures The Victorian Sovereign Manor Classic Architecture, Residential Lumina Corporate HQ Commercial, Modern Architecture, Tech Spaces Eco-Pod Canopy Residences Eco-Friendly, Latest Architecture, Residential The Gothic Whispers Library Classic Architecture, Institutional, Public Space Haus Minimal Minimalist, Modern Architecture Aqua-Verve [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-267","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-json\/wp\/v2\/pages\/267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-json\/wp\/v2\/comments?post=267"}],"version-history":[{"count":176,"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-json\/wp\/v2\/pages\/267\/revisions"}],"predecessor-version":[{"id":1690,"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-json\/wp\/v2\/pages\/267\/revisions\/1690"}],"wp:attachment":[{"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-2\/wp-json\/wp\/v2\/media?parent=267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}