{"id":9,"date":"2026-09-24T13:58:42","date_gmt":"2026-09-24T11:58:42","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/immobilier\/?page_id=9"},"modified":"2026-10-15T17:02:57","modified_gmt":"2026-10-15T15:02:57","slug":"accueil","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/immobilier\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!-- =========================================================\nSIGNATURE IMMOBILIER \u2014 ACCUEIL PREMIUM V2\nWordPress \/ Gutenberg \/ Blocksy\nDesign agence immobili\u00e8re de luxe\n========================================================= -->\n\n<div id=\"sil-home\">\n\n  <!-- HERO LUXE -->\n  <section class=\"sil-hero\">\n    <div class=\"sil-hero__slides\" aria-hidden=\"true\">\n      <img class=\"sil-hero__slide is-active\" src=\"https:\/\/images.unsplash.com\/photo-1600047509807-ba8f99d2cdde?auto=format&amp;fit=crop&amp;w=2000&amp;q=84\" alt=\"\" width=\"2000\" height=\"1350\" fetchpriority=\"high\" decoding=\"async\">\n      <img class=\"sil-hero__slide\" data-src=\"https:\/\/images.unsplash.com\/photo-1600607688969-a5bfcd646154?auto=format&amp;fit=crop&amp;w=2000&amp;q=84\" alt=\"\" width=\"2000\" height=\"1350\" decoding=\"async\">\n      <img class=\"sil-hero__slide\" data-src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&amp;fit=crop&amp;w=2000&amp;q=84\" alt=\"\" width=\"2000\" height=\"1350\" decoding=\"async\">\n      <div class=\"sil-hero__shade\"><\/div>\n    <\/div>\n\n    <div class=\"sil-shell sil-hero__inner\">\n      <div class=\"sil-hero__copy\">\n        <span class=\"sil-overline\">SIGNATURE IMMOBILIER<\/span>\n        <h1>Des adresses d\u2019exception.<br><span>Une signature unique.<\/span><\/h1>\n        <p>\n          Achat, vente, location et estimation immobili\u00e8re avec une approche\n          \u00e9l\u00e9gante, pr\u00e9cise et enti\u00e8rement personnalis\u00e9e.\n        <\/p>\n\n        <div class=\"sil-hero__actions\">\n          <a class=\"sil-btn sil-btn--gold\" href=\"\/immobilier\/biens\/\">D\u00e9couvrir nos biens<\/a>\n          <a class=\"sil-btn sil-btn--light\" href=\"\/immobilier\/estimation-immobiliere\/\">Estimer mon bien<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"sil-search\">\n        <div class=\"sil-search__label\">Trouvez votre prochain bien<\/div>\n        <form action=\"\/immobilier\/biens\/\" method=\"get\">\n          <label>\n            <span>Projet<\/span>\n            <select name=\"transaction\">\n              <option value=\"\">Acheter ou louer<\/option>\n              <option value=\"vente\">Acheter<\/option>\n              <option value=\"location\">Louer<\/option>\n            <\/select>\n          <\/label>\n          <label>\n            <span>Type<\/span>\n            <select name=\"type\">\n              <option value=\"\">Tous les biens<\/option>\n              <option value=\"maison\">Maison<\/option>\n              <option value=\"appartement\">Appartement<\/option>\n              <option value=\"villa\">Villa<\/option>\n              <option value=\"terrain\">Terrain<\/option>\n            <\/select>\n          <\/label>\n          <label>\n            <span>Secteur<\/span>\n            <input type=\"text\" name=\"ville\" placeholder=\"Ville ou secteur\">\n          <\/label>\n          <button type=\"submit\">Rechercher <span>\u2192<\/span><\/button>\n        <\/form>\n      <\/div>\n    <\/div>\n\n    <div class=\"sil-hero__nav\">\n      <button class=\"is-active\" type=\"button\" data-sil-hero=\"0\" aria-label=\"Visuel 1\"><\/button>\n      <button type=\"button\" data-sil-hero=\"1\" aria-label=\"Visuel 2\"><\/button>\n      <button type=\"button\" data-sil-hero=\"2\" aria-label=\"Visuel 3\"><\/button>\n    <\/div>\n  <\/section>\n\n  <!-- BANDEAU RASSURANCE -->\n  <section class=\"sil-proof sil-reveal\">\n    <div class=\"sil-shell sil-proof__grid\">\n      <div>\n        <strong data-count=\"15\">0<\/strong>\n        <span>ann\u00e9es d\u2019expertise<\/span>\n      <\/div>\n      <div>\n        <strong data-count=\"480\">0<\/strong>\n        <span>projets accompagn\u00e9s<\/span>\n      <\/div>\n      <div>\n        <strong data-count=\"96\">0<\/strong>\n        <span>% de satisfaction<\/span>\n      <\/div>\n      <div>\n        <strong>360\u00b0<\/strong>\n        <span>accompagnement complet<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- INTRO EDITORIALE -->\n  <section class=\"sil-section sil-intro\">\n    <div class=\"sil-shell sil-intro__grid\">\n\n      <div class=\"sil-intro__visual sil-reveal\">\n        <div class=\"sil-intro__main\">\n          <img src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&amp;fit=crop&amp;w=1300&amp;q=82\" alt=\"Int\u00e9rieur immobilier haut de gamme\" width=\"1300\" height=\"1600\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"sil-intro__small\">\n          <img src=\"https:\/\/images.unsplash.com\/photo-1600585154526-990dced4db0d?auto=format&amp;fit=crop&amp;w=900&amp;q=82\" alt=\"Maison contemporaine premium\" width=\"900\" height=\"900\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"sil-intro__signature\">S<\/div>\n      <\/div>\n\n      <div class=\"sil-intro__content sil-reveal\">\n        <span class=\"sil-kicker\">L\u2019IMMOBILIER, AUTREMENT<\/span>\n        <h2>Une vision exigeante<br>de l\u2019immobilier.<\/h2>\n        <p class=\"sil-lead\">\n          Parce qu\u2019un bien ne se r\u00e9sume jamais \u00e0 une surface ou \u00e0 un prix,\n          nous mettons en valeur ce qui le rend r\u00e9ellement unique.\n        <\/p>\n        <p>\n          Signature Immobilier accompagne vendeurs, acqu\u00e9reurs, bailleurs et\n          investisseurs avec une approche sur mesure, une pr\u00e9sentation soign\u00e9e\n          et une parfaite ma\u00eetrise de chaque \u00e9tape.\n        <\/p>\n\n        <div class=\"sil-inline-links\">\n          <a href=\"\/immobilier\/agence-immobiliere\/\">D\u00e9couvrir l\u2019agence <span>\u2192<\/span><\/a>\n          <a href=\"\/immobilier\/avis-clients\/\">Avis clients <span>\u2192<\/span><\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- BIENS VEDETTES \u2014 CARTES + FICHES MODALES -->\n  <section class=\"sil-section sil-featured\">\n    <div class=\"sil-shell\">\n\n      <div class=\"sil-heading sil-reveal\">\n        <div>\n          <span class=\"sil-kicker\">S\u00c9LECTION SIGNATURE<\/span>\n          <h2>Des biens qui se distinguent.<\/h2>\n        <\/div>\n        <a href=\"\/immobilier\/biens\/\">Voir tous les biens <span>\u2192<\/span><\/a>\n      <\/div>\n\n      <div class=\"sil-property-slider\" data-sil-properties=\"\">\n        <div class=\"sil-property-track\">\n\n          <article class=\"sil-property\">\n            <button class=\"sil-property__media\" type=\"button\" data-open-property=\"villa\">\n              <img src=\"https:\/\/images.unsplash.com\/photo-1600047509807-ba8f99d2cdde?auto=format&amp;fit=crop&amp;w=1200&amp;q=82\" alt=\"Villa contemporaine avec piscine\" width=\"1200\" height=\"860\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"sil-badge\">Coup de c\u0153ur<\/span>\n              <span class=\"sil-property__hover\">Voir le bien <b>\u2192<\/b><\/span>\n            <\/button>\n            <div class=\"sil-property__content\">\n              <span>Villa \u00b7 \u00c0 vendre<\/span>\n              <h3>Villa contemporaine avec piscine<\/h3>\n              <div class=\"sil-property__facts\">\n                <span>180 m\u00b2<\/span><span>5 pi\u00e8ces<\/span><span>4 chambres<\/span>\n              <\/div>\n              <div class=\"sil-property__bottom\">\n                <strong>649 000 \u20ac<\/strong>\n                <button type=\"button\" data-open-property=\"villa\">Voir le bien \u2192<\/button>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"sil-property\">\n            <button class=\"sil-property__media\" type=\"button\" data-open-property=\"apartment\">\n              <img src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&amp;fit=crop&amp;w=1200&amp;q=82\" alt=\"Appartement lumineux avec terrasse\" width=\"1200\" height=\"860\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"sil-badge\">Nouveau<\/span>\n              <span class=\"sil-property__hover\">Voir le bien <b>\u2192<\/b><\/span>\n            <\/button>\n            <div class=\"sil-property__content\">\n              <span>Appartement \u00b7 \u00c0 vendre<\/span>\n              <h3>Appartement lumineux avec terrasse<\/h3>\n              <div class=\"sil-property__facts\">\n                <span>86 m\u00b2<\/span><span>3 pi\u00e8ces<\/span><span>2 chambres<\/span>\n              <\/div>\n              <div class=\"sil-property__bottom\">\n                <strong>319 000 \u20ac<\/strong>\n                <button type=\"button\" data-open-property=\"apartment\">Voir le bien \u2192<\/button>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"sil-property\">\n            <button class=\"sil-property__media\" type=\"button\" data-open-property=\"character\">\n              <img src=\"https:\/\/images.unsplash.com\/photo-1600566752355-35792bedcfea?auto=format&amp;fit=crop&amp;w=1200&amp;q=82\" alt=\"Maison de caract\u00e8re r\u00e9nov\u00e9e\" width=\"1200\" height=\"860\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"sil-badge\">Exclusivit\u00e9<\/span>\n              <span class=\"sil-property__hover\">Voir le bien <b>\u2192<\/b><\/span>\n            <\/button>\n            <div class=\"sil-property__content\">\n              <span>Maison \u00b7 \u00c0 vendre<\/span>\n              <h3>Maison de caract\u00e8re r\u00e9nov\u00e9e<\/h3>\n              <div class=\"sil-property__facts\">\n                <span>168 m\u00b2<\/span><span>7 pi\u00e8ces<\/span><span>4 chambres<\/span>\n              <\/div>\n              <div class=\"sil-property__bottom\">\n                <strong>475 000 \u20ac<\/strong>\n                <button type=\"button\" data-open-property=\"character\">Voir le bien \u2192<\/button>\n              <\/div>\n            <\/div>\n          <\/article>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"sil-mobile-progress\" aria-hidden=\"true\"><span><\/span><\/div>\n\n      <div class=\"sil-featured__links sil-reveal\">\n        <a href=\"\/immobilier\/biens-a-vendre\/\">Biens \u00e0 vendre <span>\u2192<\/span><\/a>\n        <a href=\"\/immobilier\/biens-a-louer\/\">Biens \u00e0 louer <span>\u2192<\/span><\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- FICHE BIEN PREMIUM \u2014 MODAL -->\n  <div class=\"sil-modal\" data-sil-modal=\"\" aria-hidden=\"true\">\n    <button class=\"sil-modal__backdrop\" type=\"button\" data-close-property=\"\" aria-label=\"Fermer la fiche\"><\/button>\n\n    <div class=\"sil-modal__panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"sil-modal-title\">\n      <button class=\"sil-modal__close\" type=\"button\" data-close-property=\"\" aria-label=\"Fermer la fiche\">\u00d7<\/button>\n\n      <div class=\"sil-modal__gallery\">\n        <div class=\"sil-modal__main\">\n          <img decoding=\"async\" data-modal-main=\"\" src=\"\" alt=\"\">\n          <button class=\"sil-gallery-arrow sil-gallery-arrow--prev\" type=\"button\" data-gallery-prev=\"\" aria-label=\"Photo pr\u00e9c\u00e9dente\">\u2190<\/button>\n          <button class=\"sil-gallery-arrow sil-gallery-arrow--next\" type=\"button\" data-gallery-next=\"\" aria-label=\"Photo suivante\">\u2192<\/button>\n          <div class=\"sil-gallery-count\"><span data-gallery-current=\"\">1<\/span> \/ <span data-gallery-total=\"\">1<\/span><\/div>\n        <\/div>\n        <div class=\"sil-modal__thumbs\" data-modal-thumbs=\"\"><\/div>\n      <\/div>\n\n      <div class=\"sil-modal__details\">\n        <div class=\"sil-modal__topline\">\n          <span class=\"sil-modal__transaction\" data-modal-transaction=\"\">\u00c0 vendre<\/span>\n          <span class=\"sil-modal__reference\" data-modal-reference=\"\">R\u00e9f.<\/span>\n        <\/div>\n\n        <h3 id=\"sil-modal-title\" data-modal-title=\"\"><\/h3>\n        <p class=\"sil-modal__location\" data-modal-location=\"\"><\/p>\n        <div class=\"sil-modal__price\" data-modal-price=\"\"><\/div>\n\n        <div class=\"sil-modal__facts\" data-modal-facts=\"\"><\/div>\n\n        <div class=\"sil-modal__energy\">\n          <div>\n            <span>DPE<\/span>\n            <strong data-modal-dpe=\"\"><\/strong>\n          <\/div>\n          <div>\n            <span>GES<\/span>\n            <strong data-modal-ges=\"\"><\/strong>\n          <\/div>\n        <\/div>\n\n        <div class=\"sil-modal__block\">\n          <span class=\"sil-modal__label\">\u00c0 propos de ce bien<\/span>\n          <p data-modal-description=\"\"><\/p>\n        <\/div>\n\n        <div class=\"sil-modal__block\">\n          <span class=\"sil-modal__label\">\u00c9quipements &amp; prestations<\/span>\n          <div class=\"sil-modal__chips\" data-modal-equipment=\"\"><\/div>\n        <\/div>\n\n        <div class=\"sil-modal__block\">\n          <span class=\"sil-modal__label\">Caract\u00e9ristiques<\/span>\n          <div class=\"sil-modal__characteristics\" data-modal-characteristics=\"\"><\/div>\n        <\/div>\n\n        <div class=\"sil-modal__location-card\">\n          <div>\n            <span class=\"sil-modal__label\">Localisation<\/span>\n            <strong data-modal-location-card=\"\"><\/strong>\n            <small>Localisation indicative pour le site de d\u00e9monstration<\/small>\n          <\/div>\n          <div class=\"sil-modal__mapmark\" aria-hidden=\"true\">\u2316<\/div>\n        <\/div>\n\n        <div class=\"sil-modal__cta\">\n          <div>\n            <small>Ce bien vous int\u00e9resse ?<\/small>\n            <strong>Organisons une visite.<\/strong>\n          <\/div>\n          <a class=\"sil-btn sil-btn--gold\" href=\"\/immobilier\/contact\/\">Demander une visite<\/a>\n        <\/div>\n\n        <div class=\"sil-modal__similar\">\n          <span class=\"sil-modal__label\">Biens similaires<\/span>\n          <div class=\"sil-modal__similar-grid\" data-modal-similar=\"\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ACHETER \/ VENDRE \/ LOUER -->\n  <section class=\"sil-section sil-services\">\n    <div class=\"sil-shell\">\n\n      <div class=\"sil-heading sil-heading--light sil-reveal\">\n        <div>\n          <span class=\"sil-kicker\">VOTRE PROJET<\/span>\n          <h2>Une signature pour chaque projet.<\/h2>\n        <\/div>\n      <\/div>\n\n      <div class=\"sil-services__grid\">\n        <a class=\"sil-service sil-reveal\" href=\"\/immobilier\/acheter\/\">\n          <span>01<\/span>\n          <div>\n            <small>ACQU\u00c9RIR<\/small>\n            <h3>Acheter<\/h3>\n            <p>Une s\u00e9lection pr\u00e9cise et un accompagnement jusqu\u2019\u00e0 la signature.<\/p>\n          <\/div>\n          <b>\u2192<\/b>\n        <\/a>\n\n        <a class=\"sil-service sil-reveal\" href=\"\/immobilier\/vendre\/\">\n          <span>02<\/span>\n          <div>\n            <small>VALORISER<\/small>\n            <h3>Vendre<\/h3>\n            <p>Positionnement, mise en sc\u00e8ne, diffusion et suivi de chaque contact.<\/p>\n          <\/div>\n          <b>\u2192<\/b>\n        <\/a>\n\n        <a class=\"sil-service sil-reveal\" href=\"\/immobilier\/louer\/\">\n          <span>03<\/span>\n          <div>\n            <small>LOUER<\/small>\n            <h3>Louer<\/h3>\n            <p>Des biens s\u00e9lectionn\u00e9s et une relation claire \u00e0 chaque \u00e9tape.<\/p>\n          <\/div>\n          <b>\u2192<\/b>\n        <\/a>\n      <\/div>\n\n      <div class=\"sil-services__sub sil-reveal\">\n        <a href=\"\/immobilier\/gestion-locative\/\">Gestion locative <span>\u2192<\/span><\/a>\n        <a href=\"\/immobilier\/investissement-immobilier\/\">Investissement immobilier <span>\u2192<\/span><\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ESTIMATION PREMIUM -->\n  <section class=\"sil-estimate\">\n    <div class=\"sil-estimate__image\">\n      <img src=\"https:\/\/images.unsplash.com\/photo-1600573472550-8090b5e0745e?auto=format&amp;fit=crop&amp;w=1800&amp;q=82\" alt=\"Estimation immobili\u00e8re premium\" width=\"1800\" height=\"1200\" loading=\"lazy\" decoding=\"async\">\n    <\/div>\n\n    <div class=\"sil-shell sil-estimate__inner\">\n      <div class=\"sil-estimate__card sil-reveal\">\n        <span class=\"sil-kicker\">ESTIMATION IMMOBILI\u00c8RE<\/span>\n        <h2>Votre bien m\u00e9rite<br>le bon positionnement.<\/h2>\n        <p>\n          Une estimation coh\u00e9rente commence par une lecture pr\u00e9cise du bien,\n          de son environnement et du march\u00e9 local.\n        <\/p>\n        <a class=\"sil-btn sil-btn--gold\" href=\"\/immobilier\/estimation-immobiliere\/\">Demander une estimation<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PROCESS COMPACT + TIMELINE ACTIVE -->\n  <section class=\"sil-section sil-process\">\n    <div class=\"sil-shell\">\n      <div class=\"sil-heading sil-reveal\">\n        <div>\n          <span class=\"sil-kicker\">NOTRE M\u00c9THODE<\/span>\n          <h2>Une exp\u00e9rience fluide, du premier \u00e9change \u00e0 la signature.<\/h2>\n        <\/div>\n      <\/div>\n\n      <div class=\"sil-timeline\" data-sil-timeline=\"\">\n        <div class=\"sil-timeline__line\"><span><\/span><\/div>\n\n        <article class=\"sil-step is-active\" data-sil-step=\"\">\n          <button type=\"button\">01<\/button>\n          <h3>\u00c9changer<\/h3>\n          <p>Comprendre votre projet, vos priorit\u00e9s et votre calendrier.<\/p>\n        <\/article>\n\n        <article class=\"sil-step\" data-sil-step=\"\">\n          <button type=\"button\">02<\/button>\n          <h3>Positionner<\/h3>\n          <p>D\u00e9finir la strat\u00e9gie la plus coh\u00e9rente selon votre objectif.<\/p>\n        <\/article>\n\n        <article class=\"sil-step\" data-sil-step=\"\">\n          <button type=\"button\">03<\/button>\n          <h3>Accompagner<\/h3>\n          <p>Visites, n\u00e9gociation, documents et suivi du dossier.<\/p>\n        <\/article>\n\n        <article class=\"sil-step\" data-sil-step=\"\">\n          <button type=\"button\">04<\/button>\n          <h3>Signer<\/h3>\n          <p>Finaliser chaque \u00e9tape avec clart\u00e9 et s\u00e9r\u00e9nit\u00e9.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTEURS + MAILLAGE -->\n  <section class=\"sil-section sil-sectors\">\n    <div class=\"sil-shell sil-sectors__grid\">\n\n      <div class=\"sil-sectors__copy sil-reveal\">\n        <span class=\"sil-kicker\">EXPERTISE LOCALE<\/span>\n        <h2>Chaque secteur a son caract\u00e8re.<\/h2>\n        <p>\n          Valeur, demande, typologie de biens, qualit\u00e9 de vie : notre lecture du\n          march\u00e9 local permet d\u2019orienter les d\u00e9cisions avec plus de justesse.\n        <\/p>\n        <a class=\"sil-text-link\" href=\"\/immobilier\/secteurs\/\">D\u00e9couvrir nos secteurs <span>\u2192<\/span><\/a>\n      <\/div>\n\n      <div class=\"sil-sectors__image sil-reveal\">\n        <img src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?auto=format&amp;fit=crop&amp;w=1500&amp;q=82\" alt=\"Expertise locale en immobilier\" width=\"1500\" height=\"1000\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n\n      <div class=\"sil-sectors__links sil-reveal\">\n        <a href=\"\/immobilier\/conseils\/\">Conseils immobiliers <span>\u2192<\/span><\/a>\n        <a href=\"\/immobilier\/faq\/\">FAQ <span>\u2192<\/span><\/a>\n        <a href=\"\/immobilier\/contact\/\">Contact <span>\u2192<\/span><\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- CTA FINAL -->\n  <section class=\"sil-final\">\n    <div class=\"sil-shell sil-final__inner sil-reveal\">\n      <span class=\"sil-overline\">SIGNATURE IMMOBILIER<\/span>\n      <h2>Votre prochain projet<br>commence ici.<\/h2>\n      <p>Parlons de votre achat, votre vente, votre location ou votre estimation.<\/p>\n      <div class=\"sil-final__actions\">\n        <a class=\"sil-btn sil-btn--gold\" href=\"\/immobilier\/contact\/\">Nous contacter<\/a>\n        <a class=\"sil-btn sil-btn--light\" href=\"\/immobilier\/biens\/\">Voir les biens<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<style>\n\/* =========================================================\n   SIGNATURE IMMOBILIER \u2014 LUXURY SYSTEM\n========================================================= *\/\n#sil-home{\n  --sil-ivory:#f7f3eb;\n  --sil-paper:#fffdfa;\n  --sil-champagne:#d4b06a;\n  --sil-champagne-2:#e8cf9b;\n  --sil-title:#7a5c31;\n  --sil-text:#51493f;\n  --sil-muted:#8e8579;\n  --sil-deep:#1f2523;\n  --sil-deep-2:#2a302d;\n  --sil-line:rgba(95,76,47,.14);\n  --sil-white:#ffffff;\n  --sil-shadow:0 24px 70px rgba(43,35,24,.12);\n\n  color:var(--sil-text);\n  background:var(--sil-paper);\n  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n  overflow:hidden;\n}\n#sil-home *,#sil-home *::before,#sil-home *::after{box-sizing:border-box}\n#sil-home img{display:block;max-width:100%}\n#sil-home a{text-decoration:none;color:inherit}\n#sil-home button,#sil-home select,#sil-home input{font:inherit}\n#sil-home h1,#sil-home h2,#sil-home h3,#sil-home p{margin:0}\n#sil-home .sil-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}\n#sil-home .sil-section{padding:104px 0}\n#sil-home .sil-overline,\n#sil-home .sil-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:.19em;\n  text-transform:uppercase;\n  color:var(--sil-champagne);\n}\n#sil-home .sil-kicker::before,\n#sil-home .sil-overline::before{\n  content:\"\";\n  width:34px;\n  height:1px;\n  background:currentColor;\n}\n#sil-home h2{\n  margin-top:15px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(42px,5vw,70px);\n  line-height:1.02;\n  font-weight:500;\n  letter-spacing:-.035em;\n  color:var(--sil-title);\n}\n#sil-home .sil-btn{\n  min-height:54px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 25px;\n  border-radius:999px;\n  font-size:13px;\n  font-weight:800;\n  transition:.25s ease;\n}\n#sil-home .sil-btn:hover{transform:translateY(-2px)}\n#sil-home .sil-btn--gold{\n  background:var(--sil-champagne);\n  color:#272319;\n  box-shadow:0 12px 28px rgba(212,176,106,.2);\n}\n#sil-home .sil-btn--gold:hover{background:var(--sil-champagne-2)}\n#sil-home .sil-btn--light{\n  border:1px solid rgba(255,255,255,.4);\n  background:rgba(255,255,255,.08);\n  color:#fff;\n  backdrop-filter:blur(12px);\n}\n#sil-home .sil-btn--light:hover{background:rgba(255,255,255,.16)}\n\n\/* HERO *\/\n#sil-home .sil-hero{\n  position:relative;\n  min-height:830px;\n  display:flex;\n  align-items:center;\n  color:#fff;\n  background:#1e2422;\n}\n#sil-home .sil-hero__slides,\n#sil-home .sil-hero__slide,\n#sil-home .sil-hero__shade{\n  position:absolute;\n  inset:0;\n}\n#sil-home .sil-hero__slide{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  opacity:0;\n  transform:scale(1.045);\n  transition:opacity 1.15s ease,transform 6.5s ease;\n}\n#sil-home .sil-hero__slide.is-active{\n  opacity:1;\n  transform:scale(1);\n}\n#sil-home .sil-hero__shade{\n  background:\n    linear-gradient(90deg,rgba(24,28,27,.82) 0%,rgba(24,28,27,.58) 44%,rgba(24,28,27,.18) 78%),\n    linear-gradient(0deg,rgba(24,28,27,.62),rgba(24,28,27,.03) 60%);\n}\n#sil-home .sil-hero__inner{\n  position:relative;\n  z-index:2;\n  padding:150px 0 170px;\n}\n#sil-home .sil-hero__copy{max-width:810px}\n#sil-home .sil-hero h1{\n  margin-top:20px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(58px,7.6vw,104px);\n  line-height:.92;\n  font-weight:500;\n  letter-spacing:-.04em;\n  color:#fff;\n  text-shadow:0 12px 42px rgba(0,0,0,.14);\n}\n#sil-home .sil-hero h1 span{\n  color:var(--sil-champagne-2);\n  font-style:italic;\n  font-weight:400;\n}\n#sil-home .sil-hero__copy>p{\n  max-width:620px;\n  margin-top:26px;\n  font-size:18px;\n  line-height:1.75;\n  color:rgba(255,255,255,.82);\n}\n#sil-home .sil-hero__actions{\n  display:flex;\n  gap:12px;\n  flex-wrap:wrap;\n  margin-top:32px;\n}\n#sil-home .sil-search{\n  position:absolute;\n  left:0;\n  right:0;\n  bottom:-58px;\n  padding:19px 22px 21px;\n  border-radius:22px;\n  background:rgba(255,253,250,.96);\n  color:var(--sil-text);\n  box-shadow:0 28px 70px rgba(22,25,24,.21);\n  backdrop-filter:blur(12px);\n}\n#sil-home .sil-search__label{\n  margin-bottom:12px;\n  font-family:Georgia,serif;\n  color:var(--sil-title);\n  font-size:19px;\n}\n#sil-home .sil-search form{\n  display:grid;\n  grid-template-columns:1fr 1fr 1.15fr auto;\n  gap:0;\n  border-top:1px solid var(--sil-line);\n  padding-top:15px;\n}\n#sil-home .sil-search label{\n  display:flex;\n  flex-direction:column;\n  gap:7px;\n  padding:2px 18px;\n  border-right:1px solid var(--sil-line);\n}\n#sil-home .sil-search label span{\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:.15em;\n  text-transform:uppercase;\n  color:#a29582;\n}\n#sil-home .sil-search input,\n#sil-home .sil-search select{\n  height:32px;\n  width:100%;\n  border:0;\n  outline:0;\n  color:var(--sil-text);\n  background:transparent;\n}\n#sil-home .sil-search button{\n  min-width:146px;\n  border:0;\n  border-radius:14px;\n  background:var(--sil-deep);\n  color:#fff;\n  font-weight:800;\n  cursor:pointer;\n}\n#sil-home .sil-search button span{color:var(--sil-champagne)}\n#sil-home .sil-hero__nav{\n  position:absolute;\n  z-index:4;\n  right:max(24px,calc((100vw - 1240px)\/2));\n  bottom:105px;\n  display:flex;\n  gap:8px;\n}\n#sil-home .sil-hero__nav button{\n  width:27px;\n  height:3px;\n  padding:0;\n  border:0;\n  background:rgba(255,255,255,.38);\n  cursor:pointer;\n  transition:.25s ease;\n}\n#sil-home .sil-hero__nav button.is-active{\n  width:58px;\n  background:var(--sil-champagne);\n}\n\n\/* PROOF *\/\n#sil-home .sil-proof{\n  padding:105px 0 26px;\n  background:var(--sil-paper);\n}\n#sil-home .sil-proof__grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  overflow:hidden;\n  border:1px solid var(--sil-line);\n  border-radius:18px;\n  background:#fff;\n}\n#sil-home .sil-proof__grid>div{\n  padding:22px 24px;\n  border-right:1px solid var(--sil-line);\n}\n#sil-home .sil-proof__grid>div:last-child{border-right:0}\n#sil-home .sil-proof strong{\n  display:block;\n  font-family:Georgia,serif;\n  font-size:31px;\n  font-weight:500;\n  color:var(--sil-title);\n}\n#sil-home .sil-proof span{\n  display:block;\n  margin-top:4px;\n  color:var(--sil-muted);\n  font-size:11px;\n}\n\n\/* INTRO *\/\n#sil-home .sil-intro{background:var(--sil-paper)}\n#sil-home .sil-intro__grid{\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n  gap:100px;\n  align-items:center;\n}\n#sil-home .sil-intro__visual{\n  position:relative;\n  min-height:610px;\n}\n#sil-home .sil-intro__main{\n  position:absolute;\n  left:0;\n  top:0;\n  width:78%;\n  height:560px;\n  overflow:hidden;\n  border-radius:220px 220px 22px 22px;\n}\n#sil-home .sil-intro__main img,\n#sil-home .sil-intro__small img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n#sil-home .sil-intro__small{\n  position:absolute;\n  right:0;\n  bottom:0;\n  width:42%;\n  aspect-ratio:1\/1;\n  overflow:hidden;\n  border:10px solid var(--sil-paper);\n  border-radius:50%;\n}\n#sil-home .sil-intro__signature{\n  position:absolute;\n  left:-14px;\n  bottom:12px;\n  font-family:Georgia,serif;\n  font-size:140px;\n  line-height:.8;\n  color:rgba(212,176,106,.14);\n}\n#sil-home .sil-intro__content .sil-lead{\n  margin-top:26px;\n  font-family:Georgia,serif;\n  font-size:23px;\n  line-height:1.55;\n  color:#665b4e;\n}\n#sil-home .sil-intro__content>p:not(.sil-lead){\n  margin-top:18px;\n  color:var(--sil-muted);\n  font-size:15px;\n  line-height:1.8;\n}\n#sil-home .sil-inline-links{\n  display:flex;\n  gap:26px;\n  flex-wrap:wrap;\n  margin-top:29px;\n}\n#sil-home .sil-inline-links a,\n#sil-home .sil-heading>a,\n#sil-home .sil-text-link{\n  padding-bottom:4px;\n  border-bottom:1px solid rgba(212,176,106,.55);\n  font-size:12px;\n  font-weight:800;\n}\n#sil-home .sil-inline-links span,\n#sil-home .sil-heading>a span,\n#sil-home .sil-text-link span{color:var(--sil-champagne)}\n\n\/* HEADING *\/\n#sil-home .sil-heading{\n  display:flex;\n  justify-content:space-between;\n  align-items:flex-end;\n  gap:40px;\n  margin-bottom:42px;\n}\n#sil-home .sil-heading--light h2{color:#f3e7d0}\n\n\/* FEATURED *\/\n#sil-home .sil-featured{background:var(--sil-ivory)}\n#sil-home .sil-property-track{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:20px;\n}\n#sil-home .sil-property{\n  overflow:hidden;\n  border-radius:20px;\n  background:#fff;\n  box-shadow:0 16px 42px rgba(52,43,30,.07);\n}\n#sil-home .sil-property__media{\n  position:relative;\n  display:block;\n  width:100%;\n  padding:0;\n  border:0;\n  aspect-ratio:1.3\/1;\n  overflow:hidden;\n  background:#ddd;\n  cursor:pointer;\n  text-align:left;\n}\n#sil-home .sil-property__media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  transition:transform .7s ease,filter .35s ease;\n}\n#sil-home .sil-property:hover .sil-property__media img{\n  transform:scale(1.04);\n  filter:brightness(.92);\n}\n#sil-home .sil-badge{\n  position:absolute;\n  top:15px;\n  left:15px;\n  padding:8px 11px;\n  border-radius:999px;\n  background:rgba(255,253,250,.94);\n  color:var(--sil-title);\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n#sil-home .sil-property__hover{\n  position:absolute;\n  left:18px;\n  right:18px;\n  bottom:16px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  padding:12px 14px;\n  border-radius:12px;\n  color:#fff;\n  background:rgba(31,37,35,.72);\n  backdrop-filter:blur(9px);\n  font-size:11px;\n  font-weight:800;\n  opacity:0;\n  transform:translateY(8px);\n  transition:.3s ease;\n}\n#sil-home .sil-property:hover .sil-property__hover{\n  opacity:1;\n  transform:none;\n}\n#sil-home .sil-property__hover b{color:var(--sil-champagne);font-size:16px}\n#sil-home .sil-property__content{padding:20px}\n#sil-home .sil-property__content>span{\n  font-size:9px;\n  color:var(--sil-champagne);\n  font-weight:900;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n#sil-home .sil-property h3{\n  margin-top:8px;\n  font-family:Georgia,serif;\n  font-size:25px;\n  line-height:1.16;\n  font-weight:500;\n  color:var(--sil-title);\n}\n#sil-home .sil-property__facts{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-top:15px;\n  color:var(--sil-muted);\n  font-size:11px;\n}\n#sil-home .sil-property__facts span+span::before{\n  content:\"\u2022\";\n  margin-right:10px;\n  color:var(--sil-champagne);\n}\n#sil-home .sil-property__bottom{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n  margin-top:18px;\n  padding-top:15px;\n  border-top:1px solid var(--sil-line);\n}\n#sil-home .sil-property__bottom strong{\n  font-family:Georgia,serif;\n  font-size:22px;\n  font-weight:500;\n  color:#52452f;\n}\n#sil-home .sil-property__bottom button{\n  padding:0;\n  border:0;\n  background:none;\n  color:var(--sil-text);\n  font-size:11px;\n  font-weight:800;\n  cursor:pointer;\n}\n#sil-home .sil-property__bottom button:hover{color:var(--sil-title)}\n#sil-home .sil-mobile-progress{display:none}\n#sil-home .sil-featured__links{\n  display:flex;\n  justify-content:flex-end;\n  gap:26px;\n  flex-wrap:wrap;\n  margin-top:24px;\n}\n#sil-home .sil-featured__links a{\n  font-size:12px;\n  font-weight:800;\n}\n#sil-home .sil-featured__links span{color:var(--sil-champagne)}\n\n\/* PROPERTY MODAL *\/\nbody.sil-modal-open{overflow:hidden}\n#sil-home .sil-modal{\n  position:fixed;\n  inset:0;\n  z-index:999999;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:26px;\n  opacity:0;\n  visibility:hidden;\n  pointer-events:none;\n  transition:opacity .3s ease,visibility .3s ease;\n}\n#sil-home .sil-modal.is-open{\n  opacity:1;\n  visibility:visible;\n  pointer-events:auto;\n}\n#sil-home .sil-modal__backdrop{\n  position:absolute;\n  inset:0;\n  border:0;\n  background:rgba(17,20,19,.76);\n  backdrop-filter:blur(9px);\n  cursor:pointer;\n}\n#sil-home .sil-modal__panel{\n  position:relative;\n  z-index:2;\n  width:min(1420px,100%);\n  height:min(900px,92vh);\n  display:grid;\n  grid-template-columns:minmax(0,1.17fr) minmax(420px,.83fr);\n  overflow:hidden;\n  border-radius:24px;\n  background:var(--sil-paper);\n  box-shadow:0 42px 110px rgba(0,0,0,.35);\n  transform:translateY(16px) scale(.985);\n  transition:transform .34s cubic-bezier(.2,.7,.2,1);\n}\n#sil-home .sil-modal.is-open .sil-modal__panel{transform:none}\n#sil-home .sil-modal__close{\n  position:absolute;\n  z-index:7;\n  right:18px;\n  top:18px;\n  width:42px;\n  height:42px;\n  display:grid;\n  place-items:center;\n  border:1px solid rgba(255,255,255,.38);\n  border-radius:50%;\n  background:rgba(31,37,35,.62);\n  color:#fff;\n  backdrop-filter:blur(8px);\n  font-size:24px;\n  line-height:1;\n  cursor:pointer;\n}\n#sil-home .sil-modal__gallery{\n  min-width:0;\n  padding:16px;\n  background:#ece6dc;\n  overflow:hidden;\n}\n#sil-home .sil-modal__main{\n  position:relative;\n  height:calc(100% - 94px);\n  min-height:480px;\n  overflow:hidden;\n  border-radius:18px;\n  background:#d8d1c7;\n  touch-action:pan-y;\n}\n#sil-home .sil-modal__main>img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  user-select:none;\n  -webkit-user-drag:none;\n}\n#sil-home .sil-gallery-arrow{\n  position:absolute;\n  top:50%;\n  width:46px;\n  height:46px;\n  margin-top:-23px;\n  border:1px solid rgba(255,255,255,.5);\n  border-radius:50%;\n  background:rgba(31,37,35,.48);\n  color:#fff;\n  backdrop-filter:blur(8px);\n  cursor:pointer;\n  font-size:19px;\n}\n#sil-home .sil-gallery-arrow--prev{left:18px}\n#sil-home .sil-gallery-arrow--next{right:18px}\n#sil-home .sil-gallery-count{\n  position:absolute;\n  right:18px;\n  bottom:18px;\n  padding:8px 11px;\n  border-radius:999px;\n  background:rgba(31,37,35,.65);\n  color:#fff;\n  backdrop-filter:blur(8px);\n  font-size:10px;\n  font-weight:800;\n}\n#sil-home .sil-modal__thumbs{\n  display:flex;\n  gap:10px;\n  height:78px;\n  margin-top:10px;\n  overflow-x:auto;\n  scrollbar-width:none;\n}\n#sil-home .sil-modal__thumbs::-webkit-scrollbar{display:none}\n#sil-home .sil-modal__thumbs button{\n  flex:0 0 105px;\n  height:76px;\n  padding:0;\n  overflow:hidden;\n  border:2px solid transparent;\n  border-radius:10px;\n  background:none;\n  cursor:pointer;\n  opacity:.68;\n}\n#sil-home .sil-modal__thumbs button.is-active{\n  border-color:var(--sil-champagne);\n  opacity:1;\n}\n#sil-home .sil-modal__thumbs img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n#sil-home .sil-modal__details{\n  min-width:0;\n  padding:42px 38px 42px;\n  overflow-y:auto;\n  overscroll-behavior:contain;\n}\n#sil-home .sil-modal__topline{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:15px;\n  padding-right:40px;\n}\n#sil-home .sil-modal__transaction{\n  padding:7px 10px;\n  border-radius:999px;\n  background:#eee4d4;\n  color:var(--sil-title);\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n}\n#sil-home .sil-modal__reference{\n  color:var(--sil-muted);\n  font-size:10px;\n  font-weight:700;\n}\n#sil-home .sil-modal__details>h3{\n  margin-top:18px;\n  font-family:Georgia,serif;\n  font-size:clamp(34px,3vw,51px);\n  line-height:1.02;\n  font-weight:500;\n  letter-spacing:-.03em;\n  color:var(--sil-title);\n}\n#sil-home .sil-modal__location{\n  margin-top:10px;\n  color:var(--sil-muted);\n  font-size:12px;\n}\n#sil-home .sil-modal__price{\n  margin-top:18px;\n  font-family:Georgia,serif;\n  font-size:31px;\n  color:#4d412f;\n}\n#sil-home .sil-modal__facts{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:8px;\n  margin-top:25px;\n}\n#sil-home .sil-modal__fact{\n  min-width:0;\n  padding:14px 10px;\n  border:1px solid var(--sil-line);\n  border-radius:13px;\n  background:#fff;\n}\n#sil-home .sil-modal__fact span{\n  display:block;\n  color:var(--sil-muted);\n  font-size:8px;\n  font-weight:900;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n#sil-home .sil-modal__fact strong{\n  display:block;\n  margin-top:5px;\n  font-family:Georgia,serif;\n  font-size:18px;\n  font-weight:500;\n  color:var(--sil-title);\n}\n#sil-home .sil-modal__energy{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n  margin-top:10px;\n}\n#sil-home .sil-modal__energy>div{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  padding:12px 14px;\n  border-radius:12px;\n  background:#f1ece3;\n}\n#sil-home .sil-modal__energy span{\n  color:var(--sil-muted);\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:.12em;\n}\n#sil-home .sil-modal__energy strong{\n  width:29px;\n  height:29px;\n  display:grid;\n  place-items:center;\n  border-radius:7px;\n  background:var(--sil-deep);\n  color:#fff;\n  font-size:12px;\n}\n#sil-home .sil-modal__block{\n  margin-top:28px;\n  padding-top:25px;\n  border-top:1px solid var(--sil-line);\n}\n#sil-home .sil-modal__label{\n  display:block;\n  color:var(--sil-champagne);\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:.15em;\n  text-transform:uppercase;\n}\n#sil-home .sil-modal__block>p{\n  margin-top:11px;\n  color:var(--sil-muted);\n  font-size:13px;\n  line-height:1.8;\n}\n#sil-home .sil-modal__chips{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n  margin-top:13px;\n}\n#sil-home .sil-modal__chips span{\n  padding:8px 10px;\n  border:1px solid var(--sil-line);\n  border-radius:999px;\n  background:#fff;\n  color:#615746;\n  font-size:10px;\n}\n#sil-home .sil-modal__characteristics{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:0 24px;\n  margin-top:10px;\n}\n#sil-home .sil-modal__characteristic{\n  display:flex;\n  justify-content:space-between;\n  gap:14px;\n  padding:10px 0;\n  border-bottom:1px solid var(--sil-line);\n  font-size:11px;\n}\n#sil-home .sil-modal__characteristic span{color:var(--sil-muted)}\n#sil-home .sil-modal__characteristic strong{\n  color:#5b4d3a;\n  font-weight:800;\n  text-align:right;\n}\n#sil-home .sil-modal__location-card{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n  margin-top:26px;\n  padding:19px;\n  border-radius:16px;\n  background:#eee7db;\n}\n#sil-home .sil-modal__location-card strong{\n  display:block;\n  margin-top:6px;\n  font-family:Georgia,serif;\n  color:var(--sil-title);\n  font-size:19px;\n  font-weight:500;\n}\n#sil-home .sil-modal__location-card small{\n  display:block;\n  margin-top:4px;\n  color:var(--sil-muted);\n  font-size:9px;\n}\n#sil-home .sil-modal__mapmark{\n  width:48px;\n  height:48px;\n  display:grid;\n  place-items:center;\n  flex:0 0 48px;\n  border-radius:50%;\n  background:var(--sil-deep);\n  color:var(--sil-champagne);\n  font-size:22px;\n}\n#sil-home .sil-modal__cta{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:18px;\n  margin-top:27px;\n  padding:22px;\n  border-radius:17px;\n  background:var(--sil-deep);\n  color:#fff;\n}\n#sil-home .sil-modal__cta small{\n  display:block;\n  color:rgba(255,255,255,.58);\n  font-size:9px;\n  text-transform:uppercase;\n  letter-spacing:.12em;\n}\n#sil-home .sil-modal__cta strong{\n  display:block;\n  margin-top:4px;\n  font-family:Georgia,serif;\n  font-size:21px;\n  font-weight:500;\n  color:#f2e4cc;\n}\n#sil-home .sil-modal__cta .sil-btn{flex:0 0 auto}\n#sil-home .sil-modal__similar{\n  margin-top:30px;\n  padding-top:25px;\n  border-top:1px solid var(--sil-line);\n}\n#sil-home .sil-modal__similar-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n  margin-top:12px;\n}\n#sil-home .sil-similar{\n  display:grid;\n  grid-template-columns:78px 1fr;\n  gap:11px;\n  align-items:center;\n  padding:8px;\n  border:1px solid var(--sil-line);\n  border-radius:13px;\n  background:#fff;\n  cursor:pointer;\n  text-align:left;\n}\n#sil-home .sil-similar img{\n  width:78px;\n  height:62px;\n  object-fit:cover;\n  border-radius:9px;\n}\n#sil-home .sil-similar small{\n  display:block;\n  color:var(--sil-champagne);\n  font-size:8px;\n  font-weight:900;\n  letter-spacing:.1em;\n  text-transform:uppercase;\n}\n#sil-home .sil-similar strong{\n  display:block;\n  margin-top:4px;\n  color:var(--sil-title);\n  font-family:Georgia,serif;\n  font-size:15px;\n  line-height:1.15;\n  font-weight:500;\n}\n\n\/* SERVICES *\/\n#sil-home .sil-services{\n  background:var(--sil-deep);\n  color:#fff;\n}\n#sil-home .sil-services__grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  border-top:1px solid rgba(255,255,255,.13);\n  border-bottom:1px solid rgba(255,255,255,.13);\n}\n#sil-home .sil-service{\n  display:grid;\n  grid-template-columns:auto 1fr auto;\n  gap:18px;\n  align-items:start;\n  min-height:235px;\n  padding:28px 28px 26px;\n  border-right:1px solid rgba(255,255,255,.13);\n  transition:.28s ease;\n}\n#sil-home .sil-service:last-child{border-right:0}\n#sil-home .sil-service:hover{background:rgba(255,255,255,.045)}\n#sil-home .sil-service>span{\n  font-family:Georgia,serif;\n  font-size:21px;\n  color:var(--sil-champagne);\n}\n#sil-home .sil-service small{\n  color:var(--sil-champagne-2);\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:.14em;\n}\n#sil-home .sil-service h3{\n  margin-top:8px;\n  font-family:Georgia,serif;\n  font-size:40px;\n  font-weight:500;\n  color:#f4ead7;\n}\n#sil-home .sil-service p{\n  margin-top:11px;\n  color:rgba(255,255,255,.65);\n  font-size:12px;\n  line-height:1.7;\n}\n#sil-home .sil-service>b{\n  color:var(--sil-champagne);\n  font-size:18px;\n}\n#sil-home .sil-services__sub{\n  display:flex;\n  justify-content:flex-end;\n  gap:28px;\n  flex-wrap:wrap;\n  margin-top:24px;\n}\n#sil-home .sil-services__sub a{\n  font-size:11px;\n  color:rgba(255,255,255,.76);\n}\n#sil-home .sil-services__sub span{color:var(--sil-champagne)}\n\n\/* ESTIMATE *\/\n#sil-home .sil-estimate{\n  position:relative;\n  min-height:610px;\n  display:flex;\n  align-items:center;\n  overflow:hidden;\n}\n#sil-home .sil-estimate__image{\n  position:absolute;\n  inset:0;\n}\n#sil-home .sil-estimate__image::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(90deg,rgba(32,35,33,.12),rgba(32,35,33,.04));\n}\n#sil-home .sil-estimate__image img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n#sil-home .sil-estimate__inner{\n  position:relative;\n  z-index:2;\n  display:flex;\n  justify-content:flex-end;\n  padding:80px 0;\n}\n#sil-home .sil-estimate__card{\n  width:min(540px,100%);\n  padding:46px;\n  border-radius:22px;\n  background:rgba(255,253,250,.95);\n  box-shadow:var(--sil-shadow);\n  backdrop-filter:blur(12px);\n}\n#sil-home .sil-estimate__card h2{\n  font-size:clamp(38px,4.4vw,58px);\n}\n#sil-home .sil-estimate__card p{\n  margin:22px 0 28px;\n  color:var(--sil-muted);\n  line-height:1.75;\n  font-size:14px;\n}\n\n\/* PROCESS *\/\n#sil-home .sil-process{background:var(--sil-paper)}\n#sil-home .sil-timeline{\n  position:relative;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:24px;\n  padding-top:14px;\n}\n#sil-home .sil-timeline__line{\n  position:absolute;\n  top:39px;\n  left:8%;\n  right:8%;\n  height:2px;\n  background:#eee7dc;\n}\n#sil-home .sil-timeline__line span{\n  display:block;\n  width:0;\n  height:100%;\n  background:var(--sil-champagne);\n  transition:width .35s ease;\n}\n#sil-home .sil-step{\n  position:relative;\n  z-index:1;\n  text-align:center;\n}\n#sil-home .sil-step button{\n  width:50px;\n  height:50px;\n  border-radius:50%;\n  border:1px solid #ded4c5;\n  background:var(--sil-paper);\n  color:#aa9c89;\n  font-size:10px;\n  font-weight:900;\n  transition:.3s;\n}\n#sil-home .sil-step h3{\n  margin-top:18px;\n  font-family:Georgia,serif;\n  font-size:27px;\n  font-weight:500;\n  color:var(--sil-title);\n}\n#sil-home .sil-step p{\n  max-width:245px;\n  margin:9px auto 0;\n  color:var(--sil-muted);\n  font-size:12px;\n  line-height:1.65;\n}\n#sil-home .sil-step.is-active button{\n  border-color:var(--sil-champagne);\n  background:var(--sil-champagne);\n  color:#2b261d;\n  box-shadow:0 10px 26px rgba(212,176,106,.24);\n}\n\n\/* SECTORS *\/\n#sil-home .sil-sectors{background:var(--sil-ivory)}\n#sil-home .sil-sectors__grid{\n  display:grid;\n  grid-template-columns:.85fr 1.15fr;\n  gap:70px;\n  align-items:center;\n}\n#sil-home .sil-sectors__copy p{\n  margin:22px 0 26px;\n  max-width:540px;\n  color:var(--sil-muted);\n  font-size:14px;\n  line-height:1.8;\n}\n#sil-home .sil-sectors__image{\n  overflow:hidden;\n  border-radius:22px;\n}\n#sil-home .sil-sectors__image img{\n  width:100%;\n  aspect-ratio:1.45\/1;\n  object-fit:cover;\n}\n#sil-home .sil-sectors__links{\n  grid-column:1\/-1;\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  border-top:1px solid var(--sil-line);\n  border-bottom:1px solid var(--sil-line);\n}\n#sil-home .sil-sectors__links a{\n  display:flex;\n  justify-content:space-between;\n  padding:18px 20px;\n  border-right:1px solid var(--sil-line);\n  font-size:12px;\n  font-weight:800;\n  color:#625442;\n}\n#sil-home .sil-sectors__links a:last-child{border-right:0}\n#sil-home .sil-sectors__links span{color:var(--sil-champagne)}\n\n\/* FINAL *\/\n#sil-home .sil-final{\n  padding:100px 0;\n  background:linear-gradient(135deg,#242a27,#1c211f);\n  color:#fff;\n}\n#sil-home .sil-final__inner{\n  text-align:center;\n  max-width:900px;\n}\n#sil-home .sil-final .sil-overline::before{display:none}\n#sil-home .sil-final h2{\n  color:#f2e5cf;\n  font-size:clamp(45px,5.8vw,76px);\n}\n#sil-home .sil-final p{\n  max-width:600px;\n  margin:22px auto 28px;\n  color:rgba(255,255,255,.67);\n  line-height:1.75;\n}\n#sil-home .sil-final__actions{\n  display:flex;\n  justify-content:center;\n  gap:12px;\n  flex-wrap:wrap;\n}\n\n\/* REVEAL *\/\n#sil-home .sil-reveal{\n  opacity:0;\n  transform:translateY(24px);\n  transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);\n}\n#sil-home .sil-reveal.is-visible{\n  opacity:1;\n  transform:none;\n}\n\n\/* TABLET *\/\n@media(max-width:1000px){\n  #sil-home .sil-search form{grid-template-columns:1fr 1fr}\n  #sil-home .sil-search label{border-right:0;border-bottom:1px solid var(--sil-line);padding:10px 13px}\n  #sil-home .sil-search button{min-height:50px;grid-column:1\/-1;margin-top:8px}\n  #sil-home .sil-hero__inner{padding-bottom:230px}\n  #sil-home .sil-search{bottom:-112px}\n  #sil-home .sil-proof{padding-top:160px}\n  #sil-home .sil-intro__grid,\n  #sil-home .sil-sectors__grid{gap:55px}\n  #sil-home .sil-intro__visual{min-height:530px}\n  #sil-home .sil-intro__main{height:490px}\n  #sil-home .sil-services__grid{grid-template-columns:1fr}\n  #sil-home .sil-service{border-right:0;border-bottom:1px solid rgba(255,255,255,.13);min-height:auto}\n  #sil-home .sil-service:last-child{border-bottom:0}\n}\n\n\/* MOBILE *\/\n@media(max-width:720px){\n  #sil-home .sil-shell{width:calc(100% - 26px)}\n  #sil-home .sil-section{padding:72px 0}\n  #sil-home h2{font-size:clamp(38px,11vw,52px)}\n  #sil-home .sil-hero{min-height:730px}\n  #sil-home .sil-hero__shade{\n    background:\n      linear-gradient(90deg,rgba(24,28,27,.8),rgba(24,28,27,.48)),\n      linear-gradient(0deg,rgba(24,28,27,.72),rgba(24,28,27,.05) 60%);\n  }\n  #sil-home .sil-hero__inner{padding:105px 0 260px}\n  #sil-home .sil-hero h1{\n    font-size:clamp(48px,14vw,67px);\n    line-height:.94;\n  }\n  #sil-home .sil-hero__copy>p{\n    margin-top:19px;\n    font-size:14px;\n    line-height:1.65;\n  }\n  #sil-home .sil-btn{min-height:49px;padding:0 20px;font-size:12px}\n  #sil-home .sil-search{bottom:-174px;padding:14px;border-radius:18px}\n  #sil-home .sil-search__label{font-size:17px}\n  #sil-home .sil-search form{grid-template-columns:1fr 1fr}\n  #sil-home .sil-search label{padding:9px 8px}\n  #sil-home .sil-search button{grid-column:1\/-1}\n  #sil-home .sil-hero__nav{bottom:195px;right:18px}\n  #sil-home .sil-proof{padding-top:222px}\n  #sil-home .sil-proof__grid{grid-template-columns:1fr 1fr}\n  #sil-home .sil-proof__grid>div{\n    padding:16px 14px;\n    border-right:0;\n    border-bottom:1px solid var(--sil-line);\n  }\n  #sil-home .sil-proof__grid>div:nth-child(odd){border-right:1px solid var(--sil-line)}\n  #sil-home .sil-proof__grid>div:nth-child(n+3){border-bottom:0}\n  #sil-home .sil-proof strong{font-size:26px}\n\n  #sil-home .sil-intro__grid,\n  #sil-home .sil-sectors__grid{grid-template-columns:1fr}\n  #sil-home .sil-intro__grid{gap:42px}\n  #sil-home .sil-intro__visual{min-height:430px}\n  #sil-home .sil-intro__main{width:82%;height:400px}\n  #sil-home .sil-intro__small{width:38%;border-width:6px}\n  #sil-home .sil-intro__signature{font-size:95px}\n  #sil-home .sil-intro__content .sil-lead{font-size:19px}\n  #sil-home .sil-heading{\n    align-items:flex-start;\n    flex-direction:column;\n    gap:20px;\n    margin-bottom:30px;\n  }\n\n  \/* Galerie auto uniquement mobile *\/\n  #sil-home .sil-property-slider{\n    overflow:hidden;\n    margin-right:-13px;\n  }\n  #sil-home .sil-property-track{\n    display:flex;\n    gap:14px;\n    transition:transform .62s cubic-bezier(.22,.61,.36,1);\n    will-change:transform;\n  }\n  #sil-home .sil-property{\n    flex:0 0 calc(88vw - 26px);\n  }\n  #sil-home .sil-mobile-progress{\n    display:block;\n    height:2px;\n    margin-top:18px;\n    background:#e5ddd0;\n    overflow:hidden;\n  }\n  #sil-home .sil-mobile-progress span{\n    display:block;\n    width:33.333%;\n    height:100%;\n    background:var(--sil-champagne);\n    transition:transform .4s ease;\n  }\n  #sil-home .sil-featured__links{justify-content:flex-start}\n\n  #sil-home .sil-services__sub{\n    justify-content:flex-start;\n    gap:16px;\n  }\n\n  #sil-home .sil-estimate{min-height:530px}\n  #sil-home .sil-estimate__image::after{\n    background:linear-gradient(0deg,rgba(31,37,35,.38),rgba(31,37,35,.05));\n  }\n  #sil-home .sil-estimate__inner{\n    align-items:flex-end;\n    padding:55px 0;\n  }\n  #sil-home .sil-estimate__card{\n    padding:28px 22px;\n  }\n\n  #sil-home .sil-timeline{\n    display:block;\n    padding-left:58px;\n  }\n  #sil-home .sil-timeline__line{\n    left:24px;\n    right:auto;\n    top:24px;\n    bottom:24px;\n    width:2px;\n    height:auto;\n  }\n  #sil-home .sil-timeline__line span{\n    width:100%;\n    height:0;\n  }\n  #sil-home .sil-step{\n    position:relative;\n    text-align:left;\n    margin-bottom:26px;\n  }\n  #sil-home .sil-step button{\n    position:absolute;\n    left:-58px;\n    top:0;\n  }\n  #sil-home .sil-step h3{\n    margin-top:0;\n    font-size:25px;\n  }\n  #sil-home .sil-step p{\n    margin:8px 0 0;\n    max-width:none;\n  }\n\n  #sil-home .sil-sectors__grid{gap:38px}\n  #sil-home .sil-sectors__image{order:-1}\n  #sil-home .sil-sectors__links{\n    grid-template-columns:1fr;\n  }\n  #sil-home .sil-sectors__links a{\n    border-right:0;\n    border-bottom:1px solid var(--sil-line);\n  }\n  #sil-home .sil-sectors__links a:last-child{border-bottom:0}\n  #sil-home .sil-final{padding:78px 0}\n}\n\n\n\/* MODAL RESPONSIVE *\/\n@media(max-width:1000px){\n  #sil-home .sil-modal{\n    padding:14px;\n  }\n  #sil-home .sil-modal__panel{\n    grid-template-columns:1fr;\n    height:94vh;\n    overflow-y:auto;\n  }\n  #sil-home .sil-modal__gallery{\n    height:auto;\n    overflow:visible;\n  }\n  #sil-home .sil-modal__main{\n    height:55vh;\n    min-height:390px;\n  }\n  #sil-home .sil-modal__details{\n    overflow:visible;\n  }\n}\n@media(max-width:720px){\n  #sil-home .sil-property__hover{\n    opacity:1;\n    transform:none;\n    padding:10px 12px;\n  }\n  #sil-home .sil-modal{\n    padding:0;\n    align-items:stretch;\n  }\n  #sil-home .sil-modal__panel{\n    width:100%;\n    height:100dvh;\n    max-height:none;\n    border-radius:0;\n    display:block;\n    overflow-y:auto;\n    overscroll-behavior:contain;\n  }\n  #sil-home .sil-modal__close{\n    position:fixed;\n    right:12px;\n    top:12px;\n    width:40px;\n    height:40px;\n  }\n  #sil-home .sil-modal__gallery{\n    padding:0;\n    background:#ddd7cc;\n  }\n  #sil-home .sil-modal__main{\n    height:54vh;\n    min-height:350px;\n    border-radius:0;\n  }\n  #sil-home .sil-gallery-arrow{\n    width:40px;\n    height:40px;\n    margin-top:-20px;\n  }\n  #sil-home .sil-gallery-arrow--prev{left:12px}\n  #sil-home .sil-gallery-arrow--next{right:12px}\n  #sil-home .sil-gallery-count{\n    right:12px;\n    bottom:12px;\n  }\n  #sil-home .sil-modal__thumbs{\n    display:none;\n  }\n  #sil-home .sil-modal__details{\n    padding:27px 16px 42px;\n    overflow:visible;\n  }\n  #sil-home .sil-modal__topline{padding-right:42px}\n  #sil-home .sil-modal__details>h3{\n    font-size:36px;\n    margin-top:15px;\n  }\n  #sil-home .sil-modal__price{font-size:28px}\n  #sil-home .sil-modal__facts{\n    grid-template-columns:1fr 1fr;\n  }\n  #sil-home .sil-modal__characteristics{\n    grid-template-columns:1fr;\n  }\n  #sil-home .sil-modal__cta{\n    align-items:flex-start;\n    flex-direction:column;\n  }\n  #sil-home .sil-modal__cta .sil-btn{\n    width:100%;\n  }\n  #sil-home .sil-modal__similar-grid{\n    grid-template-columns:1fr;\n  }\n}\n\n\/* REDUCED MOTION *\/\n@media(prefers-reduced-motion:reduce){\n  #sil-home *,#sil-home *::before,#sil-home *::after{\n    animation:none!important;\n    transition:none!important;\n    scroll-behavior:auto!important;\n  }\n  #sil-home .sil-reveal{opacity:1;transform:none}\n}\n<\/style>\n\n<script>\n(function(){\n  const root = document.getElementById('sil-home');\n  if(!root) return;\n\n  const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* HERO AUTO \u2014 5 secondes *\/\n  const slides = [...root.querySelectorAll('.sil-hero__slide')];\n  const dots = [...root.querySelectorAll('[data-sil-hero]')];\n  let heroIndex = 0;\n  let heroTimer;\n\n  slides.forEach((img,i)=>{\n    if(i>0 && img.dataset.src){\n      const preload = new Image();\n      preload.onload = ()=>{ img.src = img.dataset.src; };\n      preload.src = img.dataset.src;\n    }\n  });\n\n  function showHero(i){\n    heroIndex = (i + slides.length) % slides.length;\n    slides.forEach((s,n)=>s.classList.toggle('is-active',n===heroIndex));\n    dots.forEach((d,n)=>d.classList.toggle('is-active',n===heroIndex));\n  }\n  function startHero(){\n    if(reduce) return;\n    clearInterval(heroTimer);\n    heroTimer = setInterval(()=>showHero(heroIndex+1),5000);\n  }\n  dots.forEach((dot,i)=>dot.addEventListener('click',()=>{\n    showHero(i);\n    startHero();\n  }));\n  startHero();\n\n  \/* REVEAL *\/\n  const reveals = root.querySelectorAll('.sil-reveal');\n  if('IntersectionObserver' in window && !reduce){\n    const obs = new IntersectionObserver((entries,o)=>{\n      entries.forEach(entry=>{\n        if(entry.isIntersecting){\n          entry.target.classList.add('is-visible');\n          o.unobserve(entry.target);\n        }\n      });\n    },{threshold:.12,rootMargin:'0px 0px -35px'});\n    reveals.forEach(el=>obs.observe(el));\n  }else{\n    reveals.forEach(el=>el.classList.add('is-visible'));\n  }\n\n  \/* COMPTEURS *\/\n  const counters = root.querySelectorAll('[data-count]');\n  if('IntersectionObserver' in window && !reduce){\n    const counterObs = new IntersectionObserver((entries,o)=>{\n      entries.forEach(entry=>{\n        if(!entry.isIntersecting) return;\n        const el = entry.target;\n        const target = Number(el.dataset.count || 0);\n        const duration = 1100;\n        const start = performance.now();\n        function frame(now){\n          const p = Math.min(1,(now-start)\/duration);\n          const eased = 1-Math.pow(1-p,3);\n          el.textContent = Math.round(target*eased).toLocaleString('fr-FR');\n          if(p<1) requestAnimationFrame(frame);\n        }\n        requestAnimationFrame(frame);\n        o.unobserve(el);\n      });\n    },{threshold:.45});\n    counters.forEach(el=>counterObs.observe(el));\n  }else{\n    counters.forEach(el=>el.textContent=Number(el.dataset.count).toLocaleString('fr-FR'));\n  }\n\n  \/* FICHES BIENS \u2014 MODAL PREMIUM, SANS CHANGEMENT DE PAGE *\/\n  const propertyData = {\n    villa: {\n      title: \"Villa contemporaine avec piscine\",\n      transaction: \"\u00c0 vendre\",\n      reference: \"R\u00e9f. SI-001\",\n      location: \"Secteur r\u00e9sidentiel \u00b7 Adresse communiqu\u00e9e sur demande\",\n      locationCard: \"Secteur r\u00e9sidentiel\",\n      price: \"649 000 \u20ac\",\n      dpe: \"B\",\n      ges: \"A\",\n      description: \"Volumes g\u00e9n\u00e9reux, lignes contemporaines et ouverture permanente sur l\u2019ext\u00e9rieur : cette villa de d\u00e9monstration propose une pi\u00e8ce de vie lumineuse, une cuisine \u00e9l\u00e9gante, quatre chambres et un espace ext\u00e9rieur pens\u00e9 autour de la piscine. La fiche est con\u00e7ue pour montrer le niveau de pr\u00e9sentation d\u2019un bien premium sur le futur site de l\u2019agence.\",\n      facts: [\n        [\"Surface\",\"180 m\u00b2\"],[\"Pi\u00e8ces\",\"5\"],[\"Chambres\",\"4\"],[\"Salle de bain\",\"2\"],\n        [\"Terrain\",\"920 m\u00b2\"],[\"Terrasse\",\"Oui\"],[\"Piscine\",\"Oui\"],[\"Garage\",\"2 places\"]\n      ],\n      equipment: [\"Piscine\",\"Terrasse\",\"Suite parentale\",\"Cuisine \u00e9quip\u00e9e\",\"Climatisation\",\"Garage double\",\"Jardin paysager\",\"Baies vitr\u00e9es\"],\n      characteristics: [\n        [\"Type de bien\",\"Villa\"],[\"Transaction\",\"Vente\"],[\"\u00c9tat\",\"Excellent\"],[\"Ann\u00e9e\",\"2021\"],\n        [\"Chauffage\",\"Pompe \u00e0 chaleur\"],[\"Exposition\",\"Sud-Ouest\"],[\"Stationnement\",\"Garage double\"],[\"Disponibilit\u00e9\",\"Imm\u00e9diate\"]\n      ],\n      images: [\n        \"https:\/\/images.unsplash.com\/photo-1600047509807-ba8f99d2cdde?auto=format&fit=crop&w=1800&q=86\",\n        \"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=86\",\n        \"https:\/\/images.unsplash.com\/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=1800&q=86\",\n        \"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1800&q=86\"\n      ],\n      similar: [\"apartment\",\"character\"]\n    },\n    apartment: {\n      title: \"Appartement lumineux avec terrasse\",\n      transaction: \"\u00c0 vendre\",\n      reference: \"R\u00e9f. SI-002\",\n      location: \"Centre-ville \u00b7 Proche commerces et transports\",\n      locationCard: \"Centre-ville\",\n      price: \"319 000 \u20ac\",\n      dpe: \"C\",\n      ges: \"A\",\n      description: \"Un appartement contemporain de d\u00e9monstration pens\u00e9 pour une client\u00e8le recherchant lumi\u00e8re, confort et ext\u00e9rieur. Le s\u00e9jour se prolonge naturellement vers une terrasse, tandis que les espaces nuit restent ind\u00e9pendants. La pr\u00e9sentation met en avant les donn\u00e9es essentielles sans surcharger la lecture.\",\n      facts: [\n        [\"Surface\",\"86 m\u00b2\"],[\"Pi\u00e8ces\",\"3\"],[\"Chambres\",\"2\"],[\"Salle de bain\",\"1\"],\n        [\"Terrasse\",\"18 m\u00b2\"],[\"\u00c9tage\",\"3e\"],[\"Ascenseur\",\"Oui\"],[\"Parking\",\"1 place\"]\n      ],\n      equipment: [\"Terrasse\",\"Ascenseur\",\"Cuisine \u00e9quip\u00e9e\",\"Parking priv\u00e9\",\"Double vitrage\",\"Rangements\",\"Interphone\",\"Fibre\"],\n      characteristics: [\n        [\"Type de bien\",\"Appartement\"],[\"Transaction\",\"Vente\"],[\"\u00c9tat\",\"Tr\u00e8s bon\"],[\"\u00c9tage\",\"3 \/ 5\"],\n        [\"Chauffage\",\"Individuel\"],[\"Exposition\",\"Sud\"],[\"Copropri\u00e9t\u00e9\",\"Oui\"],[\"Disponibilit\u00e9\",\"\u00c0 convenir\"]\n      ],\n      images: [\n        \"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1800&q=86\",\n        \"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1800&q=86\",\n        \"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1800&q=86\",\n        \"https:\/\/images.unsplash.com\/photo-1600573472592-401b489a3cdc?auto=format&fit=crop&w=1800&q=86\"\n      ],\n      similar: [\"villa\",\"character\"]\n    },\n    character: {\n      title: \"Maison de caract\u00e8re r\u00e9nov\u00e9e\",\n      transaction: \"\u00c0 vendre\",\n      reference: \"R\u00e9f. SI-003\",\n      location: \"C\u0153ur de ville \u00b7 Environnement recherch\u00e9\",\n      locationCard: \"C\u0153ur de ville\",\n      price: \"475 000 \u20ac\",\n      dpe: \"C\",\n      ges: \"B\",\n      description: \"Le charme de l\u2019ancien associ\u00e9 \u00e0 une r\u00e9novation soign\u00e9e. Cette maison de d\u00e9monstration d\u00e9veloppe de beaux volumes, quatre chambres et des \u00e9l\u00e9ments architecturaux mis en valeur par des mat\u00e9riaux actuels. La fiche illustre une pr\u00e9sentation plus \u00e9ditoriale, adapt\u00e9e \u00e0 une agence immobili\u00e8re premium.\",\n      facts: [\n        [\"Surface\",\"168 m\u00b2\"],[\"Pi\u00e8ces\",\"7\"],[\"Chambres\",\"4\"],[\"Salle de bain\",\"2\"],\n        [\"Ext\u00e9rieur\",\"Cour\"],[\"Bureau\",\"Oui\"],[\"Cave\",\"Oui\"],[\"D\u00e9pendance\",\"Oui\"]\n      ],\n      equipment: [\"Parquet\",\"Chemin\u00e9e\",\"Cuisine \u00e9quip\u00e9e\",\"Bureau\",\"Cave\",\"D\u00e9pendance\",\"Double vitrage\",\"Rangements sur mesure\"],\n      characteristics: [\n        [\"Type de bien\",\"Maison\"],[\"Transaction\",\"Vente\"],[\"\u00c9tat\",\"R\u00e9nov\u00e9\"],[\"Architecture\",\"Maison de caract\u00e8re\"],\n        [\"Chauffage\",\"Gaz r\u00e9cent\"],[\"Exposition\",\"Traversante\"],[\"Assainissement\",\"Collectif\"],[\"Disponibilit\u00e9\",\"Imm\u00e9diate\"]\n      ],\n      images: [\n        \"https:\/\/images.unsplash.com\/photo-1600566752355-35792bedcfea?auto=format&fit=crop&w=1800&q=86\",\n        \"https:\/\/images.unsplash.com\/photo-1600585154526-990dced4db0d?auto=format&fit=crop&w=1800&q=86\",\n        \"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1800&q=86\",\n        \"https:\/\/images.unsplash.com\/photo-1600585152915-d208bec867a1?auto=format&fit=crop&w=1800&q=86\"\n      ],\n      similar: [\"villa\",\"apartment\"]\n    }\n  };\n\n  const propertyModal = root.querySelector('[data-sil-modal]');\n  const modalMain = propertyModal ? propertyModal.querySelector('[data-modal-main]') : null;\n  const modalThumbs = propertyModal ? propertyModal.querySelector('[data-modal-thumbs]') : null;\n  let currentPropertyId = null;\n  let currentPhoto = 0;\n  let touchStartX = 0;\n\n  function setGalleryPhoto(index){\n    const item = propertyData[currentPropertyId];\n    if(!item || !modalMain) return;\n\n    currentPhoto = (index + item.images.length) % item.images.length;\n    modalMain.src = item.images[currentPhoto];\n    modalMain.alt = `${item.title} \u2014 photo ${currentPhoto + 1}`;\n\n    propertyModal.querySelector('[data-gallery-current]').textContent = currentPhoto + 1;\n    propertyModal.querySelector('[data-gallery-total]').textContent = item.images.length;\n\n    [...modalThumbs.children].forEach((button,i)=>{\n      button.classList.toggle('is-active',i===currentPhoto);\n    });\n  }\n\n  function buildSimilar(id){\n    const target = propertyModal.querySelector('[data-modal-similar]');\n    const item = propertyData[id];\n    target.innerHTML = '';\n\n    item.similar.forEach(similarId=>{\n      const similar = propertyData[similarId];\n      const button = document.createElement('button');\n      button.type = 'button';\n      button.className = 'sil-similar';\n      button.innerHTML = `\n        <img decoding=\"async\" src=\"${similar.images[0]}\" alt=\"\" loading=\"lazy\">\n        <span>\n          <small>${similar.transaction}<\/small>\n          <strong>${similar.title}<\/strong>\n        <\/span>\n      `;\n      button.addEventListener('click',()=>openProperty(similarId));\n      target.appendChild(button);\n    });\n  }\n\n  function openProperty(id){\n    const item = propertyData[id];\n    if(!item || !propertyModal) return;\n\n    currentPropertyId = id;\n    currentPhoto = 0;\n\n    propertyModal.querySelector('[data-modal-title]').textContent = item.title;\n    propertyModal.querySelector('[data-modal-transaction]').textContent = item.transaction;\n    propertyModal.querySelector('[data-modal-reference]').textContent = item.reference;\n    propertyModal.querySelector('[data-modal-location]').textContent = item.location;\n    propertyModal.querySelector('[data-modal-location-card]').textContent = item.locationCard;\n    propertyModal.querySelector('[data-modal-price]').textContent = item.price;\n    propertyModal.querySelector('[data-modal-dpe]').textContent = item.dpe;\n    propertyModal.querySelector('[data-modal-ges]').textContent = item.ges;\n    propertyModal.querySelector('[data-modal-description]').textContent = item.description;\n\n    const facts = propertyModal.querySelector('[data-modal-facts]');\n    facts.innerHTML = item.facts.map(([label,value])=>`\n      <div class=\"sil-modal__fact\">\n        <span>${label}<\/span>\n        <strong>${value}<\/strong>\n      <\/div>\n    `).join('');\n\n    const equipment = propertyModal.querySelector('[data-modal-equipment]');\n    equipment.innerHTML = item.equipment.map(value=>`<span>${value}<\/span>`).join('');\n\n    const characteristics = propertyModal.querySelector('[data-modal-characteristics]');\n    characteristics.innerHTML = item.characteristics.map(([label,value])=>`\n      <div class=\"sil-modal__characteristic\">\n        <span>${label}<\/span>\n        <strong>${value}<\/strong>\n      <\/div>\n    `).join('');\n\n    modalThumbs.innerHTML = '';\n    item.images.forEach((src,i)=>{\n      const thumb = document.createElement('button');\n      thumb.type = 'button';\n      thumb.setAttribute('aria-label',`Voir la photo ${i+1}`);\n      thumb.innerHTML = `<img decoding=\"async\" src=\"${src}\" alt=\"\" loading=\"lazy\">`;\n      thumb.addEventListener('click',()=>setGalleryPhoto(i));\n      modalThumbs.appendChild(thumb);\n    });\n\n    setGalleryPhoto(0);\n    buildSimilar(id);\n\n    propertyModal.classList.add('is-open');\n    propertyModal.setAttribute('aria-hidden','false');\n    document.body.classList.add('sil-modal-open');\n\n    const details = propertyModal.querySelector('.sil-modal__details');\n    const panel = propertyModal.querySelector('.sil-modal__panel');\n    if(details) details.scrollTop = 0;\n    if(panel) panel.scrollTop = 0;\n\n    setTimeout(()=>{\n      const close = propertyModal.querySelector('.sil-modal__close');\n      if(close) close.focus({preventScroll:true});\n    },40);\n  }\n\n  function closeProperty(){\n    if(!propertyModal) return;\n    propertyModal.classList.remove('is-open');\n    propertyModal.setAttribute('aria-hidden','true');\n    document.body.classList.remove('sil-modal-open');\n  }\n\n  root.querySelectorAll('[data-open-property]').forEach(button=>{\n    button.addEventListener('click',()=>openProperty(button.dataset.openProperty));\n  });\n\n  if(propertyModal){\n    propertyModal.querySelectorAll('[data-close-property]').forEach(button=>{\n      button.addEventListener('click',closeProperty);\n    });\n\n    propertyModal.querySelector('[data-gallery-prev]').addEventListener('click',()=>setGalleryPhoto(currentPhoto-1));\n    propertyModal.querySelector('[data-gallery-next]').addEventListener('click',()=>setGalleryPhoto(currentPhoto+1));\n\n    const mainGallery = propertyModal.querySelector('.sil-modal__main');\n    mainGallery.addEventListener('touchstart',e=>{\n      touchStartX = e.changedTouches[0].clientX;\n    },{passive:true});\n    mainGallery.addEventListener('touchend',e=>{\n      const delta = e.changedTouches[0].clientX - touchStartX;\n      if(Math.abs(delta) < 45) return;\n      setGalleryPhoto(delta < 0 ? currentPhoto+1 : currentPhoto-1);\n    },{passive:true});\n\n    document.addEventListener('keydown',e=>{\n      if(!propertyModal.classList.contains('is-open')) return;\n      if(e.key === 'Escape') closeProperty();\n      if(e.key === 'ArrowLeft') setGalleryPhoto(currentPhoto-1);\n      if(e.key === 'ArrowRight') setGalleryPhoto(currentPhoto+1);\n    });\n  }\n\n\n  \/* GALERIE AUTOMATIQUE UNIQUEMENT MOBILE *\/\n  const slider = root.querySelector('[data-sil-properties]');\n  const track = slider ? slider.querySelector('.sil-property-track') : null;\n  const cards = slider ? [...slider.querySelectorAll('.sil-property')] : [];\n  const progress = root.querySelector('.sil-mobile-progress span');\n  let propertyIndex = 0;\n  let propertyTimer;\n\n  function isMobile(){ return window.innerWidth <= 720; }\n\n  function renderMobileProperties(){\n    if(!track || !cards.length) return;\n    if(!isMobile()){\n      track.style.transform = '';\n      if(progress) progress.style.transform = '';\n      return;\n    }\n    const gap = 14;\n    const width = cards[0].getBoundingClientRect().width;\n    track.style.transform = `translate3d(-${propertyIndex*(width+gap)}px,0,0)`;\n    if(progress){\n      progress.style.transform = `translateX(${propertyIndex*100}%)`;\n    }\n  }\n\n  function startPropertyAuto(){\n    clearInterval(propertyTimer);\n    if(reduce || !isMobile() || cards.length < 2) return;\n    propertyTimer = setInterval(()=>{\n      propertyIndex = (propertyIndex+1)%cards.length;\n      renderMobileProperties();\n    },4300);\n  }\n\n  window.addEventListener('resize',()=>{\n    if(!isMobile()) propertyIndex = 0;\n    renderMobileProperties();\n    startPropertyAuto();\n  },{passive:true});\n\n  renderMobileProperties();\n  startPropertyAuto();\n\n  \/* TIMELINE ACTIVE AU SCROLL *\/\n  const timeline = root.querySelector('[data-sil-timeline]');\n  if(timeline){\n    const steps = [...timeline.querySelectorAll('[data-sil-step]')];\n    const fill = timeline.querySelector('.sil-timeline__line span');\n\n    function updateTimeline(){\n      const trigger = window.innerHeight*.62;\n      let active = 0;\n\n      steps.forEach((step,i)=>{\n        if(step.getBoundingClientRect().top <= trigger) active = i;\n      });\n\n      steps.forEach((step,i)=>step.classList.toggle('is-active',i<=active));\n      const ratio = steps.length>1 ? active\/(steps.length-1) : 1;\n\n      if(window.innerWidth<=720){\n        fill.style.width='100%';\n        fill.style.height=`${ratio*100}%`;\n      }else{\n        fill.style.height='100%';\n        fill.style.width=`${ratio*100}%`;\n      }\n    }\n\n    let ticking=false;\n    function onScroll(){\n      if(ticking) return;\n      ticking=true;\n      requestAnimationFrame(()=>{\n        updateTimeline();\n        ticking=false;\n      });\n    }\n\n    window.addEventListener('scroll',onScroll,{passive:true});\n    window.addEventListener('resize',updateTimeline,{passive:true});\n    updateTimeline();\n  }\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>SIGNATURE IMMOBILIER Des adresses d\u2019exception.Une signature unique. Achat, vente, location et estimation immobili\u00e8re avec une approche \u00e9l\u00e9gante, pr\u00e9cise et enti\u00e8rement personnalis\u00e9e. D\u00e9couvrir nos biens Estimer mon bien Trouvez votre prochain bien Projet Acheter ou louerAcheterLouer Type Tous les biensMaisonAppartementVillaTerrain Secteur Rechercher \u2192 0 ann\u00e9es d\u2019expertise 0 projets accompagn\u00e9s 0 % de satisfaction 360\u00b0 accompagnement complet [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"acf":[],"_links":{"self":[{"href":"https:\/\/demo.jouglet-web.fr\/immobilier\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.jouglet-web.fr\/immobilier\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.jouglet-web.fr\/immobilier\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/immobilier\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/immobilier\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":5,"href":"https:\/\/demo.jouglet-web.fr\/immobilier\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":88,"href":"https:\/\/demo.jouglet-web.fr\/immobilier\/wp-json\/wp\/v2\/pages\/9\/revisions\/88"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/immobilier\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}