

{"id":272,"date":"2025-09-23T04:18:35","date_gmt":"2025-09-23T04:18:35","guid":{"rendered":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/?page_id=272"},"modified":"2026-06-21T12:56:25","modified_gmt":"2026-06-21T12:56:25","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"272\" class=\"elementor elementor-272\">\n\t\t\t\t<div class=\"elementor-element elementor-element-038edb8 e-con-full e-flex e-con e-parent\" data-id=\"038edb8\" 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-084aa8b elementor-widget elementor-widget-goarch_empty_space\" data-id=\"084aa8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"goarch_empty_space.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"goarch-empty-space\" aria-hidden=\"true\"><\/div>\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-18a23104 e-flex e-con-boxed e-con e-parent\" data-id=\"18a23104\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8e9aac e-con-full e-flex e-con e-child\" data-id=\"8e9aac\" 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-430c5916 elementor-widget elementor-widget-heading\" data-id=\"430c5916\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Portfolio<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1aa71bc1 elementor-widget__width-auto elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1aa71bc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f004f8b elementor-widget elementor-widget-heading\" data-id=\"5f004f8b\" 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 All Portfolio<\/h2>\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-378b5a9c e-flex e-con-boxed e-con e-parent\" data-id=\"378b5a9c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5fe8cc5f e-con-full e-flex e-con e-child\" data-id=\"5fe8cc5f\" 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-2b28851 elementor-widget elementor-widget-goarch_portfolio\" data-id=\"2b28851\" 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-demo2\" data-columns=\"2\"><div class=\"property-card demo-2\"><div class=\"demo2-image-container\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-content\/uploads\/2026\/05\/Zenith-Sky-Bridge-796x1024.png\" alt=\"Zenith Sky-Bridge\"><div class=\"demo2-title-overlay\" style=\"background-color: #DB9B41\"><h3 class=\"demo2-title\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/zenith-sky-bridge\/\">Zenith Sky-Bridge<\/a><\/h3><div class=\"demo2-content\"><div class=\"demo2-tags\"><span class=\"demo2-tag\">Futuristic<\/span><span class=\"demo2-tag\">Latest Architecture<\/span><span class=\"demo2-tag\">Mega-Structures<\/span><\/div><\/div><\/div><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/zenith-sky-bridge\/\" class=\"demo2-project-link\" target=\"_blank\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg><\/a><\/div><\/div><div class=\"property-card demo-2\"><div class=\"demo2-image-container\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-content\/uploads\/2026\/05\/Victorian-Sovereign-Manor-796x1024.jpg\" alt=\"The Victorian Sovereign\"><div class=\"demo2-title-overlay\" style=\"background-color: #DB9B41\"><h3 class=\"demo2-title\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/the-victorian-sovereign\/\">The Victorian Sovereign<\/a><\/h3><div class=\"demo2-content\"><div class=\"demo2-tags\"><span class=\"demo2-tag\">Classic Architecture<\/span><span class=\"demo2-tag\">Residential<\/span><\/div><\/div><\/div><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/the-victorian-sovereign\/\" class=\"demo2-project-link\" target=\"_blank\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg><\/a><\/div><\/div><div class=\"property-card demo-2\"><div class=\"demo2-image-container\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-content\/uploads\/2026\/05\/Lumina-Corporate-HQ-796x1024.jpg\" alt=\"Lumina Corporate HQ\"><div class=\"demo2-title-overlay\" style=\"background-color: #DB9B41\"><h3 class=\"demo2-title\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/lumina-corporate-hq\/\">Lumina Corporate HQ<\/a><\/h3><div class=\"demo2-content\"><div class=\"demo2-tags\"><span class=\"demo2-tag\">Commercial<\/span><span class=\"demo2-tag\">Modern Architecture<\/span><span class=\"demo2-tag\">Tech Spaces<\/span><\/div><\/div><\/div><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/lumina-corporate-hq\/\" class=\"demo2-project-link\" target=\"_blank\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg><\/a><\/div><\/div><div class=\"property-card demo-2\"><div class=\"demo2-image-container\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-content\/uploads\/2026\/05\/Canopy-Residences-796x1024.jpg\" alt=\"Eco-Pod Canopy\"><div class=\"demo2-title-overlay\" style=\"background-color: #DB9B41\"><h3 class=\"demo2-title\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/eco-pod-canopy\/\">Eco-Pod Canopy<\/a><\/h3><div class=\"demo2-content\"><div class=\"demo2-tags\"><span class=\"demo2-tag\">Eco-Friendly<\/span><span class=\"demo2-tag\">Latest Architecture<\/span><span class=\"demo2-tag\">Residential<\/span><\/div><\/div><\/div><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/eco-pod-canopy\/\" class=\"demo2-project-link\" target=\"_blank\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg><\/a><\/div><\/div><div class=\"property-card demo-2\"><div class=\"demo2-image-container\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-content\/uploads\/2026\/05\/Gothic-Whispers-Library-796x1024.jpg\" alt=\"The Gothic Library\"><div class=\"demo2-title-overlay\" style=\"background-color: #DB9B41\"><h3 class=\"demo2-title\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/the-gothic-library\/\">The Gothic Library<\/a><\/h3><div class=\"demo2-content\"><div class=\"demo2-tags\"><span class=\"demo2-tag\">Classic Architecture<\/span><span class=\"demo2-tag\">Institutional<\/span><span class=\"demo2-tag\">Public Space<\/span><\/div><\/div><\/div><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/the-gothic-library\/\" class=\"demo2-project-link\" target=\"_blank\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg><\/a><\/div><\/div><div class=\"property-card demo-2\"><div class=\"demo2-image-container\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-content\/uploads\/2026\/05\/Haus-Minimal-796x1024.jpg\" alt=\"Haus Minimal\"><div class=\"demo2-title-overlay\" style=\"background-color: #DB9B41\"><h3 class=\"demo2-title\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/haus-minimal\/\">Haus Minimal<\/a><\/h3><div class=\"demo2-content\"><div class=\"demo2-tags\"><span class=\"demo2-tag\">Minimalist<\/span><span class=\"demo2-tag\">Modern Architecture<\/span><\/div><\/div><\/div><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/haus-minimal\/\" class=\"demo2-project-link\" target=\"_blank\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg><\/a><\/div><\/div><div class=\"property-card demo-2\"><div class=\"demo2-image-container\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-content\/uploads\/2026\/05\/Verve-Pavilions-796x1024.jpg\" alt=\"Aqua-Verve Pavilions\"><div class=\"demo2-title-overlay\" style=\"background-color: #DB9B41\"><h3 class=\"demo2-title\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/aqua-verve-pavilions\/\">Aqua-Verve Pavilions<\/a><\/h3><div class=\"demo2-content\"><div class=\"demo2-tags\"><span class=\"demo2-tag\">Biophilic Design<\/span><span class=\"demo2-tag\">Commercial<\/span><span class=\"demo2-tag\">Latest Architecture<\/span><\/div><\/div><\/div><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/aqua-verve-pavilions\/\" class=\"demo2-project-link\" target=\"_blank\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg><\/a><\/div><\/div><div class=\"property-card demo-2\"><div class=\"demo2-image-container\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-content\/uploads\/2026\/05\/The-Corinthian-Heritage-796x1024.jpg\" alt=\"The Corinthian Heritage Estate\"><div class=\"demo2-title-overlay\" style=\"background-color: #DB9B41\"><h3 class=\"demo2-title\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/the-corinthian-heritage-estate\/\">The Corinthian Heritage Estate<\/a><\/h3><div class=\"demo2-content\"><div class=\"demo2-tags\"><span class=\"demo2-tag\">Classic Architecture<\/span><span class=\"demo2-tag\">Luxury<\/span><span class=\"demo2-tag\">Residential<\/span><\/div><\/div><\/div><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/the-corinthian-heritage-estate\/\" class=\"demo2-project-link\" target=\"_blank\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg><\/a><\/div><\/div><div class=\"property-card demo-2\"><div class=\"demo2-image-container\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-content\/uploads\/2025\/12\/The-Obsidian-Helix-796x1024.png\" alt=\"The Obsidian Helix\"><div class=\"demo2-title-overlay\" style=\"background-color: #DB9B41\"><h3 class=\"demo2-title\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/the-obsidian-helix\/\">The Obsidian Helix<\/a><\/h3><div class=\"demo2-content\"><div class=\"demo2-tags\"><span class=\"demo2-tag\">Eco-Friendly<\/span><span class=\"demo2-tag\">Futuristic<\/span><span class=\"demo2-tag\">Latest Architecture<\/span><\/div><\/div><\/div><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/the-obsidian-helix\/\" class=\"demo2-project-link\" target=\"_blank\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg><\/a><\/div><\/div><div class=\"property-card demo-2\"><div class=\"demo2-image-container\"><img decoding=\"async\" src=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-content\/uploads\/2025\/12\/Villa-de-Lumiere-2-796x1024.jpg\" alt=\"Villa de Lumi\u00e8re\"><div class=\"demo2-title-overlay\" style=\"background-color: #DB9B41\"><h3 class=\"demo2-title\"><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/villa-de-lumiere\/\">Villa de Lumi\u00e8re<\/a><\/h3><div class=\"demo2-content\"><div class=\"demo2-tags\"><span class=\"demo2-tag\">Minimalist<\/span><span class=\"demo2-tag\">Modern Architecture<\/span><span class=\"demo2-tag\">Residential<\/span><\/div><\/div><\/div><a href=\"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/projects\/villa-de-lumiere\/\" class=\"demo2-project-link\" target=\"_blank\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line><\/svg><\/a><\/div><\/div>        <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: 48px;\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 48px;\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portfolio View All Portfolio Zenith Sky-Bridge FuturisticLatest ArchitectureMega-Structures The Victorian Sovereign Classic ArchitectureResidential Lumina Corporate HQ CommercialModern ArchitectureTech Spaces Eco-Pod Canopy Eco-FriendlyLatest ArchitectureResidential The Gothic Library Classic ArchitectureInstitutionalPublic Space Haus Minimal MinimalistModern Architecture Aqua-Verve Pavilions Biophilic DesignCommercialLatest Architecture The Corinthian Heritage Estate Classic ArchitectureLuxuryResidential The Obsidian Helix Eco-FriendlyFuturisticLatest Architecture Villa de Lumi\u00e8re MinimalistModern ArchitectureResidential<\/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-272","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-json\/wp\/v2\/pages\/272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-json\/wp\/v2\/comments?post=272"}],"version-history":[{"count":175,"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-json\/wp\/v2\/pages\/272\/revisions"}],"predecessor-version":[{"id":1703,"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-json\/wp\/v2\/pages\/272\/revisions\/1703"}],"wp:attachment":[{"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-1\/wp-json\/wp\/v2\/media?parent=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}