{"id":17,"date":"2026-03-10T08:30:08","date_gmt":"2026-03-10T08:30:08","guid":{"rendered":"https:\/\/vip.sospix.com\/?page_id=17"},"modified":"2026-03-10T22:42:05","modified_gmt":"2026-03-10T22:42:05","slug":"vip-media-library","status":"publish","type":"page","link":"https:\/\/vip.sospix.com\/en\/vip-media-library\/","title":{"rendered":"VIP Media Library"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f4e9d9 e-flex e-con-boxed e-con e-parent\" data-id=\"4f4e9d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5075ea elementor-widget elementor-widget-shortcode\" data-id=\"a5075ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        .sospix-service-btn {\n            transition: all .2s ease;\n        }\n\n        .sospix-service-btn:hover {\n            background: #f1d411 !important;\n            color: #111 !important;\n            border-color: #f1d411 !important;\n        }\n\n        .sospix-service-btn .sospix-service-icon {\n            color: #f1d411 !important;\n            transition: color .2s ease;\n        }\n\n        .sospix-service-btn:hover .sospix-service-icon {\n            color: #111 !important;\n        }\n\n        .sospix-vip-library {\n            max-width: 1600px;\n            margin: 0 auto;\n            padding: 30px 20px 60px;\n        }\n\n        .sospix-vip-hero {\n            margin-bottom: 28px;\n            padding: 18px 22px;\n            border-radius: 20px;\n            background: linear-gradient(135deg, #111 0%, #2a2a2a 100%);\n            box-shadow: 0 14px 40px rgba(0,0,0,0.18);\n            color: #fff;\n        }\n\n        .sospix-vip-hero-row {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            gap: 16px;\n            flex-wrap: wrap;\n        }\n\n        .sospix-vip-hero-left {\n            flex: 1 1 700px;\n            min-width: 280px;\n        }\n\n        .sospix-vip-title {\n            font-size: clamp(30px, 4vw, 42px);\n            line-height: 1.08;\n            margin: 0 0 8px 0;\n            color: #fff !important;\n            font-weight: 700;\n            letter-spacing: -0.02em;\n        }\n\n        .sospix-vip-subtitle {\n            font-size: 16px;\n            line-height: 1.45;\n            opacity: .9;\n            margin-bottom: 14px;\n            max-width: 820px;\n            color: #fff !important;\n        }\n\n        .sospix-vip-meta {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n        }\n\n        .sospix-vip-pill {\n            display: inline-flex;\n            align-items: center;\n            padding: 8px 12px;\n            border-radius: 999px;\n            background: rgba(255,255,255,0.10);\n            font-size: 13px;\n            color: #fff;\n        }\n\n        .sospix-vip-hero-right {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .sospix-vip-toolbar {\n            display: grid;\n            grid-template-columns: minmax(280px, 1fr) auto;\n            gap: 12px;\n            width: 100%;\n            margin-top: 18px;\n            align-items: center;\n        }\n\n        .sospix-vip-search,\n        input.sospix-vip-search,\n        input[type=\"text\"].sospix-vip-search {\n            width: 100% !important;\n            height: 48px !important;\n            padding: 0 16px !important;\n            border-radius: 12px !important;\n            border: 1px solid rgba(255,255,255,0.14) !important;\n            background: rgba(255,255,255,0.12) !important;\n            background-color: rgba(255,255,255,0.12) !important;\n            color: #fff !important;\n            -webkit-text-fill-color: #fff !important;\n            font-size: 14px !important;\n            outline: none !important;\n            box-sizing: border-box !important;\n            box-shadow: none !important;\n            appearance: none !important;\n            -webkit-appearance: none !important;\n            caret-color: #fff !important;\n        }\n\n        .sospix-vip-search::placeholder {\n            color: rgba(255,255,255,0.68) !important;\n            opacity: 1 !important;\n        }\n\n        .sospix-vip-search:hover,\n        .sospix-vip-search:focus,\n        .sospix-vip-search:active {\n            border-color: rgba(241,212,17,0.9) !important;\n            background: rgba(255,255,255,0.16) !important;\n            background-color: rgba(255,255,255,0.16) !important;\n            color: #fff !important;\n            -webkit-text-fill-color: #fff !important;\n            box-shadow: none !important;\n            outline: none !important;\n        }\n\n        .sospix-vip-filter-row {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            margin: 18px 0 0 0;\n        }\n\n        .sospix-vip-filter {\n            appearance: none;\n            border: 1px solid rgba(255,255,255,0.14);\n            background: rgba(255,255,255,0.10);\n            color: #fff;\n            padding: 10px 14px;\n            border-radius: 999px;\n            font-size: 13px;\n            cursor: pointer;\n            transition: all .2s ease;\n        }\n\n        .sospix-vip-filter:hover,\n        .sospix-vip-filter.is-active {\n            background: #f1d411;\n            color: #111;\n            border-color: #f1d411;\n        }\n\n        .sospix-vip-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n            gap: 26px;\n        }\n\n        .sospix-vip-card {\n            position: relative;\n            overflow: hidden;\n            border-radius: 20px;\n            background: #111;\n            min-height: 420px;\n            box-shadow: 0 12px 34px rgba(0,0,0,0.26);\n            transition: transform 0.45s ease, box-shadow 0.45s ease, opacity 0.25s ease;\n        }\n\n        .sospix-vip-card:hover {\n            transform: translateY(-8px) scale(1.015);\n            box-shadow: 0 24px 54px rgba(0,0,0,0.4);\n        }\n\n        .sospix-vip-card.is-hidden {\n            display: none !important;\n        }\n\n        .sospix-vip-link {\n            display: block;\n            width: 100%;\n            height: 100%;\n            color: inherit;\n            text-decoration: none;\n        }\n\n        .sospix-vip-media {\n            position: absolute;\n            inset: 0;\n            overflow: hidden;\n        }\n\n        .sospix-vip-media img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            transition: transform 1.15s ease;\n        }\n\n        .sospix-vip-card:hover .sospix-vip-media img {\n            transform: scale(1.08);\n        }\n\n        .sospix-vip-placeholder {\n            position: absolute;\n            inset: 0;\n            background:\n                radial-gradient(circle at top right, rgba(241,212,17,0.08), transparent 28%),\n                linear-gradient(135deg, #2a2a2a 0%, #3d3d3d 45%, #1c1c1c 100%);\n        }\n\n        .sospix-vip-overlay {\n            position: absolute;\n            inset: 0;\n            background:\n                linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.52) 35%, rgba(0,0,0,0.10) 68%, rgba(0,0,0,0.18) 100%);\n            z-index: 1;\n        }\n\n        .sospix-vip-shine {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(115deg, transparent 25%, rgba(255,255,255,0.12) 48%, transparent 70%);\n            transform: translateX(-130%);\n            transition: transform 0.95s ease;\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        .sospix-vip-card:hover .sospix-vip-shine {\n            transform: translateX(130%);\n        }\n\n        .sospix-vip-top {\n            position: absolute;\n            top: 18px;\n            right: 18px;\n            z-index: 3;\n        }\n\n        .sospix-vip-arrow {\n            width: 46px;\n            height: 46px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: rgba(255,255,255,0.14);\n            color: #fff;\n            backdrop-filter: blur(10px);\n            -webkit-backdrop-filter: blur(10px);\n            transition: transform 0.3s ease, background 0.3s ease;\n        }\n\n        .sospix-vip-card:hover .sospix-vip-arrow {\n            transform: translateX(3px);\n            background: rgba(255,255,255,0.20);\n        }\n\n        .sospix-vip-content {\n            position: absolute;\n            left: 22px;\n            right: 22px;\n            bottom: 22px;\n            z-index: 3;\n        }\n\n        .sospix-vip-location {\n            display: inline-block;\n            margin-bottom: 12px;\n            padding: 7px 12px;\n            border-radius: 999px;\n            font-size: 11px;\n            font-weight: 600;\n            letter-spacing: 0.12em;\n            text-transform: uppercase;\n            color: #fff !important;\n            background: rgba(255,255,255,0.14);\n            backdrop-filter: blur(10px);\n            -webkit-backdrop-filter: blur(10px);\n        }\n\n        .sospix-vip-card-title {\n            margin: 0;\n            font-size: clamp(22px, 2vw, 30px);\n            line-height: 1.12;\n            font-weight: 700;\n            color: #fff !important;\n            text-shadow: 0 3px 12px rgba(0,0,0,0.35);\n        }\n\n        .sospix-vip-card-subtitle {\n            margin-top: 8px;\n            font-size: 14px;\n            color: rgba(255,255,255,0.84);\n        }\n\n        .sospix-vip-card-meta {\n            margin-top: 10px;\n            font-size: 13px;\n            color: rgba(255,255,255,0.78);\n        }\n\n        .sospix-vip-empty {\n            margin-top: 0;\n            max-width: 900px;\n            padding: 40px 24px;\n            text-align: center;\n            border-radius: 18px;\n            background: rgba(255,255,255,0.05);\n            color: #fff;\n        }\n\n        .sospix-vip-empty h3 {\n            margin: 0 0 10px;\n            color: #fff;\n        }\n\n        .sospix-vip-no-results {\n            display: none;\n            margin-top: 26px;\n            max-width: 900px;\n            padding: 40px 24px;\n            text-align: center;\n            border-radius: 18px;\n            background: rgba(255,255,255,0.05);\n            color: #fff;\n        }\n\n        .sospix-vip-no-results h3 {\n            margin: 0 0 10px;\n            color: #fff;\n        }\n\n        @media (max-width: 900px) {\n            .sospix-vip-toolbar {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 767px) {\n            .sospix-vip-library {\n                padding: 20px 14px 40px;\n            }\n\n            .sospix-vip-hero {\n                padding: 16px;\n                border-radius: 18px;\n            }\n\n            .sospix-vip-grid {\n                gap: 18px;\n            }\n\n            .sospix-vip-card {\n                min-height: 340px;\n                border-radius: 16px;\n            }\n\n            .sospix-vip-content {\n                left: 16px;\n                right: 16px;\n                bottom: 16px;\n            }\n\n            .sospix-vip-top {\n                top: 14px;\n                right: 14px;\n            }\n\n            .sospix-vip-arrow {\n                width: 40px;\n                height: 40px;\n            }\n        }\n    <\/style>\n\n    <div class=\"sospix-vip-library\" id=\"sospix-vip-library\">\n\n        <div class=\"sospix-vip-hero\">\n            <div class=\"sospix-vip-hero-row\">\n                <div class=\"sospix-vip-hero-left\">\n                    <h1 class=\"sospix-vip-title\">VIP Media Library<\/h1>\n                    <div class=\"sospix-vip-subtitle\">\n                        Premium Monaco real estate visuals, reusable content collections, drone footage, panoramas and marketing assets.\n                    <\/div>\n\n                    <div class=\"sospix-vip-meta\">\n                        <span class=\"sospix-vip-pill\">Collections: <span id=\"sospix-vip-count-value\">5<\/span><\/span>\n                        <span class=\"sospix-vip-pill\">Private Media Vault<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sospix-vip-hero-right\">\n                    <a\n                        href=\"https:\/\/vip.sospix.com\/request-a-service\/\"\n                        class=\"sospix-service-btn\"\n                        style=\"display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,0.12);color:#fff;border:1px solid rgba(255,255,255,0.14);cursor:pointer;font-size:14px;white-space:nowrap;text-decoration:none;\"\n                    >\n                        <span class=\"sospix-service-icon\" style=\"font-size:16px;line-height:1;\">+<\/span><span>New Service<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n                            <div class=\"sospix-vip-toolbar\">\n                    <input\n                        type=\"text\"\n                        id=\"sospix-vip-search\"\n                        class=\"sospix-vip-search\"\n                        placeholder=\"Search by title, location, subtitle or category...\"\n                        autocomplete=\"off\"\n                        spellcheck=\"false\"\n                    >\n                <\/div>\n\n                <div class=\"sospix-vip-filter-row\" id=\"sospix-vip-filter-row\">\n                    <button type=\"button\" class=\"sospix-vip-filter is-active\" data-filter=\"all\">All<\/button>\n                    <button type=\"button\" class=\"sospix-vip-filter\" data-filter=\"360-panoramas\">360 Panoramas<\/button><button type=\"button\" class=\"sospix-vip-filter\" data-filter=\"buildings\">Buildings<\/button><button type=\"button\" class=\"sospix-vip-filter\" data-filter=\"drone\">Drone<\/button><button type=\"button\" class=\"sospix-vip-filter\" data-filter=\"lifestyle\">Lifestyle<\/button><button type=\"button\" class=\"sospix-vip-filter\" data-filter=\"neighborhoods\">Neighborhoods<\/button>                <\/div>\n                    <\/div>\n\n        \n            <div class=\"sospix-vip-grid\" id=\"sospix-vip-grid\">\n                                    <div\n                        class=\"sospix-vip-card\"\n                        data-title=\"port hercule panorama\"\n                        data-location=\"port hercule\"\n                        data-subtitle=\"360 panorama\"\n                        data-search=\"port hercule panorama port hercule 360 panorama 360 panoramas\"\n                        data-date=\"1773181163\"\n                        data-category=\"360-panoramas\"\n                    >\n                        <a class=\"sospix-vip-link\" href=\"https:\/\/vip.sospix.com\/en\/vip_media\/port-hercule-panorama\/\">\n                            <div class=\"sospix-vip-media\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/maxresdefault-1024x576.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"Port Hercule Panorama\" loading=\"lazy\" srcset=\"https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/maxresdefault-1024x576.jpg 1024w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/maxresdefault-300x169.jpg 300w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/maxresdefault-768x432.jpg 768w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/maxresdefault.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n\n                            <div class=\"sospix-vip-overlay\"><\/div>\n                            <div class=\"sospix-vip-shine\"><\/div>\n\n                            <div class=\"sospix-vip-top\">\n                                <div class=\"sospix-vip-arrow\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                        <path d=\"M5 12H19M19 12L12.5 5.5M19 12L12.5 18.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"sospix-vip-content\">\n                                                                    <div class=\"sospix-vip-location\">Port Hercule<\/div>\n                                \n                                <h3 class=\"sospix-vip-card-title\">Port Hercule Panorama<\/h3>\n\n                                                                    <div class=\"sospix-vip-card-subtitle\">360 panorama<\/div>\n                                \n                                                                    <div class=\"sospix-vip-card-meta\">11 Photos<\/div>\n                                                            <\/div>\n                        <\/a>\n                    <\/div>\n                                        <div\n                        class=\"sospix-vip-card\"\n                        data-title=\"casino square lifestyle\"\n                        data-location=\"casino square\"\n                        data-subtitle=\"lifestyle scene\"\n                        data-search=\"casino square lifestyle casino square lifestyle scene lifestyle\"\n                        data-date=\"1773181112\"\n                        data-category=\"lifestyle\"\n                    >\n                        <a class=\"sospix-vip-link\" href=\"https:\/\/vip.sospix.com\/en\/vip_media\/casino-square-lifestyle\/\">\n                            <div class=\"sospix-vip-media\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"639\" src=\"https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/01-2_compressed_50-1024x639.webp\" class=\"attachment-large size-large wp-post-image\" alt=\"Casino Square Lifestyle\" loading=\"lazy\" srcset=\"https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/01-2_compressed_50-1024x639.webp 1024w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/01-2_compressed_50-300x187.webp 300w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/01-2_compressed_50-768x480.webp 768w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/01-2_compressed_50.webp 1241w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n\n                            <div class=\"sospix-vip-overlay\"><\/div>\n                            <div class=\"sospix-vip-shine\"><\/div>\n\n                            <div class=\"sospix-vip-top\">\n                                <div class=\"sospix-vip-arrow\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                        <path d=\"M5 12H19M19 12L12.5 5.5M19 12L12.5 18.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"sospix-vip-content\">\n                                                                    <div class=\"sospix-vip-location\">Casino Square<\/div>\n                                \n                                <h3 class=\"sospix-vip-card-title\">Casino Square Lifestyle<\/h3>\n\n                                                                    <div class=\"sospix-vip-card-subtitle\">Lifestyle scene<\/div>\n                                \n                                                                    <div class=\"sospix-vip-card-meta\">1 Photo<\/div>\n                                                            <\/div>\n                        <\/a>\n                    <\/div>\n                                        <div\n                        class=\"sospix-vip-card\"\n                        data-title=\"monaco harbor drone\"\n                        data-location=\"port hercule\"\n                        data-subtitle=\"aerial footage\"\n                        data-search=\"monaco harbor drone port hercule aerial footage drone\"\n                        data-date=\"1773181028\"\n                        data-category=\"drone\"\n                    >\n                        <a class=\"sospix-vip-link\" href=\"https:\/\/vip.sospix.com\/en\/vip_media\/monaco-harbor-drone\/\">\n                            <div class=\"sospix-vip-media\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"639\" src=\"https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_7apszo7apszo7aps_compressed_50-1024x639.webp\" class=\"attachment-large size-large wp-post-image\" alt=\"Monaco Harbor Drone\" loading=\"lazy\" srcset=\"https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_7apszo7apszo7aps_compressed_50-1024x639.webp 1024w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_7apszo7apszo7aps_compressed_50-300x187.webp 300w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_7apszo7apszo7aps_compressed_50-768x480.webp 768w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_7apszo7apszo7aps_compressed_50.webp 1241w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n\n                            <div class=\"sospix-vip-overlay\"><\/div>\n                            <div class=\"sospix-vip-shine\"><\/div>\n\n                            <div class=\"sospix-vip-top\">\n                                <div class=\"sospix-vip-arrow\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                        <path d=\"M5 12H19M19 12L12.5 5.5M19 12L12.5 18.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"sospix-vip-content\">\n                                                                    <div class=\"sospix-vip-location\">Port Hercule<\/div>\n                                \n                                <h3 class=\"sospix-vip-card-title\">Monaco Harbor Drone<\/h3>\n\n                                                                    <div class=\"sospix-vip-card-subtitle\">Aerial Footage<\/div>\n                                \n                                                            <\/div>\n                        <\/a>\n                    <\/div>\n                                        <div\n                        class=\"sospix-vip-card\"\n                        data-title=\"larvotto neighborhood\"\n                        data-location=\"larvotto\"\n                        data-subtitle=\"neighborhood views\"\n                        data-search=\"larvotto neighborhood larvotto neighborhood views neighborhoods\"\n                        data-date=\"1773180471\"\n                        data-category=\"neighborhoods\"\n                    >\n                        <a class=\"sospix-vip-link\" href=\"https:\/\/vip.sospix.com\/en\/vip_media\/larvotto-neighborhood\/\">\n                            <div class=\"sospix-vip-media\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"639\" src=\"https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_3o9zwm3o9zwm3o9z_compressed_50-1024x639.webp\" class=\"attachment-large size-large wp-post-image\" alt=\"Larvotto Neighborhood\" loading=\"lazy\" srcset=\"https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_3o9zwm3o9zwm3o9z_compressed_50-1024x639.webp 1024w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_3o9zwm3o9zwm3o9z_compressed_50-300x187.webp 300w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_3o9zwm3o9zwm3o9z_compressed_50-768x480.webp 768w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_3o9zwm3o9zwm3o9z_compressed_50.webp 1241w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n\n                            <div class=\"sospix-vip-overlay\"><\/div>\n                            <div class=\"sospix-vip-shine\"><\/div>\n\n                            <div class=\"sospix-vip-top\">\n                                <div class=\"sospix-vip-arrow\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                        <path d=\"M5 12H19M19 12L12.5 5.5M19 12L12.5 18.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"sospix-vip-content\">\n                                                                    <div class=\"sospix-vip-location\">Larvotto<\/div>\n                                \n                                <h3 class=\"sospix-vip-card-title\">Larvotto Neighborhood<\/h3>\n\n                                                                    <div class=\"sospix-vip-card-subtitle\">Neighborhood Views<\/div>\n                                \n                                                                    <div class=\"sospix-vip-card-meta\">1 Photo<\/div>\n                                                            <\/div>\n                        <\/a>\n                    <\/div>\n                                        <div\n                        class=\"sospix-vip-card\"\n                        data-title=\"tour od\u00e9on exterior\"\n                        data-location=\"larousse\"\n                        data-subtitle=\"building exterior\"\n                        data-search=\"tour od\u00e9on exterior larousse building exterior buildings\"\n                        data-date=\"1773180265\"\n                        data-category=\"buildings\"\n                    >\n                        <a class=\"sospix-vip-link\" href=\"https:\/\/vip.sospix.com\/en\/vip_media\/tour-odeon-exterior\/\">\n                            <div class=\"sospix-vip-media\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_500dyg500dyg500d-1024x640.png\" class=\"attachment-large size-large wp-post-image\" alt=\"Tour Od\u00e9on Exterior\" loading=\"lazy\" srcset=\"https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_500dyg500dyg500d-1024x640.png 1024w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_500dyg500dyg500d-300x187.png 300w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_500dyg500dyg500d-768x480.png 768w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_500dyg500dyg500d-1536x960.png 1536w, https:\/\/vip.sospix.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_500dyg500dyg500d-2048x1280.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n\n                            <div class=\"sospix-vip-overlay\"><\/div>\n                            <div class=\"sospix-vip-shine\"><\/div>\n\n                            <div class=\"sospix-vip-top\">\n                                <div class=\"sospix-vip-arrow\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                        <path d=\"M5 12H19M19 12L12.5 5.5M19 12L12.5 18.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"sospix-vip-content\">\n                                                                    <div class=\"sospix-vip-location\">Larousse<\/div>\n                                \n                                <h3 class=\"sospix-vip-card-title\">Tour Od\u00e9on Exterior<\/h3>\n\n                                                                    <div class=\"sospix-vip-card-subtitle\">Building Exterior<\/div>\n                                \n                                                                    <div class=\"sospix-vip-card-meta\">2 Photos<\/div>\n                                                            <\/div>\n                        <\/a>\n                    <\/div>\n                                <\/div>\n\n            <div class=\"sospix-vip-no-results\" id=\"sospix-vip-no-results\">\n                <h3>No matching media collections<\/h3>\n                <p>Try a different search term or category.<\/p>\n            <\/div>\n\n        \n    <\/div>\n\n        <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const library = document.getElementById('sospix-vip-library');\n            if (!library) return;\n\n            const searchInput = document.getElementById('sospix-vip-search');\n            const grid = document.getElementById('sospix-vip-grid');\n            const countValue = document.getElementById('sospix-vip-count-value');\n            const noResults = document.getElementById('sospix-vip-no-results');\n            const filterButtons = Array.from(document.querySelectorAll('.sospix-vip-filter'));\n\n            if (!grid) return;\n\n            let cards = Array.from(grid.querySelectorAll('.sospix-vip-card'));\n            let activeFilter = 'all';\n\n            function normalize(text) {\n                return (text || '').toString().toLowerCase().trim();\n            }\n\n            function applyFilters() {\n                const searchTerm = searchInput ? normalize(searchInput.value) : '';\n\n                cards.forEach(card => {\n                    const haystack = normalize(card.dataset.search);\n                    const categories = normalize(card.dataset.category);\n                    const matchesSearch = haystack.includes(searchTerm);\n                    const matchesCategory = activeFilter === 'all' || categories.split(' ').includes(activeFilter);\n\n                    card.classList.toggle('is-hidden', !(matchesSearch && matchesCategory));\n                });\n\n                const visibleCards = cards.filter(card => !card.classList.contains('is-hidden'));\n\n                visibleCards.sort((a, b) => {\n                    const dateA = parseInt(a.dataset.date || '0', 10);\n                    const dateB = parseInt(b.dataset.date || '0', 10);\n                    return dateB - dateA;\n                });\n\n                visibleCards.forEach(card => grid.appendChild(card));\n\n                if (countValue) {\n                    countValue.textContent = visibleCards.length;\n                }\n\n                if (noResults) {\n                    noResults.style.display = visibleCards.length ? 'none' : 'block';\n                }\n            }\n\n            if (searchInput) {\n                searchInput.addEventListener('input', applyFilters);\n            }\n\n            filterButtons.forEach(button => {\n                button.addEventListener('click', function () {\n                    filterButtons.forEach(btn => btn.classList.remove('is-active'));\n                    this.classList.add('is-active');\n                    activeFilter = this.dataset.filter || 'all';\n                    applyFilters();\n                });\n            });\n\n            applyFilters();\n        });\n    <\/script>\n    \n    <\/div>\n\t\t\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/vip.sospix.com\/en\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vip.sospix.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vip.sospix.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vip.sospix.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vip.sospix.com\/en\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":13,"href":"https:\/\/vip.sospix.com\/en\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":218,"href":"https:\/\/vip.sospix.com\/en\/wp-json\/wp\/v2\/pages\/17\/revisions\/218"}],"wp:attachment":[{"href":"https:\/\/vip.sospix.com\/en\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}