{"id":35,"date":"2026-05-05T00:24:08","date_gmt":"2026-05-04T22:24:08","guid":{"rendered":"https:\/\/kiossignature.com\/?page_id=35"},"modified":"2026-09-25T00:09:50","modified_gmt":"2026-09-25T00:09:50","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/kiossignature.com\/","title":{"rendered":"Acceuil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8dc5a0b e-con e-atomic-element e-flexbox-base e-default-div e-60b08a8 \" data-id=\"8dc5a0b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8dc5a0b\">\n    \t\t<div class=\"elementor-element elementor-element-d94eb40 elementor-widget elementor-widget-html\" data-id=\"d94eb40\" 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=Italiana&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"kios-luxury-container\">\r\n\r\n    <!-- 1. HERO SPLIT-SCREEN \u2014 TRANSITION DOUCE IVOIRE \u2192 VID\u00c9O -->\r\n    <section class=\"kios-hero-split\">\r\n\r\n        <!-- PANNEAU GAUCHE : contenu \u00e9ditorial sur fond ivoire -->\r\n        <div class=\"kios-hero-panel\">\r\n\r\n            <!-- D\u00e9corations dor\u00e9es discr\u00e8tes -->\r\n            <div class=\"kios-hero-panel-deco kios-hero-panel-deco-top\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"kios-hero-panel-deco kios-hero-panel-deco-bottom\" aria-hidden=\"true\"><\/div>\r\n\r\n            <!-- Mention verticale sur le bord droit du panneau -->\r\n            <div class=\"kios-hero-side\" aria-hidden=\"true\">\r\n                <span>\u00b7 RDC \u00b7 Depuis 2023<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"kios-hero-panel-inner\">\r\n                <span class=\"kios-hero-subtitle kios-reveal\">\r\n                    <span class=\"kios-subtitle-line\"><\/span>\r\n                    \u00c9dition \u2014 MMXXVI\r\n                <\/span>\r\n\r\n                <h1 class=\"kios-hero-title kios-reveal\">\r\n                    <span class=\"kios-title-main\">KIOS<\/span>\r\n                    <span class=\"kios-title-sub\">Signature<\/span>\r\n                <\/h1>\r\n\r\n                <div class=\"kios-hero-slogan kios-reveal\">\r\n                    <span class=\"kios-slogan-line\"><\/span>\r\n                    <span class=\"kios-slogan-text\">Le Luxe Autrement<\/span>\r\n                <\/div>\r\n\r\n                <p class=\"kios-hero-description kios-reveal\">\r\n                    Entre h\u00e9ritage et modernit\u00e9, KIOS Signature compose des s\u00e9jours qui transcendent l'ordinaire. Une signature discr\u00e8te, un service absolu, une atmosph\u00e8re qui reste.\r\n                <\/p>\r\n\r\n                <div class=\"kios-hero-actions kios-reveal\">\r\n                    <a href=\"https:\/\/kiossignature.com\/?page_id=104\" class=\"kios-btn-dark\">Tout Savoir<\/a>\r\n                    <a href=\"https:\/\/kiossignature.com\/?page_id=1162\" class=\"kios-btn-ghost-dark\">Conciergerie 24\/7<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Indicateur de scroll -->\r\n            <div class=\"kios-scroll-indicator\">\r\n                <span>D\u00e9couvrir<\/span>\r\n                <div class=\"kios-scroll-line\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- PANNEAU DROIT : vid\u00e9o avec d\u00e9grad\u00e9 ivoire fondu -->\r\n        <div class=\"kios-hero-media\">\r\n            <video \r\n                autoplay \r\n                muted \r\n                loop \r\n                playsinline \r\n                webkit-playsinline\r\n                preload=\"auto\"\r\n                disablepictureinpicture\r\n                poster=\"https:\/\/kiossignature.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-15-at-17.16.20.jpeg\"\r\n                class=\"kios-hero-media-video\"\r\n            >\r\n                <source src=\"https:\/\/kiossignature.com\/wp-content\/uploads\/2026\/09\/designe-2-kios.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n\r\n            <!-- D\u00e9corations dor\u00e9es fines -->\r\n            <div class=\"kios-hero-media-corner kios-hero-media-corner-tl\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"kios-hero-media-corner kios-hero-media-corner-br\" aria-hidden=\"true\"><\/div>\r\n\r\n            <div class=\"kios-hero-media-caption\" aria-hidden=\"true\">\r\n                <span>Signature KIOS \u00b7 RDC<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n    <!-- 2. MANIFESTE : LA S\u00c9R\u00c9NIT\u00c9 -->\r\n    <section class=\"kios-section-manifesto\">\r\n        <div class=\"kios-container-narrow\">\r\n            <span class=\"kios-section-label kios-reveal\">01 \u2014 La S\u00e9r\u00e9nit\u00e9<\/span>\r\n            <h2 class=\"kios-manifesto-title kios-reveal\">\r\n                Ici, le luxe n'est pas ostentatoire. <br>\r\n                <span class=\"italic\">Il est invisible.<\/span>\r\n            <\/h2>\r\n            <div class=\"kios-manifesto-text kios-reveal\">\r\n                <p>\r\n                    Nous croyons que la v\u00e9ritable hospitalit\u00e9 se mesure \u00e0 l'absence de friction. \r\n                    Un majordome qui anticipe. Un chauffeur qui conna\u00eet vos habitudes. \r\n                    Une r\u00e9sidence qui vous attend, d\u00e9j\u00e0 habit\u00e9e par votre pr\u00e9sence.\r\n                <\/p>\r\n                <p class=\"kios-highlight\">\r\n                    KIOS Signature n'est pas un simple service. C'est une mani\u00e8re d'\u00eatre au monde.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 3. L'ESSENCE \u2014 VID\u00c9O PLEINE LARGEUR -->\r\n    <section class=\"kios-section-immersive\">\r\n        <div class=\"kios-immersive-media\">\r\n            <video autoplay muted loop playsinline webkit-playsinline preload=\"auto\" class=\"kios-bg-video-static\">\r\n                <source src=\"https:\/\/kiossignature.com\/wp-content\/uploads\/2026\/09\/designe-3.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n            <div class=\"kios-immersive-overlay\"><\/div>\r\n        <\/div>\r\n        <div class=\"kios-immersive-content kios-reveal\">\r\n            <span class=\"kios-section-label light\">02 \u2014 L'Essence<\/span>\r\n            <h2 class=\"kios-immersive-title\">\r\n                Entre h\u00e9ritage <br>\r\n                <span class=\"italic\">et modernit\u00e9 absolue.<\/span>\r\n            <\/h2>\r\n            <p class=\"kios-immersive-text\">\r\n                Chaque espace est pens\u00e9 comme un sanctuaire urbain. Des mat\u00e9riaux nobles, \r\n                une lumi\u00e8re naturelle ma\u00eetris\u00e9e et une acoustique pr\u00e9serv\u00e9e pour offrir \r\n                une d\u00e9connexion totale au c\u0153ur de la RDC.\r\n            <\/p>\r\n            <a href=\"https:\/\/kiossignature.com\/?page_id=104\" class=\"kios-link-elegant\">Tout Savoir \u2192<\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 4. LE D\u00c9TAIL \u2014 VID\u00c9O EN MISE EN PAGE ASYM\u00c9TRIQUE -->\r\n    <section class=\"kios-section-asymmetric\">\r\n        <div class=\"kios-asymmetric-grid\">\r\n            <div class=\"kios-asymmetric-media kios-reveal\">\r\n                <video autoplay muted loop playsinline webkit-playsinline preload=\"auto\" class=\"kios-asymmetric-video\">\r\n                    <source src=\"https:\/\/kiossignature.com\/wp-content\/uploads\/2026\/09\/Kios-designe-1.mp4\" type=\"video\/mp4\">\r\n                <\/video>\r\n                <div class=\"kios-asymmetric-media-overlay\"><\/div>\r\n                <span class=\"kios-asymmetric-media-caption\">Signature KIOS \u2014 Film<\/span>\r\n            <\/div>\r\n            <div class=\"kios-asymmetric-text kios-reveal\">\r\n                <span class=\"kios-section-label\">03 \u2014 Le D\u00e9tail<\/span>\r\n                <h2 class=\"kios-asymmetric-title\">\r\n                    L'excellence se niche <br>\r\n                    <span class=\"italic\">dans les invisibles.<\/span>\r\n                <\/h2>\r\n                <p>\r\n                    Du protocole d'accueil personnalis\u00e9 \u00e0 la s\u00e9lection minutieuse des \u00e9quipements, \r\n                    rien n'est laiss\u00e9 au hasard. Chef priv\u00e9, s\u00e9curit\u00e9 discr\u00e8te et logistique sans faille \r\n                    composent une exp\u00e9rience sur-mesure, con\u00e7ue pour ceux qui ne font aucun compromis.\r\n                <\/p>\r\n                <a href=\"https:\/\/kiossignature.com\/?page_id=335\" class=\"kios-btn-secondary\">Nos services<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 5. MOBILIT\u00c9 VIP -->\r\n    <section class=\"kios-section-mobility\">\r\n        <div class=\"kios-mobility-grid\">\r\n            <div class=\"kios-mobility-content kios-reveal\">\r\n                <span class=\"kios-section-label light\">04 \u2014 Mobilit\u00e9 & Discr\u00e9tion<\/span>\r\n                <h2 class=\"kios-mobility-title\">\r\n                    Une flotte d'exception, <br>\r\n                    <span class=\"italic\">\u00e0 votre enti\u00e8re disposition.<\/span>\r\n                <\/h2>\r\n                <p class=\"kios-mobility-text\">\r\n                    SUV de prestige, berlines avec chauffeur, protocole d'accueil personnalis\u00e9 : \r\n                    notre flotte priv\u00e9e est mobilisable 24h\/24 et 7j\/7. Chaque v\u00e9hicule est pr\u00e9par\u00e9, \r\n                    chaque itin\u00e9raire anticip\u00e9, chaque d\u00e9placement orchestr\u00e9 en toute discr\u00e9tion.\r\n                <\/p>\r\n                <ul class=\"kios-mobility-list\">\r\n                    <li><span class=\"kios-mobility-dot\"><\/span>Flotte SUV avec chauffeur priv\u00e9<\/li>\r\n                    <li><span class=\"kios-mobility-dot\"><\/span>Protection rapproch\u00e9e & agents form\u00e9s<\/li>\r\n                    <li><span class=\"kios-mobility-dot\"><\/span>Convois s\u00e9curis\u00e9s pour d\u00e9l\u00e9gations<\/li>\r\n                    <li><span class=\"kios-mobility-dot\"><\/span>Coordination a\u00e9roport & protocole VIP<\/li>\r\n                <\/ul>\r\n                <a href=\"https:\/\/kiossignature.com\/?page_id=1162\" class=\"kios-btn-primary\">R\u00e9server<\/a>\r\n            <\/div>\r\n            <div class=\"kios-mobility-image kios-reveal\">\r\n                <img decoding=\"async\" src=\"https:\/\/kiossignature.com\/wp-content\/uploads\/2026\/09\/voiture-viip-2.jpg\" alt=\"Flotte VIP KIOS Signature en RDC\" loading=\"lazy\">\r\n                <div class=\"kios-mobility-image-accent\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 6. LA COLLECTION \u2014 GALERIE \u00c9DITORIALE -->\r\n    <section class=\"kios-section-gallery\">\r\n        <div class=\"kios-container-wide\">\r\n            <div class=\"kios-gallery-header kios-reveal\">\r\n                <span class=\"kios-section-label\">05 \u2014 La Collection<\/span>\r\n                <h2 class=\"kios-gallery-main-title\">Un souvenir <span class=\"italic\">qui reste.<\/span><\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"kios-masonry-grid\">\r\n                <div class=\"kios-masonry-item large kios-reveal\">\r\n                    <img decoding=\"async\" src=\"https:\/\/kiossignature.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-15-at-17.16.17.jpeg\" alt=\"Architecture int\u00e9rieure et espace de vie KIOS\" loading=\"lazy\">\r\n                    <div class=\"kios-masonry-overlay\">\r\n                        <h3>L'Architecture<\/h3>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"kios-masonry-item kios-reveal\">\r\n                    <img decoding=\"async\" src=\"https:\/\/kiossignature.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-15-at-17.16.14.jpeg\" alt=\"Finitions et d\u00e9tails de design\" loading=\"lazy\">\r\n                    <div class=\"kios-masonry-overlay\">\r\n                        <h3>Les Finitions<\/h3>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"kios-masonry-item kios-reveal\">\r\n                    <img decoding=\"async\" src=\"https:\/\/kiossignature.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-15-at-17.18.49.jpeg\" alt=\"Ambiance chaleureuse et s\u00e9r\u00e9nit\u00e9\" loading=\"lazy\">\r\n                    <div class=\"kios-masonry-overlay\">\r\n                        <h3>L'Atmosph\u00e8re<\/h3>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"kios-masonry-item full-width kios-reveal\">\r\n                    <img decoding=\"async\" src=\"https:\/\/kiossignature.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-15-at-17.18.44-1.jpeg\" alt=\"Vue d'ensemble de la r\u00e9sidence KIOS Signature\" loading=\"lazy\">\r\n                    <div class=\"kios-masonry-overlay\">\r\n                        <h3>L'Exp\u00e9rience Signature<\/h3>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"kios-gallery-footer kios-reveal\">\r\n                <a href=\"https:\/\/kiossignature.com\/?page_id=1220\" class=\"kios-btn-primary\">V\u00e9rifier les disponibilit\u00e9s<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 7. DISPONIBILIT\u00c9 \u2014 SECTION FINALE -->\r\n    <section class=\"kios-section-availability\">\r\n        <div class=\"kios-availability-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/kiossignature.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-15-at-17.16.15.jpeg\" alt=\"R\u00e9sidence KIOS Signature disponible en RDC\" loading=\"lazy\">\r\n            <div class=\"kios-availability-overlay\"><\/div>\r\n        <\/div>\r\n        <div class=\"kios-availability-content kios-reveal\">\r\n            <span class=\"kios-section-label light\">06 \u2014 Disponibilit\u00e9<\/span>\r\n            <h2 class=\"kios-availability-title\">\r\n                Votre prochain s\u00e9jour <br>\r\n                <span class=\"italic\">commence ici.<\/span>\r\n            <\/h2>\r\n            <p class=\"kios-availability-text\">\r\n                Nos r\u00e9sidences sont disponibles \u00e0 la nuit\u00e9e, \u00e0 la semaine et au mois, \r\n                avec des conditions d\u00e9gressives pour les s\u00e9jours longue dur\u00e9e et les \r\n                entreprises. Notre \u00e9quipe vous r\u00e9pond en moins de 2 heures, 7 jours sur 7.\r\n            <\/p>\r\n            <div class=\"kios-availability-btns\">\r\n                <a href=\"https:\/\/kiossignature.com\/?page_id=104\" class=\"kios-btn-primary gold\">\u00c0 propos<\/a>\r\n                <a href=\"https:\/\/kiossignature.com\/?page_id=1220\" class=\"kios-btn-primary\">R\u00e9server maintenant<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* ============================================\r\n       VARIABLES & RESET\r\n       ============================================ *\/\r\n    :root {\r\n        --kios-black: #0A0A0A;\r\n        --kios-dark: #141414;\r\n        --kios-white: #FFFFFF;\r\n        --kios-cream: #F9F7F2;\r\n        --kios-ivory: #FAF8F3;\r\n        --kios-ivory-deep: #F4EFE4;\r\n        --kios-gold: #C9A96E;\r\n        --kios-gold-dark: #A88848;\r\n        --kios-gold-light: #E0C992;\r\n        --kios-text: #2A2A2A;\r\n        --kios-text-light: #6B6B6B;\r\n        --kios-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n\r\n    .kios-luxury-container {\r\n        background: var(--kios-white);\r\n        overflow-x: hidden;\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: var(--kios-text);\r\n        line-height: 1.6;\r\n        -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    .kios-luxury-container * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .kios-luxury-container h1,\r\n    .kios-luxury-container h2,\r\n    .kios-luxury-container h3,\r\n    .kios-luxury-container h4,\r\n    .kios-luxury-container h5,\r\n    .kios-luxury-container h6 {\r\n        color: inherit !important;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .kios-luxury-container a {\r\n        text-decoration: none;\r\n    }\r\n\r\n    .italic {\r\n        font-style: italic;\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* ============================================\r\n       TYPOGRAPHIE COMMUNE\r\n       ============================================ *\/\r\n    .kios-section-label {\r\n        display: block;\r\n        font-size: 0.7rem;\r\n        letter-spacing: 0.3em;\r\n        text-transform: uppercase;\r\n        margin-bottom: 24px;\r\n        color: var(--kios-gold);\r\n        font-weight: 500;\r\n    }\r\n\r\n    .kios-section-label.light {\r\n        color: var(--kios-gold-light);\r\n    }\r\n\r\n    \/* ============================================\r\n       1. HERO SPLIT-SCREEN \u2014 TRANSITION DOUCE\r\n       ============================================ *\/\r\n    .kios-hero-split {\r\n        position: relative;\r\n        height: 100vh;\r\n        min-height: 720px;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        \/* D\u00e9grad\u00e9 ivoire subtil en fond de tout le hero *\/\r\n        background: linear-gradient(135deg, \r\n            #FFFFFF 0%, \r\n            #FAF8F3 45%, \r\n            #F5F0E4 100%);\r\n    }\r\n\r\n    \/* --- PANNEAU DROIT : VID\u00c9O + FONDU DOUX --- *\/\r\n    .kios-hero-media {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        width: 58%;\r\n        height: 100%;\r\n        overflow: hidden;\r\n        z-index: 1;\r\n        \/* Image de secours au cas o\u00f9 la vid\u00e9o ne charge pas *\/\r\n        background-color: #0A0A0A;\r\n        background-image: url('https:\/\/kiossignature.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-15-at-17.16.20.jpeg');\r\n        background-size: cover;\r\n        background-position: center;\r\n    }\r\n\r\n    \/* Vid\u00e9o : chargement optimis\u00e9 + zoom lent *\/\r\n    .kios-hero-media-video {\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        z-index: 1;\r\n        animation: kiosHeroZoom 30s ease-in-out infinite alternate;\r\n    }\r\n\r\n    @keyframes kiosHeroZoom {\r\n        0% { transform: scale(1.02); }\r\n        100% { transform: scale(1.09); }\r\n    }\r\n\r\n    \/* Voile sombre subtil sur toute la vid\u00e9o (profondeur) *\/\r\n    .kios-hero-media::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to bottom,\r\n            rgba(10, 10, 10, 0.08) 0%,\r\n            rgba(10, 10, 10, 0.18) 50%,\r\n            rgba(10, 10, 10, 0.30) 100%);\r\n        z-index: 2;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Fondu ivoire qui bave sur la vid\u00e9o \u2014 transition DOUCE *\/\r\n    .kios-hero-media::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 42%;\r\n        height: 100%;\r\n        background: linear-gradient(to right,\r\n            #FAF8F3 0%,\r\n            rgba(250, 248, 243, 0.98) 15%,\r\n            rgba(250, 248, 243, 0.88) 30%,\r\n            rgba(250, 248, 243, 0.65) 50%,\r\n            rgba(250, 248, 243, 0.35) 72%,\r\n            rgba(250, 248, 243, 0.12) 88%,\r\n            rgba(250, 248, 243, 0) 100%);\r\n        z-index: 3;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Coins dor\u00e9s fins sur la vid\u00e9o *\/\r\n    .kios-hero-media-corner {\r\n        position: absolute;\r\n        width: 45px;\r\n        height: 45px;\r\n        z-index: 4;\r\n        opacity: 0;\r\n        animation: kiosCornerIn 1.4s ease 1s forwards;\r\n    }\r\n    .kios-hero-media-corner-tl {\r\n        top: 28px;\r\n        right: 28px;\r\n        border-top: 1px solid var(--kios-gold);\r\n        border-right: 1px solid var(--kios-gold);\r\n    }\r\n    .kios-hero-media-corner-br {\r\n        bottom: 28px;\r\n        right: 28px;\r\n        border-bottom: 1px solid var(--kios-gold);\r\n        border-right: 1px solid var(--kios-gold);\r\n    }\r\n    @keyframes kiosCornerIn {\r\n        0% { opacity: 0; transform: scale(0.4); }\r\n        100% { opacity: 0.65; transform: scale(1); }\r\n    }\r\n\r\n    \/* Caption en bas \u00e0 droite de la vid\u00e9o *\/\r\n    .kios-hero-media-caption {\r\n        position: absolute;\r\n        bottom: 55px;\r\n        right: 40px;\r\n        z-index: 5;\r\n        font-size: 0.58rem;\r\n        letter-spacing: 0.42em;\r\n        text-transform: uppercase;\r\n        color: rgba(255, 255, 255, 0.75);\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* --- PANNEAU GAUCHE : CONTENU \u00c9DITORIAL --- *\/\r\n    .kios-hero-panel {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 46%;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-start;\r\n        padding: clamp(50px, 5vw, 80px) clamp(30px, 4vw, 70px) clamp(50px, 5vw, 80px) clamp(50px, 7vw, 110px);\r\n        z-index: 4;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* D\u00e9corations dor\u00e9es discr\u00e8tes *\/\r\n    .kios-hero-panel-deco {\r\n        position: absolute;\r\n        left: clamp(30px, 4vw, 60px);\r\n        width: 45px;\r\n        height: 1px;\r\n        background: var(--kios-gold);\r\n        opacity: 0.55;\r\n    }\r\n    .kios-hero-panel-deco-top { top: 55px; }\r\n    .kios-hero-panel-deco-bottom { bottom: 55px; }\r\n\r\n    \/* Mention verticale *\/\r\n    .kios-hero-side {\r\n        position: absolute;\r\n        right: 20px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        writing-mode: vertical-rl;\r\n        font-size: 0.58rem;\r\n        letter-spacing: 0.42em;\r\n        text-transform: uppercase;\r\n        color: var(--kios-text-light);\r\n        font-weight: 500;\r\n        opacity: 0.55;\r\n        z-index: 5;\r\n    }\r\n\r\n    .kios-hero-panel-inner {\r\n        max-width: 500px;\r\n        width: 100%;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Sous-titre \u00e9dition *\/\r\n    .kios-hero-subtitle {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        font-size: 0.68rem;\r\n        letter-spacing: 0.4em;\r\n        text-transform: uppercase;\r\n        color: var(--kios-gold-dark);\r\n        font-weight: 500;\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n    .kios-subtitle-line {\r\n        display: inline-block;\r\n        width: 32px;\r\n        height: 1px;\r\n        background: var(--kios-gold);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Titre monumental *\/\r\n    .kios-hero-title {\r\n        margin-bottom: 28px;\r\n        line-height: 1;\r\n    }\r\n\r\n    .kios-title-main {\r\n        display: block;\r\n        font-family: 'Italiana', serif;\r\n        font-size: clamp(4.2rem, 8vw, 8rem);\r\n        font-weight: 400;\r\n        color: var(--kios-black) !important;\r\n        letter-spacing: 0.04em;\r\n        line-height: 0.92;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .kios-title-sub {\r\n        display: block;\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-style: italic;\r\n        font-weight: 400;\r\n        font-size: clamp(1.9rem, 3.6vw, 3.2rem);\r\n        color: var(--kios-gold) !important;\r\n        letter-spacing: 0.12em;\r\n        margin-top: 12px;\r\n        padding-left: 4px;\r\n    }\r\n\r\n    \/* Slogan *\/\r\n    .kios-hero-slogan {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .kios-slogan-line {\r\n        display: inline-block;\r\n        width: 40px;\r\n        height: 1px;\r\n        background: var(--kios-gold);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .kios-slogan-text {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 0.72rem;\r\n        letter-spacing: 0.38em;\r\n        text-transform: uppercase;\r\n        color: var(--kios-black) !important;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Description *\/\r\n    .kios-hero-description {\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-size: 1.15rem;\r\n        line-height: 1.75;\r\n        color: var(--kios-text) !important;\r\n        font-weight: 400;\r\n        margin-bottom: 42px;\r\n        max-width: 440px;\r\n    }\r\n\r\n    \/* Boutons sur fond clair *\/\r\n    .kios-hero-actions {\r\n        display: flex;\r\n        gap: 14px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .kios-btn-dark {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 17px 34px;\r\n        background: var(--kios-black);\r\n        color: var(--kios-white) !important;\r\n        font-size: 0.72rem;\r\n        font-weight: 500;\r\n        letter-spacing: 0.22em;\r\n        text-transform: uppercase;\r\n        border: 1px solid var(--kios-black);\r\n        transition: all 0.5s var(--kios-ease);\r\n        cursor: pointer;\r\n    }\r\n\r\n    .kios-btn-dark:hover {\r\n        background: var(--kios-gold);\r\n        border-color: var(--kios-gold);\r\n        color: var(--kios-black) !important;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 15px 35px rgba(201, 169, 110, 0.4);\r\n    }\r\n\r\n    .kios-btn-ghost-dark {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 17px 34px;\r\n        background: transparent;\r\n        color: var(--kios-black) !important;\r\n        font-size: 0.72rem;\r\n        font-weight: 500;\r\n        letter-spacing: 0.22em;\r\n        text-transform: uppercase;\r\n        border: 1px solid rgba(10, 10, 10, 0.3);\r\n        transition: all 0.5s var(--kios-ease);\r\n        cursor: pointer;\r\n    }\r\n\r\n    .kios-btn-ghost-dark:hover {\r\n        background: var(--kios-black);\r\n        border-color: var(--kios-black);\r\n        color: var(--kios-white) !important;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 15px 35px rgba(10, 10, 10, 0.2);\r\n    }\r\n\r\n    \/* Indicateur de scroll *\/\r\n    .kios-scroll-indicator {\r\n        position: absolute;\r\n        bottom: 50px;\r\n        left: clamp(50px, 7vw, 110px);\r\n        z-index: 3;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        color: var(--kios-text-light);\r\n        font-size: 0.6rem;\r\n        letter-spacing: 0.32em;\r\n        text-transform: uppercase;\r\n        font-weight: 500;\r\n        opacity: 0.75;\r\n    }\r\n\r\n    .kios-scroll-line {\r\n        width: 50px;\r\n        height: 1px;\r\n        background: linear-gradient(to right, var(--kios-gold), transparent);\r\n        animation: scrollPulse 2.2s infinite;\r\n    }\r\n\r\n    @keyframes scrollPulse {\r\n        0%, 100% { opacity: 0.4; transform: scaleX(0.5); transform-origin: left; }\r\n        50% { opacity: 1; transform: scaleX(1); transform-origin: left; }\r\n    }\r\n\r\n    \/* ============================================\r\n       2. MANIFESTE\r\n       ============================================ *\/\r\n    .kios-section-manifesto {\r\n        padding: clamp(100px, 15vw, 180px) 24px;\r\n        background: var(--kios-cream);\r\n        text-align: center;\r\n    }\r\n\r\n    .kios-container-narrow {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .kios-manifesto-title {\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-size: clamp(2.5rem, 5vw, 4.5rem);\r\n        font-weight: 300;\r\n        line-height: 1.2;\r\n        margin-bottom: 48px;\r\n        color: var(--kios-black) !important;\r\n    }\r\n\r\n    .kios-manifesto-text {\r\n        font-size: 1.1rem;\r\n        line-height: 1.9;\r\n        color: var(--kios-text-light);\r\n        font-weight: 300;\r\n    }\r\n\r\n    .kios-manifesto-text p {\r\n        margin-bottom: 24px;\r\n        color: var(--kios-text-light);\r\n    }\r\n\r\n    .kios-highlight {\r\n        color: var(--kios-black) !important;\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-size: 1.4rem;\r\n        font-style: italic;\r\n        margin-top: 32px;\r\n    }\r\n\r\n    \/* ============================================\r\n       3. SECTION IMMERSIVE \u2014 VID\u00c9O\r\n       ============================================ *\/\r\n    .kios-section-immersive {\r\n        position: relative;\r\n        height: 90vh;\r\n        min-height: 600px;\r\n        display: flex;\r\n        align-items: flex-end;\r\n        overflow: hidden;\r\n        background: var(--kios-black);\r\n    }\r\n\r\n    .kios-immersive-media {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 0;\r\n    }\r\n\r\n    .kios-bg-video-static {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .kios-immersive-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to top, \r\n            rgba(10,10,10,0.92) 0%, \r\n            rgba(10,10,10,0.35) 55%, \r\n            rgba(10,10,10,0.1) 100%);\r\n    }\r\n\r\n    .kios-immersive-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        padding: clamp(40px, 8vw, 100px);\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        width: 100%;\r\n        color: var(--kios-white) !important;\r\n    }\r\n\r\n    .kios-immersive-title {\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-size: clamp(3rem, 6vw, 5rem);\r\n        font-weight: 300;\r\n        line-height: 1.1;\r\n        margin-bottom: 24px;\r\n        color: var(--kios-white) !important;\r\n        text-shadow: 0 15px 40px rgba(0,0,0,0.4);\r\n    }\r\n\r\n    .kios-immersive-text {\r\n        font-size: 1.1rem;\r\n        line-height: 1.8;\r\n        color: rgba(255, 255, 255, 0.85) !important;\r\n        max-width: 520px;\r\n        margin-bottom: 32px;\r\n        font-weight: 300;\r\n    }\r\n\r\n    .kios-link-elegant {\r\n        color: var(--kios-gold) !important;\r\n        text-decoration: none;\r\n        font-size: 0.8rem;\r\n        letter-spacing: 0.15em;\r\n        text-transform: uppercase;\r\n        font-weight: 500;\r\n        transition: all 0.3s ease;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    .kios-link-elegant:hover {\r\n        color: var(--kios-white) !important;\r\n        gap: 12px;\r\n    }\r\n\r\n    \/* ============================================\r\n       4. SECTION ASYM\u00c9TRIQUE\r\n       ============================================ *\/\r\n    .kios-section-asymmetric {\r\n        padding: clamp(80px, 12vw, 160px) 0;\r\n        background: var(--kios-white);\r\n    }\r\n\r\n    .kios-asymmetric-grid {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        padding: 0 clamp(24px, 8vw, 100px);\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 1fr;\r\n        gap: clamp(40px, 8vw, 120px);\r\n        align-items: center;\r\n    }\r\n\r\n    .kios-asymmetric-media {\r\n        position: relative;\r\n        overflow: hidden;\r\n        aspect-ratio: 3\/4;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .kios-asymmetric-video {\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 1.5s var(--kios-ease);\r\n    }\r\n\r\n    .kios-asymmetric-media:hover .kios-asymmetric-video {\r\n        transform: scale(1.04);\r\n    }\r\n\r\n    .kios-asymmetric-media-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to top, \r\n            rgba(10,10,10,0.4) 0%, \r\n            transparent 50%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .kios-asymmetric-media-caption {\r\n        position: absolute;\r\n        bottom: 24px;\r\n        left: 24px;\r\n        color: var(--kios-white) !important;\r\n        font-size: 0.65rem;\r\n        letter-spacing: 0.3em;\r\n        text-transform: uppercase;\r\n        font-weight: 500;\r\n        z-index: 2;\r\n    }\r\n\r\n    .kios-asymmetric-title {\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-size: clamp(2.5rem, 4vw, 3.5rem);\r\n        font-weight: 300;\r\n        line-height: 1.2;\r\n        margin-bottom: 32px;\r\n        color: var(--kios-black) !important;\r\n    }\r\n\r\n    .kios-asymmetric-text p {\r\n        font-size: 1.05rem;\r\n        line-height: 1.9;\r\n        color: var(--kios-text-light);\r\n        margin-bottom: 40px;\r\n        font-weight: 300;\r\n    }\r\n\r\n    \/* ============================================\r\n       BOUTONS COMMUNS\r\n       ============================================ *\/\r\n    .kios-btn-primary {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 18px 40px;\r\n        background: var(--kios-white);\r\n        color: var(--kios-black) !important;\r\n        text-decoration: none;\r\n        font-size: 0.75rem;\r\n        font-weight: 500;\r\n        letter-spacing: 0.2em;\r\n        text-transform: uppercase;\r\n        transition: all 0.5s var(--kios-ease);\r\n        border: 1px solid var(--kios-white);\r\n        cursor: pointer;\r\n    }\r\n\r\n    .kios-btn-primary:hover {\r\n        background: var(--kios-gold);\r\n        border-color: var(--kios-gold);\r\n        color: var(--kios-black) !important;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 15px 35px rgba(201, 169, 110, 0.35);\r\n    }\r\n\r\n    .kios-btn-primary.gold {\r\n        background: var(--kios-gold);\r\n        border-color: var(--kios-gold);\r\n        color: var(--kios-black) !important;\r\n    }\r\n\r\n    .kios-btn-primary.gold:hover {\r\n        background: var(--kios-white);\r\n        border-color: var(--kios-white);\r\n        color: var(--kios-black) !important;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 15px 35px rgba(255, 255, 255, 0.25);\r\n    }\r\n\r\n    .kios-btn-secondary {\r\n        display: inline-block;\r\n        padding: 16px 32px;\r\n        background: var(--kios-black);\r\n        color: var(--kios-white) !important;\r\n        text-decoration: none;\r\n        font-size: 0.75rem;\r\n        font-weight: 500;\r\n        letter-spacing: 0.15em;\r\n        text-transform: uppercase;\r\n        transition: all 0.4s var(--kios-ease);\r\n        border: 1px solid var(--kios-black);\r\n        cursor: pointer;\r\n    }\r\n\r\n    .kios-btn-secondary:hover {\r\n        background: var(--kios-gold);\r\n        border-color: var(--kios-gold);\r\n        color: var(--kios-black) !important;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 15px 35px rgba(201, 169, 110, 0.3);\r\n    }\r\n\r\n    \/* ============================================\r\n       5. MOBILIT\u00c9 VIP\r\n       ============================================ *\/\r\n    .kios-section-mobility {\r\n        background: var(--kios-black);\r\n        padding: clamp(80px, 12vw, 160px) 0;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .kios-mobility-grid {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        padding: 0 clamp(24px, 8vw, 100px);\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.1fr;\r\n        gap: clamp(40px, 8vw, 100px);\r\n        align-items: center;\r\n    }\r\n\r\n    .kios-mobility-content {\r\n        color: var(--kios-white);\r\n    }\r\n\r\n    .kios-mobility-title {\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-size: clamp(2.5rem, 4vw, 3.5rem);\r\n        font-weight: 300;\r\n        line-height: 1.15;\r\n        margin-bottom: 30px;\r\n        color: var(--kios-white) !important;\r\n    }\r\n\r\n    .kios-mobility-text {\r\n        font-size: 1.05rem;\r\n        line-height: 1.9;\r\n        color: rgba(255,255,255,0.75) !important;\r\n        font-weight: 300;\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .kios-mobility-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0 0 45px 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n    }\r\n\r\n    .kios-mobility-list li {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        font-size: 0.92rem;\r\n        color: rgba(255,255,255,0.85) !important;\r\n        font-weight: 300;\r\n        letter-spacing: 0.02em;\r\n    }\r\n\r\n    .kios-mobility-dot {\r\n        display: inline-block;\r\n        width: 6px;\r\n        height: 6px;\r\n        background: var(--kios-gold);\r\n        border-radius: 50%;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 0 10px rgba(201,169,110,0.6);\r\n    }\r\n\r\n    .kios-mobility-image {\r\n        position: relative;\r\n        aspect-ratio: 4\/3;\r\n        overflow: hidden;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .kios-mobility-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 1.4s var(--kios-ease);\r\n        filter: contrast(1.05) saturate(0.95);\r\n    }\r\n\r\n    .kios-mobility-image:hover img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .kios-mobility-image-accent {\r\n        position: absolute;\r\n        bottom: -18px;\r\n        right: -18px;\r\n        width: 120px;\r\n        height: 120px;\r\n        border-right: 1px solid var(--kios-gold);\r\n        border-bottom: 1px solid var(--kios-gold);\r\n        pointer-events: none;\r\n        opacity: 0.6;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* ============================================\r\n       6. GALERIE MASONRY\r\n       ============================================ *\/\r\n    .kios-section-gallery {\r\n        padding: clamp(80px, 12vw, 160px) clamp(24px, 8vw, 100px);\r\n        background: var(--kios-cream);\r\n    }\r\n\r\n    .kios-container-wide {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .kios-gallery-header {\r\n        text-align: center;\r\n        margin-bottom: 80px;\r\n    }\r\n\r\n    .kios-gallery-main-title {\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-size: clamp(3rem, 6vw, 5rem);\r\n        font-weight: 300;\r\n        color: var(--kios-black) !important;\r\n        line-height: 1.1;\r\n    }\r\n\r\n    .kios-masonry-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        grid-template-rows: repeat(3, 350px);\r\n        gap: 24px;\r\n        margin-bottom: 80px;\r\n    }\r\n\r\n    .kios-masonry-item {\r\n        position: relative;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .kios-masonry-item.large {\r\n        grid-row: 1 \/ 3;\r\n    }\r\n\r\n    .kios-masonry-item.full-width {\r\n        grid-column: 1 \/ -1;\r\n        grid-row: 3;\r\n    }\r\n\r\n    .kios-masonry-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 1.2s var(--kios-ease), filter 0.5s ease;\r\n        filter: grayscale(15%);\r\n    }\r\n\r\n    .kios-masonry-item:hover img {\r\n        transform: scale(1.05);\r\n        filter: grayscale(0%);\r\n    }\r\n\r\n    .kios-masonry-overlay {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        padding: 40px;\r\n        background: linear-gradient(to top, rgba(10,10,10,0.75), transparent);\r\n        color: var(--kios-white) !important;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        transition: all 0.5s var(--kios-ease);\r\n    }\r\n\r\n    .kios-masonry-item:hover .kios-masonry-overlay {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .kios-masonry-overlay h3 {\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-size: 2rem;\r\n        font-weight: 400;\r\n        font-style: italic;\r\n        color: var(--kios-white) !important;\r\n    }\r\n\r\n    .kios-gallery-footer {\r\n        text-align: center;\r\n    }\r\n\r\n    \/* ============================================\r\n       7. DISPONIBILIT\u00c9\r\n       ============================================ *\/\r\n    .kios-section-availability {\r\n        position: relative;\r\n        min-height: 85vh;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        padding: clamp(80px, 12vw, 140px) 24px;\r\n        background: var(--kios-black);\r\n    }\r\n\r\n    .kios-availability-media {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 0;\r\n    }\r\n\r\n    .kios-availability-media img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .kios-availability-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(135deg, \r\n            rgba(10,10,10,0.85) 0%, \r\n            rgba(10,10,10,0.55) 60%,\r\n            rgba(10,10,10,0.75) 100%);\r\n        z-index: 1;\r\n    }\r\n\r\n    .kios-availability-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 720px;\r\n        text-align: center;\r\n        color: var(--kios-white) !important;\r\n    }\r\n\r\n    .kios-availability-content .kios-section-label {\r\n        text-align: center;\r\n    }\r\n\r\n    .kios-availability-title {\r\n        font-family: 'Cormorant Garamond', serif;\r\n        font-size: clamp(2.5rem, 5vw, 4rem);\r\n        font-weight: 300;\r\n        line-height: 1.15;\r\n        margin-bottom: 30px;\r\n        color: var(--kios-white) !important;\r\n        text-shadow: 0 15px 40px rgba(0,0,0,0.4);\r\n    }\r\n\r\n    .kios-availability-text {\r\n        font-size: 1.05rem;\r\n        line-height: 1.9;\r\n        color: rgba(255,255,255,0.85) !important;\r\n        font-weight: 300;\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .kios-availability-btns {\r\n        display: flex;\r\n        gap: 20px;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* ============================================\r\n       ANIMATIONS AU D\u00c9FILEMENT\r\n       ============================================ *\/\r\n    .kios-reveal {\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        transition: opacity 1.1s var(--kios-ease), transform 1.1s var(--kios-ease);\r\n    }\r\n\r\n    .kios-reveal.is-visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* Cascade pour le hero *\/\r\n    .kios-hero-panel-inner .kios-reveal:nth-child(1) { transition-delay: 0.15s; }\r\n    .kios-hero-panel-inner .kios-reveal:nth-child(2) { transition-delay: 0.3s; }\r\n    .kios-hero-panel-inner .kios-reveal:nth-child(3) { transition-delay: 0.45s; }\r\n    .kios-hero-panel-inner .kios-reveal:nth-child(4) { transition-delay: 0.6s; }\r\n    .kios-hero-panel-inner .kios-reveal:nth-child(5) { transition-delay: 0.75s; }\r\n\r\n    \/* ============================================\r\n       RESPONSIVE\r\n       ============================================ *\/\r\n    @media (max-width: 968px) {\r\n        .kios-hero-split {\r\n            display: flex;\r\n            flex-direction: column;\r\n            height: auto;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .kios-hero-panel {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 60vh;\r\n            padding: 100px 32px 60px;\r\n            order: 1;\r\n        }\r\n\r\n        .kios-hero-panel-deco { display: none; }\r\n        .kios-hero-side { display: none; }\r\n        .kios-scroll-indicator { display: none; }\r\n\r\n        .kios-hero-media {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 50vh;\r\n            min-height: 380px;\r\n            order: 2;\r\n            top: auto;\r\n            right: auto;\r\n        }\r\n\r\n        \/* Sur mobile : le fondu passe du haut vers le bas *\/\r\n        .kios-hero-media::before {\r\n            width: 100%;\r\n            height: 30%;\r\n            top: 0;\r\n            left: 0;\r\n            background: linear-gradient(to bottom,\r\n                #FAF8F3 0%,\r\n                rgba(250, 248, 243, 0.95) 18%,\r\n                rgba(250, 248, 243, 0.75) 42%,\r\n                rgba(250, 248, 243, 0.4) 68%,\r\n                rgba(250, 248, 243, 0.1) 88%,\r\n                rgba(250, 248, 243, 0) 100%);\r\n        }\r\n\r\n        .kios-hero-media-corner { width: 32px; height: 32px; }\r\n        .kios-hero-media-corner-tl { top: 20px; right: 20px; }\r\n        .kios-hero-media-corner-br { bottom: 20px; right: 20px; }\r\n\r\n        .kios-hero-media-caption {\r\n            bottom: 24px;\r\n            right: 24px;\r\n        }\r\n\r\n        .kios-title-main { font-size: clamp(3.8rem, 17vw, 6rem); }\r\n        .kios-title-sub { font-size: clamp(1.6rem, 7vw, 2.5rem); }\r\n\r\n        .kios-hero-description { font-size: 1.05rem; }\r\n\r\n        \/* Sections classiques *\/\r\n        .kios-asymmetric-grid,\r\n        .kios-mobility-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 50px;\r\n        }\r\n\r\n        .kios-asymmetric-media {\r\n            aspect-ratio: 16\/10;\r\n            order: -1;\r\n        }\r\n\r\n        .kios-mobility-image {\r\n            aspect-ratio: 16\/10;\r\n        }\r\n\r\n        .kios-masonry-grid {\r\n            grid-template-columns: 1fr;\r\n            grid-template-rows: auto;\r\n        }\r\n\r\n        .kios-masonry-item {\r\n            aspect-ratio: 4\/3;\r\n        }\r\n\r\n        .kios-masonry-item.large,\r\n        .kios-masonry-item.full-width {\r\n            grid-row: auto;\r\n            grid-column: auto;\r\n        }\r\n\r\n        .kios-availability-btns {\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .kios-btn-primary, \r\n        .kios-btn-secondary,\r\n        .kios-btn-dark,\r\n        .kios-btn-ghost-dark {\r\n            width: 100%;\r\n            max-width: 340px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 560px) {\r\n        .kios-hero-panel {\r\n            padding: 80px 22px 50px;\r\n            min-height: 55vh;\r\n        }\r\n\r\n        .kios-hero-media {\r\n            min-height: 320px;\r\n        }\r\n\r\n        .kios-hero-actions {\r\n            flex-direction: column;\r\n        }\r\n\r\n        .kios-hero-subtitle {\r\n            font-size: 0.62rem;\r\n            letter-spacing: 0.3em;\r\n        }\r\n\r\n        .kios-slogan-text {\r\n            font-size: 0.65rem;\r\n            letter-spacing: 0.28em;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: \"0px 0px -50px 0px\"\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach((entry) => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('is-visible');\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.kios-reveal').forEach(el => {\r\n            observer.observe(el);\r\n        });\r\n\r\n        \/\/ Force le d\u00e9marrage des vid\u00e9os si le navigateur les met en pause\r\n        document.querySelectorAll('video').forEach(video => {\r\n            video.addEventListener('loadeddata', () => {\r\n                video.play().catch(() => {});\r\n            });\r\n            \/\/ Relance la lecture quand la vid\u00e9o devient visible\r\n            const playObserver = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.play().catch(() => {});\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n            playObserver.observe(video);\r\n        });\r\n    });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5a438d28 e-flex e-con-boxed e-con e-parent\" data-id=\"5a438d28\" 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-625eacfa elementor-widget elementor-widget-text-editor\" data-id=\"625eacfa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- ===== BLOC LOADER (avec auto-masquage dans l'admin) ===== -->\n<!-- \u00c0 placer en tout d\u00e9but de page -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&#038;family=Inter:wght@100;300;400;900&#038;display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n\n<div id=\"kios-loader\" style=\"position:fixed; inset:0; background:white; z-index:10000; display:flex; justify-content:center; align-items:center; flex-direction:column;\">\n    <div style=\"font-family:'Playfair Display',serif; font-size:clamp(2rem,8vw,4rem); display:flex; gap:15px; align-items:center;\">\n        <span class=\"loader-letter\">K<\/span>\n        <span class=\"loader-letter\">I<\/span>\n        <div style=\"width:0.9em; height:0.9em; border-radius:50%; overflow:hidden; border:2px solid #000;\">\n            <img decoding=\"async\" src=\"https:\/\/kiossignature.com\/wp-content\/uploads\/2026\/05\/cropped-cropped-logo-new.png\" style=\"width:100%; height:100%; object-fit:cover;\">\n        <\/div>\n        <span class=\"loader-letter\">S<\/span>\n    <\/div>\n    <p style=\"margin-top:25px; font-family:'Inter',sans-serif; font-size:0.75rem; letter-spacing:8px; color:#000; text-transform:uppercase; font-weight:900; opacity:0.8;\">Luxury Residences<\/p>\n<\/div>\n\n<script>\n\/\/ \ud83d\udd25 D\u00e9tection de l\u2019admin WordPress \/ Elementor pour masquer le loader dans l\u2019\u00e9diteur\n(function() {\n    function isAdminContext() {\n        \/\/ V\u00e9rifie les classes sur le body actuel\n        if (document.body.classList.contains('wp-admin')) return true;\n        if (document.body.classList.contains('elementor-editor-active')) return true;\n        if (document.body.classList.contains('block-editor-page')) return true;\n        \n        \/\/ V\u00e9rifie si on est dans une iframe de l\u2019admin (Gutenberg \/ Elementor)\n        try {\n            if (window.parent && window.parent.document && window.parent.document.body) {\n                var parentBody = window.parent.document.body;\n                if (parentBody.classList.contains('wp-admin')) return true;\n                if (parentBody.classList.contains('elementor-editor-active')) return true;\n                if (parentBody.classList.contains('block-editor-page')) return true;\n            }\n        } catch(e) { \/* erreur silencieuse si acc\u00e8s interdit *\/ }\n        \n        return false;\n    }\n\n    if (isAdminContext()) {\n        var loader = document.getElementById('kios-loader');\n        if (loader) {\n            loader.style.display = 'none';\n        }\n    }\n})();\n\n\/\/ Animation de sortie du loader (uniquement si non masqu\u00e9)\ndocument.addEventListener('DOMContentLoaded', function() {\n    var loader = document.getElementById('kios-loader');\n    \/\/ Si le loader est d\u00e9j\u00e0 masqu\u00e9 (admin), on ne fait rien\n    if (loader.style.display === 'none') return;\n\n    gsap.to(\".loader-letter\", {\n        y: -30,\n        opacity: 0,\n        stagger: 0.1,\n        duration: 0.6,\n        delay: 0.5,\n        ease: \"power2.in\",\n        onComplete: function() {\n            gsap.to(\"#kios-loader\", {\n                yPercent: -100,\n                duration: 1,\n                ease: \"expo.inOut\",\n                onComplete: function() {\n                    document.getElementById('kios-loader').style.display = 'none';\n                }\n            });\n        }\n    });\n});\n<\/script>\t\t\t\t\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-58435f1 e-con e-atomic-element e-flexbox-base e-default-div e-78bbc46 \" data-id=\"58435f1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"58435f1\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00b7 RDC \u00b7 Depuis 2023 \u00c9dition \u2014 MMXXVI KIOS Signature Le Luxe Autrement Entre h\u00e9ritage et modernit\u00e9, KIOS Signature compose [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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-35","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"kio.e.","author_link":"https:\/\/kiossignature.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\u00b7 RDC \u00b7 Depuis 2023 \u00c9dition \u2014 MMXXVI KIOS Signature Le Luxe Autrement Entre h\u00e9ritage et modernit\u00e9, KIOS Signature compose [&hellip;]","_links":{"self":[{"href":"https:\/\/kiossignature.com\/index.php?rest_route=\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiossignature.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kiossignature.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kiossignature.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiossignature.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":3,"href":"https:\/\/kiossignature.com\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":1252,"href":"https:\/\/kiossignature.com\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions\/1252"}],"wp:attachment":[{"href":"https:\/\/kiossignature.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}