St\u00e9phanie Campserveux \u2014 Immobilier de Prestige \u00e0 Toulouse<\/title>\n<meta name=\"description\" content=\"Experte en immobilier de prestige et strat\u00e9gie patrimoniale \u00e0 Toulouse. Accompagnement sur mesure pour la vente de propri\u00e9t\u00e9s d'exception.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --black:#0d0c0a;\n --black-2:#141210;\n --gold:#c9a86a;\n --gold-light:#e4d4b0;\n --cream:#f7f4ee;\n --cream-2:#efe9dd;\n --text-dark:#2a2620;\n --text-muted:#6b6559;\n --line:rgba(201,168,106,0.35);\n }\n *{margin:0;padding:0;box-sizing:border-box;}\n html{scroll-behavior:smooth;}\n body{\n font-family:'Jost',sans-serif;\n color:var(--text-dark);\n background:var(--cream);\n -webkit-font-smoothing:antialiased;\n overflow-x:hidden;\n }\n h1,h2,h3,.serif{font-family:'Playfair Display',serif;}\n a{text-decoration:none;color:inherit;}\n img{max-width:100%;display:block;}\n .wrap{max-width:1120px;margin:0 auto;padding:0 32px;}\n\n .nav{\n position:fixed;top:0;left:0;right:0;z-index:100;\n display:flex;align-items:center;justify-content:space-between;\n padding:24px 48px;\n background:rgba(13,12,10,0.0);\n transition:background 0.4s ease,padding 0.4s ease;\n }\n .nav.scrolled{\n background:rgba(13,12,10,0.92);\n padding:16px 48px;\n backdrop-filter:blur(6px);\n }\n .nav-logo{\n font-family:'Playfair Display',serif;\n color:var(--cream);\n font-size:19px;\n letter-spacing:0.5px;\n }\n .nav-logo span{color:var(--gold);}\n .nav-links{display:flex;gap:36px;}\n .nav-links a{\n color:var(--cream);\n font-size:13px;\n letter-spacing:1.5px;\n text-transform:uppercase;\n font-weight:400;\n opacity:0.85;\n transition:opacity 0.25s;\n }\n .nav-links a:hover{opacity:1;color:var(--gold-light);}\n .nav-cta{\n border:1px solid var(--gold);\n color:var(--gold-light);\n padding:9px 22px;\n font-size:12px;\n letter-spacing:1.5px;\n text-transform:uppercase;\n border-radius:2px;\n transition:all 0.3s;\n }\n .nav-cta:hover{background:var(--gold);color:var(--black);}\n .nav-burger{display:none;color:var(--cream);font-size:24px;background:none;border:none;cursor:pointer;}\n\n .hero{\n position:relative;\n min-height:100vh;\n display:flex;\n align-items:center;\n justify-content:center;\n background:\n linear-gradient(180deg, rgba(13,12,10,0.55) 0%, rgba(13,12,10,0.75) 55%, rgba(13,12,10,0.95) 100%),\n url('https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=1800&auto=format&fit=crop') center\/cover no-repeat;\n text-align:center;\n padding:140px 24px 100px;\n }\n .hero-eyebrow{\n color:var(--gold);\n font-size:13px;\n letter-spacing:4px;\n text-transform:uppercase;\n margin-bottom:26px;\n opacity:0;\n animation:fadeUp 1s ease 0.2s forwards;\n }\n .hero h1{\n color:var(--cream);\n font-size:clamp(38px,6vw,68px);\n font-weight:500;\n line-height:1.15;\n max-width:900px;\n margin:0 auto 22px;\n opacity:0;\n animation:fadeUp 1s ease 0.4s forwards;\n }\n .hero h1 em{color:var(--gold-light);font-style:italic;font-weight:400;}\n .hero-sub{\n color:rgba(247,244,238,0.78);\n font-size:17px;\n font-weight:300;\n max-width:560px;\n margin:0 auto 44px;\n line-height:1.7;\n opacity:0;\n animation:fadeUp 1s ease 0.6s forwards;\n }\n .hero-ctas{\n display:flex;gap:18px;justify-content:center;flex-wrap:wrap;\n opacity:0;\n animation:fadeUp 1s ease 0.8s forwards;\n }\n .btn-gold{\n background:var(--gold);\n color:var(--black);\n padding:16px 34px;\n font-size:13px;\n letter-spacing:1.5px;\n text-transform:uppercase;\n font-weight:500;\n border-radius:2px;\n transition:all 0.3s;\n display:inline-block;\n }\n .btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);}\n .btn-outline{\n border:1px solid rgba(247,244,238,0.4);\n color:var(--cream);\n padding:16px 34px;\n font-size:13px;\n letter-spacing:1.5px;\n text-transform:uppercase;\n border-radius:2px;\n transition:all 0.3s;\n display:inline-block;\n }\n .btn-outline:hover{border-color:var(--gold);color:var(--gold-light);}\n\n .hero-scroll{\n position:absolute;bottom:36px;left:50%;transform:translateX(-50%);\n color:rgba(247,244,238,0.6);\n font-size:11px;letter-spacing:2px;text-transform:uppercase;\n display:flex;flex-direction:column;align-items:center;gap:10px;\n opacity:0;animation:fadeUp 1s ease 1s forwards;\n }\n .hero-scroll-line{width:1px;height:36px;background:linear-gradient(180deg,var(--gold),transparent);animation:scrollpulse 2s ease-in-out infinite;}\n @keyframes scrollpulse{0%,100%{opacity:0.3;}50%{opacity:1;}}\n @keyframes fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}\n\n section{padding:120px 0;}\n .eyebrow{\n color:var(--gold);\n font-size:12px;\n letter-spacing:3px;\n text-transform:uppercase;\n margin-bottom:16px;\n display:block;\n }\n .section-title{\n font-size:clamp(28px,4vw,42px);\n font-weight:500;\n line-height:1.25;\n max-width:640px;\n }\n .reveal{opacity:0;transform:translateY(30px);transition:opacity 0.9s ease,transform 0.9s ease;}\n .reveal.in{opacity:1;transform:translateY(0);}\n\n .intro{background:var(--cream);}\n .intro-grid{\n display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;\n }\n .intro-photo{\n position:relative;\n aspect-ratio:4\/5;\n border-radius:4px;\n overflow:hidden;\n background:var(--cream-2) url('https:\/\/visio-topia.com\/wp-content\/uploads\/2026\/08\/stephanie-photo.jpg') center 20%\/cover no-repeat;\n }\n .intro-photo::after{\n content:'';position:absolute;inset:0;\n border:1px solid var(--gold);\n outline:1px solid rgba(0,0,0,0.05);\n outline-offset:14px;\n }\n .intro-quote{\n font-family:'Playfair Display',serif;\n font-style:italic;\n font-size:23px;\n line-height:1.55;\n color:var(--text-dark);\n margin:26px 0 30px;\n }\n .intro-quote span{color:var(--gold);font-style:normal;}\n .intro-text p{\n font-size:15.5px;\n line-height:1.85;\n color:var(--text-muted);\n margin-bottom:18px;\n font-weight:300;\n }\n .signature{\n margin-top:28px;font-family:'Playfair Display',serif;font-style:italic;\n font-size:19px;color:var(--text-dark);\n }\n\n .pillars{background:var(--black);color:var(--cream);}\n .pillars .section-title{color:var(--cream);}\n .pillars-head{text-align:center;max-width:680px;margin:0 auto 70px;}\n .pillars-head .section-title{margin:0 auto;}\n .pillars-grid{\n display:grid;grid-template-columns:repeat(3,1fr);gap:1px;\n background:rgba(201,168,106,0.15);\n border:1px solid rgba(201,168,106,0.15);\n }\n .pillar{\n background:var(--black);\n padding:48px 38px;\n transition:background 0.3s;\n }\n .pillar:hover{background:var(--black-2);}\n .pillar-num{\n font-family:'Playfair Display',serif;\n color:var(--gold);\n font-size:14px;\n letter-spacing:2px;\n margin-bottom:22px;\n display:block;\n }\n .pillar h3{\n font-size:21px;font-weight:500;margin-bottom:14px;color:var(--cream);\n }\n .pillar p{\n font-size:14.5px;line-height:1.8;color:rgba(247,244,238,0.6);font-weight:300;\n }\n\n .expertise{background:var(--cream-2);}\n .expertise-head{\n display:flex;justify-content:space-between;align-items:flex-end;\n margin-bottom:60px;flex-wrap:wrap;gap:24px;\n }\n .expertise-head p{\n max-width:380px;font-size:15px;color:var(--text-muted);line-height:1.8;font-weight:300;\n }\n .expertise-list{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--line);}\n .expertise-item{\n background:var(--cream-2);\n padding:34px 36px;\n display:flex;align-items:center;justify-content:space-between;\n gap:16px;\n transition:background 0.3s;\n }\n .expertise-item:hover{background:var(--cream);}\n .expertise-item h4{\n font-family:'Playfair Display',serif;font-size:19px;font-weight:500;\n }\n .expertise-item span{\n color:var(--gold);font-family:'Playfair Display',serif;font-style:italic;font-size:15px;\n }\n\n .contact{\n background:var(--black);\n color:var(--cream);\n position:relative;\n text-align:center;\n padding:140px 24px;\n }\n .contact::before{\n content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);\n width:1px;height:64px;background:linear-gradient(180deg,transparent,var(--gold));\n }\n .contact .eyebrow{justify-content:center;display:block;text-align:center;}\n .contact h2{\n font-size:clamp(30px,5vw,50px);font-weight:500;max-width:680px;margin:0 auto 26px;line-height:1.25;\n }\n .contact h2 em{color:var(--gold-light);font-style:italic;font-weight:400;}\n .contact p.lead{\n max-width:480px;margin:0 auto 46px;color:rgba(247,244,238,0.65);font-size:15.5px;line-height:1.8;font-weight:300;\n }\n .contact-actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:56px;}\n .contact-info{\n display:flex;justify-content:center;gap:56px;flex-wrap:wrap;\n padding-top:44px;border-top:1px solid rgba(201,168,106,0.2);\n max-width:520px;margin:0 auto;\n }\n .contact-info div{text-align:left;}\n .contact-info-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}\n .contact-info-value{font-size:16px;color:var(--cream);}\n\n footer{\n background:var(--black-2);color:rgba(247,244,238,0.5);\n padding:32px 24px;text-align:center;font-size:12.5px;\n border-top:1px solid rgba(201,168,106,0.1);\n letter-spacing:0.3px;\n }\n footer a{color:var(--gold-light);}\n\n @media(max-width:860px){\n .nav-links,.nav-cta{display:none;}\n .nav-burger{display:block;}\n .intro-grid{grid-template-columns:1fr;gap:50px;}\n .pillars-grid{grid-template-columns:1fr;}\n .expertise-list{grid-template-columns:1fr;}\n section{padding:80px 0;}\n .expertise-head{flex-direction:column;align-items:flex-start;}\n }\n<\/style>\n<\/head>\n<body>\n\n<nav class=\"nav\" id=\"nav\">\n <a href=\"#\" class=\"nav-logo\">St\u00e9phanie <span>Campserveux<\/span><\/a>\n <div class=\"nav-links\">\n <a href=\"#approche\">Mon approche<\/a>\n <a href=\"#expertise\">Expertise<\/a>\n <a href=\"#contact\">Contact<\/a>\n <\/div>\n <a href=\"tel:0782919971\" class=\"nav-cta\">07 82 91 99 71<\/a>\n <button class=\"nav-burger\" aria-label=\"Menu\">☰<\/button>\n<\/nav>\n\n<header class=\"hero\">\n <div>\n <span class=\"hero-eyebrow\">Toulouse & alentours<\/span>\n <h1>L'immobilier d'exception<br>commence par une <em>strat\u00e9gie<\/em><\/h1>\n <p class=\"hero-sub\">Conseil et strat\u00e9gie de valorisation immobili\u00e8re haut de gamme. S\u00e9lection patrimoniale, biens rares, accompagnement sur mesure.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"#contact\" class=\"btn-gold\">Prendre rendez-vous<\/a>\n <a href=\"#approche\" class=\"btn-outline\">D\u00e9couvrir mon approche<\/a>\n <\/div>\n <\/div>\n \n<\/header>\n\n<section class=\"intro\" id=\"approche\">\n <div class=\"wrap intro-grid\">\n <div class=\"reveal\">\n <div class=\"intro-photo\"><\/div>\n <\/div>\n <div class=\"reveal\">\n <span class=\"eyebrow\">Mon approche<\/span>\n <p class=\"intro-quote\">Un bien haut de gamme ne se r\u00e9sume pas \u00e0 une surface ou \u00e0 une adresse. <span>Il raconte un mode de vie, une projection, une \u00e9motion.<\/span><\/p>\n <div class=\"intro-text\">\n <p>Passionn\u00e9e par l'immobilier de caract\u00e8re et les lieux \u00e0 forte identit\u00e9, j'accompagne une client\u00e8le exigeante dans la vente de propri\u00e9t\u00e9s premium \u00e0 Toulouse et ses environs.<\/p>\n <p>J'accorde une importance particuli\u00e8re au positionnement des biens, \u00e0 la compr\u00e9hension fine des attentes acqu\u00e9reurs et \u00e0 la qualit\u00e9 des relations humaines. Certaines ventes n\u00e9cessitent davantage qu'une diffusion classique : elles demandent strat\u00e9gie, discr\u00e9tion et ciblage pr\u00e9cis.<\/p>\n <p>Mon objectif : cr\u00e9er des rencontres coh\u00e9rentes entre un lieu et les personnes auxquelles il correspond r\u00e9ellement.<\/p>\n <\/div>\n <p class=\"signature\">St\u00e9phanie Campserveux<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"pillars\">\n <div class=\"wrap\">\n <div class=\"pillars-head reveal\">\n <span class=\"eyebrow\" style=\"text-align:center;display:block;\">Ce qui guide chaque vente<\/span>\n <h2 class=\"section-title\">Strat\u00e9gie, discr\u00e9tion, ciblage pr\u00e9cis<\/h2>\n <\/div>\n <div class=\"pillars-grid reveal\">\n <div class=\"pillar\">\n <span class=\"pillar-num\">01<\/span>\n <h3>Positionnement<\/h3>\n <p>Une analyse fine du bien et de son march\u00e9 pour d\u00e9finir la strat\u00e9gie de valorisation la plus juste, avant toute diffusion.<\/p>\n <\/div>\n <div class=\"pillar\">\n <span class=\"pillar-num\">02<\/span>\n <h3>Confidentialit\u00e9<\/h3>\n <p>Certaines ventes exigent la discr\u00e9tion. Ciblage pr\u00e9cis des acqu\u00e9reurs plut\u00f4t qu'une diffusion classique.<\/p>\n <\/div>\n <div class=\"pillar\">\n <span class=\"pillar-num\">03<\/span>\n <h3>Accompagnement sur mesure<\/h3>\n <p>Une relation humaine de qualit\u00e9, de la premi\u00e8re visite jusqu'\u00e0 la signature, pens\u00e9e pour chaque client.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"expertise\" id=\"expertise\">\n <div class=\"wrap\">\n <div class=\"expertise-head reveal\">\n <div>\n <span class=\"eyebrow\">Domaines d'intervention<\/span>\n <h2 class=\"section-title\">Des biens \u00e0 forte dimension patrimoniale<\/h2>\n <\/div>\n <p>J'interviens principalement sur des biens qui portent une identit\u00e9 forte et une valeur patrimoniale r\u00e9elle.<\/p>\n <\/div>\n <div class=\"expertise-list reveal\">\n <div class=\"expertise-item\"><h4>Maisons familiales de standing<\/h4><span>01<\/span><\/div>\n <div class=\"expertise-item\"><h4>Propri\u00e9t\u00e9s de caract\u00e8re<\/h4><span>02<\/span><\/div>\n <div class=\"expertise-item\"><h4>Demeures d'architecte<\/h4><span>03<\/span><\/div>\n <div class=\"expertise-item\"><h4>Biens \u00e0 forte dimension patrimoniale<\/h4><span>04<\/span><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"contact\" id=\"contact\">\n <div class=\"wrap\">\n <span class=\"eyebrow\">Prenons contact<\/span>\n <h2>Parlons de <em>votre projet<\/em> immobilier<\/h2>\n <p class=\"lead\">Une estimation, une strat\u00e9gie de vente, ou simplement un \u00e9change confidentiel \u2014 je suis \u00e0 votre \u00e9coute.<\/p>\n <div class=\"contact-actions\">\n <a href=\"tel:0782919971\" class=\"btn-gold\">Appeler \u2014 07 82 91 99 71<\/a>\n <a href=\"mailto:contact@stephaniecampserveux.fr\" class=\"btn-outline\">Envoyer un message<\/a>\n <\/div>\n <div class=\"contact-info\">\n <div>\n <div class=\"contact-info-label\">Zone d'intervention<\/div>\n <div class=\"contact-info-value\">Toulouse, Occitanie<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer>\n <p>© <span id=\"year\"><\/span> St\u00e9phanie Campserveux \u2014 Immobilier de prestige. Tous droits r\u00e9serv\u00e9s.<\/p>\n<\/footer>\n\n<script>\n document.getElementById('year').textContent = new Date().getFullYear();\n\n const nav = document.getElementById('nav');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 60) nav.classList.add('scrolled');\n else nav.classList.remove('scrolled');\n });\n\n const revealEls = document.querySelectorAll('.reveal');\n const io = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('in'); });\n }, { threshold: 0.15 });\n revealEls.forEach(el => io.observe(el));\n<\/script>\n\n<\/body>\n<\/html><style>.main_title,.entry-title,h1.main_title{display:none !important;} #main-content,#main-content .container,.et_pb_section,article,.container,#left-area,#content-area,.entry-content{padding:0 !important;margin:0 !important;width:100% !important;max-width:100% !important;float:none !important;} body{background:#f7f4ee !important;overflow-x:hidden;} .contact h2,.pillars .section-title{color:var(--cream) !important;} .contact h2 em{color:var(--gold-light) !important;}<\/style>\n","protected":false},"excerpt":{"rendered":"<p>St\u00e9phanie Campserveux \u2014 Immobilier de Prestige \u00e0 Toulouse St\u00e9phanie Campserveux Mon approche Expertise Contact 07 82 91 99 71 ☰ Toulouse & alentours L’immobilier d’exceptioncommence par une strat\u00e9gie Conseil et strat\u00e9gie de valorisation immobili\u00e8re haut de gamme. S\u00e9lection patrimoniale, biens rares, accompagnement sur mesure. Prendre rendez-vous D\u00e9couvrir mon approche Mon approche Un bien haut de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/visio-topia.com\/index.php?rest_route=\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visio-topia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/visio-topia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/visio-topia.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/visio-topia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=53"}],"version-history":[{"count":5,"href":"https:\/\/visio-topia.com\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/visio-topia.com\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/visio-topia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":53,"date":"2026-08-06T18:30:46","date_gmt":"2026-08-06T16:30:46","guid":{"rendered":"https:\/\/visio-topia.com\/?page_id=53"},"modified":"2026-08-06T18:51:52","modified_gmt":"2026-08-06T16:51:52","slug":"demo-test-stephanie-campserveux-immobilier-prestige-page-non-liee","status":"publish","type":"page","link":"https:\/\/visio-topia.com\/?page_id=53","title":{"rendered":"DEMO TEST \u2014 St\u00e9phanie Campserveux (immobilier prestige) \u2014 page non li\u00e9e"},"content":{"rendered":"\n\n\n\n\n\nSt\u00e9phanie Campserveux \u2014 Immobilier de Prestige \u00e0 Toulouse<\/title>\n<meta name=\"description\" content=\"Experte en immobilier de prestige et strat\u00e9gie patrimoniale \u00e0 Toulouse. Accompagnement sur mesure pour la vente de propri\u00e9t\u00e9s d'exception.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --black:#0d0c0a;\n --black-2:#141210;\n --gold:#c9a86a;\n --gold-light:#e4d4b0;\n --cream:#f7f4ee;\n --cream-2:#efe9dd;\n --text-dark:#2a2620;\n --text-muted:#6b6559;\n --line:rgba(201,168,106,0.35);\n }\n *{margin:0;padding:0;box-sizing:border-box;}\n html{scroll-behavior:smooth;}\n body{\n font-family:'Jost',sans-serif;\n color:var(--text-dark);\n background:var(--cream);\n -webkit-font-smoothing:antialiased;\n overflow-x:hidden;\n }\n h1,h2,h3,.serif{font-family:'Playfair Display',serif;}\n a{text-decoration:none;color:inherit;}\n img{max-width:100%;display:block;}\n .wrap{max-width:1120px;margin:0 auto;padding:0 32px;}\n\n .nav{\n position:fixed;top:0;left:0;right:0;z-index:100;\n display:flex;align-items:center;justify-content:space-between;\n padding:24px 48px;\n background:rgba(13,12,10,0.0);\n transition:background 0.4s ease,padding 0.4s ease;\n }\n .nav.scrolled{\n background:rgba(13,12,10,0.92);\n padding:16px 48px;\n backdrop-filter:blur(6px);\n }\n .nav-logo{\n font-family:'Playfair Display',serif;\n color:var(--cream);\n font-size:19px;\n letter-spacing:0.5px;\n }\n .nav-logo span{color:var(--gold);}\n .nav-links{display:flex;gap:36px;}\n .nav-links a{\n color:var(--cream);\n font-size:13px;\n letter-spacing:1.5px;\n text-transform:uppercase;\n font-weight:400;\n opacity:0.85;\n transition:opacity 0.25s;\n }\n .nav-links a:hover{opacity:1;color:var(--gold-light);}\n .nav-cta{\n border:1px solid var(--gold);\n color:var(--gold-light);\n padding:9px 22px;\n font-size:12px;\n letter-spacing:1.5px;\n text-transform:uppercase;\n border-radius:2px;\n transition:all 0.3s;\n }\n .nav-cta:hover{background:var(--gold);color:var(--black);}\n .nav-burger{display:none;color:var(--cream);font-size:24px;background:none;border:none;cursor:pointer;}\n\n .hero{\n position:relative;\n min-height:100vh;\n display:flex;\n align-items:center;\n justify-content:center;\n background:\n linear-gradient(180deg, rgba(13,12,10,0.55) 0%, rgba(13,12,10,0.75) 55%, rgba(13,12,10,0.95) 100%),\n url('https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=1800&auto=format&fit=crop') center\/cover no-repeat;\n text-align:center;\n padding:140px 24px 100px;\n }\n .hero-eyebrow{\n color:var(--gold);\n font-size:13px;\n letter-spacing:4px;\n text-transform:uppercase;\n margin-bottom:26px;\n opacity:0;\n animation:fadeUp 1s ease 0.2s forwards;\n }\n .hero h1{\n color:var(--cream);\n font-size:clamp(38px,6vw,68px);\n font-weight:500;\n line-height:1.15;\n max-width:900px;\n margin:0 auto 22px;\n opacity:0;\n animation:fadeUp 1s ease 0.4s forwards;\n }\n .hero h1 em{color:var(--gold-light);font-style:italic;font-weight:400;}\n .hero-sub{\n color:rgba(247,244,238,0.78);\n font-size:17px;\n font-weight:300;\n max-width:560px;\n margin:0 auto 44px;\n line-height:1.7;\n opacity:0;\n animation:fadeUp 1s ease 0.6s forwards;\n }\n .hero-ctas{\n display:flex;gap:18px;justify-content:center;flex-wrap:wrap;\n opacity:0;\n animation:fadeUp 1s ease 0.8s forwards;\n }\n .btn-gold{\n background:var(--gold);\n color:var(--black);\n padding:16px 34px;\n font-size:13px;\n letter-spacing:1.5px;\n text-transform:uppercase;\n font-weight:500;\n border-radius:2px;\n transition:all 0.3s;\n display:inline-block;\n }\n .btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);}\n .btn-outline{\n border:1px solid rgba(247,244,238,0.4);\n color:var(--cream);\n padding:16px 34px;\n font-size:13px;\n letter-spacing:1.5px;\n text-transform:uppercase;\n border-radius:2px;\n transition:all 0.3s;\n display:inline-block;\n }\n .btn-outline:hover{border-color:var(--gold);color:var(--gold-light);}\n\n .hero-scroll{\n position:absolute;bottom:36px;left:50%;transform:translateX(-50%);\n color:rgba(247,244,238,0.6);\n font-size:11px;letter-spacing:2px;text-transform:uppercase;\n display:flex;flex-direction:column;align-items:center;gap:10px;\n opacity:0;animation:fadeUp 1s ease 1s forwards;\n }\n .hero-scroll-line{width:1px;height:36px;background:linear-gradient(180deg,var(--gold),transparent);animation:scrollpulse 2s ease-in-out infinite;}\n @keyframes scrollpulse{0%,100%{opacity:0.3;}50%{opacity:1;}}\n @keyframes fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}\n\n section{padding:120px 0;}\n .eyebrow{\n color:var(--gold);\n font-size:12px;\n letter-spacing:3px;\n text-transform:uppercase;\n margin-bottom:16px;\n display:block;\n }\n .section-title{\n font-size:clamp(28px,4vw,42px);\n font-weight:500;\n line-height:1.25;\n max-width:640px;\n }\n .reveal{opacity:0;transform:translateY(30px);transition:opacity 0.9s ease,transform 0.9s ease;}\n .reveal.in{opacity:1;transform:translateY(0);}\n\n .intro{background:var(--cream);}\n .intro-grid{\n display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;\n }\n .intro-photo{\n position:relative;\n aspect-ratio:4\/5;\n border-radius:4px;\n overflow:hidden;\n background:var(--cream-2) url('https:\/\/visio-topia.com\/wp-content\/uploads\/2026\/08\/stephanie-photo.jpg') center 20%\/cover no-repeat;\n }\n .intro-photo::after{\n content:'';position:absolute;inset:0;\n border:1px solid var(--gold);\n outline:1px solid rgba(0,0,0,0.05);\n outline-offset:14px;\n }\n .intro-quote{\n font-family:'Playfair Display',serif;\n font-style:italic;\n font-size:23px;\n line-height:1.55;\n color:var(--text-dark);\n margin:26px 0 30px;\n }\n .intro-quote span{color:var(--gold);font-style:normal;}\n .intro-text p{\n font-size:15.5px;\n line-height:1.85;\n color:var(--text-muted);\n margin-bottom:18px;\n font-weight:300;\n }\n .signature{\n margin-top:28px;font-family:'Playfair Display',serif;font-style:italic;\n font-size:19px;color:var(--text-dark);\n }\n\n .pillars{background:var(--black);color:var(--cream);}\n .pillars .section-title{color:var(--cream);}\n .pillars-head{text-align:center;max-width:680px;margin:0 auto 70px;}\n .pillars-head .section-title{margin:0 auto;}\n .pillars-grid{\n display:grid;grid-template-columns:repeat(3,1fr);gap:1px;\n background:rgba(201,168,106,0.15);\n border:1px solid rgba(201,168,106,0.15);\n }\n .pillar{\n background:var(--black);\n padding:48px 38px;\n transition:background 0.3s;\n }\n .pillar:hover{background:var(--black-2);}\n .pillar-num{\n font-family:'Playfair Display',serif;\n color:var(--gold);\n font-size:14px;\n letter-spacing:2px;\n margin-bottom:22px;\n display:block;\n }\n .pillar h3{\n font-size:21px;font-weight:500;margin-bottom:14px;color:var(--cream);\n }\n .pillar p{\n font-size:14.5px;line-height:1.8;color:rgba(247,244,238,0.6);font-weight:300;\n }\n\n .expertise{background:var(--cream-2);}\n .expertise-head{\n display:flex;justify-content:space-between;align-items:flex-end;\n margin-bottom:60px;flex-wrap:wrap;gap:24px;\n }\n .expertise-head p{\n max-width:380px;font-size:15px;color:var(--text-muted);line-height:1.8;font-weight:300;\n }\n .expertise-list{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--line);}\n .expertise-item{\n background:var(--cream-2);\n padding:34px 36px;\n display:flex;align-items:center;justify-content:space-between;\n gap:16px;\n transition:background 0.3s;\n }\n .expertise-item:hover{background:var(--cream);}\n .expertise-item h4{\n font-family:'Playfair Display',serif;font-size:19px;font-weight:500;\n }\n .expertise-item span{\n color:var(--gold);font-family:'Playfair Display',serif;font-style:italic;font-size:15px;\n }\n\n .contact{\n background:var(--black);\n color:var(--cream);\n position:relative;\n text-align:center;\n padding:140px 24px;\n }\n .contact::before{\n content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);\n width:1px;height:64px;background:linear-gradient(180deg,transparent,var(--gold));\n }\n .contact .eyebrow{justify-content:center;display:block;text-align:center;}\n .contact h2{\n font-size:clamp(30px,5vw,50px);font-weight:500;max-width:680px;margin:0 auto 26px;line-height:1.25;\n }\n .contact h2 em{color:var(--gold-light);font-style:italic;font-weight:400;}\n .contact p.lead{\n max-width:480px;margin:0 auto 46px;color:rgba(247,244,238,0.65);font-size:15.5px;line-height:1.8;font-weight:300;\n }\n .contact-actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:56px;}\n .contact-info{\n display:flex;justify-content:center;gap:56px;flex-wrap:wrap;\n padding-top:44px;border-top:1px solid rgba(201,168,106,0.2);\n max-width:520px;margin:0 auto;\n }\n .contact-info div{text-align:left;}\n .contact-info-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}\n .contact-info-value{font-size:16px;color:var(--cream);}\n\n footer{\n background:var(--black-2);color:rgba(247,244,238,0.5);\n padding:32px 24px;text-align:center;font-size:12.5px;\n border-top:1px solid rgba(201,168,106,0.1);\n letter-spacing:0.3px;\n }\n footer a{color:var(--gold-light);}\n\n @media(max-width:860px){\n .nav-links,.nav-cta{display:none;}\n .nav-burger{display:block;}\n .intro-grid{grid-template-columns:1fr;gap:50px;}\n .pillars-grid{grid-template-columns:1fr;}\n .expertise-list{grid-template-columns:1fr;}\n section{padding:80px 0;}\n .expertise-head{flex-direction:column;align-items:flex-start;}\n }\n<\/style>\n<\/head>\n<body>\n\n<nav class=\"nav\" id=\"nav\">\n <a href=\"#\" class=\"nav-logo\">St\u00e9phanie <span>Campserveux<\/span><\/a>\n <div class=\"nav-links\">\n <a href=\"#approche\">Mon approche<\/a>\n <a href=\"#expertise\">Expertise<\/a>\n <a href=\"#contact\">Contact<\/a>\n <\/div>\n <a href=\"tel:0782919971\" class=\"nav-cta\">07 82 91 99 71<\/a>\n <button class=\"nav-burger\" aria-label=\"Menu\">☰<\/button>\n<\/nav>\n\n<header class=\"hero\">\n <div>\n <span class=\"hero-eyebrow\">Toulouse & alentours<\/span>\n <h1>L'immobilier d'exception<br>commence par une <em>strat\u00e9gie<\/em><\/h1>\n <p class=\"hero-sub\">Conseil et strat\u00e9gie de valorisation immobili\u00e8re haut de gamme. S\u00e9lection patrimoniale, biens rares, accompagnement sur mesure.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"#contact\" class=\"btn-gold\">Prendre rendez-vous<\/a>\n <a href=\"#approche\" class=\"btn-outline\">D\u00e9couvrir mon approche<\/a>\n <\/div>\n <\/div>\n \n<\/header>\n\n<section class=\"intro\" id=\"approche\">\n <div class=\"wrap intro-grid\">\n <div class=\"reveal\">\n <div class=\"intro-photo\"><\/div>\n <\/div>\n <div class=\"reveal\">\n <span class=\"eyebrow\">Mon approche<\/span>\n <p class=\"intro-quote\">Un bien haut de gamme ne se r\u00e9sume pas \u00e0 une surface ou \u00e0 une adresse. <span>Il raconte un mode de vie, une projection, une \u00e9motion.<\/span><\/p>\n <div class=\"intro-text\">\n <p>Passionn\u00e9e par l'immobilier de caract\u00e8re et les lieux \u00e0 forte identit\u00e9, j'accompagne une client\u00e8le exigeante dans la vente de propri\u00e9t\u00e9s premium \u00e0 Toulouse et ses environs.<\/p>\n <p>J'accorde une importance particuli\u00e8re au positionnement des biens, \u00e0 la compr\u00e9hension fine des attentes acqu\u00e9reurs et \u00e0 la qualit\u00e9 des relations humaines. Certaines ventes n\u00e9cessitent davantage qu'une diffusion classique : elles demandent strat\u00e9gie, discr\u00e9tion et ciblage pr\u00e9cis.<\/p>\n <p>Mon objectif : cr\u00e9er des rencontres coh\u00e9rentes entre un lieu et les personnes auxquelles il correspond r\u00e9ellement.<\/p>\n <\/div>\n <p class=\"signature\">St\u00e9phanie Campserveux<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"pillars\">\n <div class=\"wrap\">\n <div class=\"pillars-head reveal\">\n <span class=\"eyebrow\" style=\"text-align:center;display:block;\">Ce qui guide chaque vente<\/span>\n <h2 class=\"section-title\">Strat\u00e9gie, discr\u00e9tion, ciblage pr\u00e9cis<\/h2>\n <\/div>\n <div class=\"pillars-grid reveal\">\n <div class=\"pillar\">\n <span class=\"pillar-num\">01<\/span>\n <h3>Positionnement<\/h3>\n <p>Une analyse fine du bien et de son march\u00e9 pour d\u00e9finir la strat\u00e9gie de valorisation la plus juste, avant toute diffusion.<\/p>\n <\/div>\n <div class=\"pillar\">\n <span class=\"pillar-num\">02<\/span>\n <h3>Confidentialit\u00e9<\/h3>\n <p>Certaines ventes exigent la discr\u00e9tion. Ciblage pr\u00e9cis des acqu\u00e9reurs plut\u00f4t qu'une diffusion classique.<\/p>\n <\/div>\n <div class=\"pillar\">\n <span class=\"pillar-num\">03<\/span>\n <h3>Accompagnement sur mesure<\/h3>\n <p>Une relation humaine de qualit\u00e9, de la premi\u00e8re visite jusqu'\u00e0 la signature, pens\u00e9e pour chaque client.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"expertise\" id=\"expertise\">\n <div class=\"wrap\">\n <div class=\"expertise-head reveal\">\n <div>\n <span class=\"eyebrow\">Domaines d'intervention<\/span>\n <h2 class=\"section-title\">Des biens \u00e0 forte dimension patrimoniale<\/h2>\n <\/div>\n <p>J'interviens principalement sur des biens qui portent une identit\u00e9 forte et une valeur patrimoniale r\u00e9elle.<\/p>\n <\/div>\n <div class=\"expertise-list reveal\">\n <div class=\"expertise-item\"><h4>Maisons familiales de standing<\/h4><span>01<\/span><\/div>\n <div class=\"expertise-item\"><h4>Propri\u00e9t\u00e9s de caract\u00e8re<\/h4><span>02<\/span><\/div>\n <div class=\"expertise-item\"><h4>Demeures d'architecte<\/h4><span>03<\/span><\/div>\n <div class=\"expertise-item\"><h4>Biens \u00e0 forte dimension patrimoniale<\/h4><span>04<\/span><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"contact\" id=\"contact\">\n <div class=\"wrap\">\n <span class=\"eyebrow\">Prenons contact<\/span>\n <h2>Parlons de <em>votre projet<\/em> immobilier<\/h2>\n <p class=\"lead\">Une estimation, une strat\u00e9gie de vente, ou simplement un \u00e9change confidentiel \u2014 je suis \u00e0 votre \u00e9coute.<\/p>\n <div class=\"contact-actions\">\n <a href=\"tel:0782919971\" class=\"btn-gold\">Appeler \u2014 07 82 91 99 71<\/a>\n <a href=\"mailto:contact@stephaniecampserveux.fr\" class=\"btn-outline\">Envoyer un message<\/a>\n <\/div>\n <div class=\"contact-info\">\n <div>\n <div class=\"contact-info-label\">Zone d'intervention<\/div>\n <div class=\"contact-info-value\">Toulouse, Occitanie<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer>\n <p>© <span id=\"year\"><\/span> St\u00e9phanie Campserveux \u2014 Immobilier de prestige. Tous droits r\u00e9serv\u00e9s.<\/p>\n<\/footer>\n\n<script>\n document.getElementById('year').textContent = new Date().getFullYear();\n\n const nav = document.getElementById('nav');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 60) nav.classList.add('scrolled');\n else nav.classList.remove('scrolled');\n });\n\n const revealEls = document.querySelectorAll('.reveal');\n const io = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('in'); });\n }, { threshold: 0.15 });\n revealEls.forEach(el => io.observe(el));\n<\/script>\n\n<\/body>\n<\/html><style>.main_title,.entry-title,h1.main_title{display:none !important;} #main-content,#main-content .container,.et_pb_section,article,.container,#left-area,#content-area,.entry-content{padding:0 !important;margin:0 !important;width:100% !important;max-width:100% !important;float:none !important;} body{background:#f7f4ee !important;overflow-x:hidden;} .contact h2,.pillars .section-title{color:var(--cream) !important;} .contact h2 em{color:var(--gold-light) !important;}<\/style>\n","protected":false},"excerpt":{"rendered":"<p>St\u00e9phanie Campserveux \u2014 Immobilier de Prestige \u00e0 Toulouse St\u00e9phanie Campserveux Mon approche Expertise Contact 07 82 91 99 71 ☰ Toulouse & alentours L’immobilier d’exceptioncommence par une strat\u00e9gie Conseil et strat\u00e9gie de valorisation immobili\u00e8re haut de gamme. S\u00e9lection patrimoniale, biens rares, accompagnement sur mesure. Prendre rendez-vous D\u00e9couvrir mon approche Mon approche Un bien haut de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/visio-topia.com\/index.php?rest_route=\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visio-topia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/visio-topia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/visio-topia.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/visio-topia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=53"}],"version-history":[{"count":5,"href":"https:\/\/visio-topia.com\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/visio-topia.com\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/visio-topia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}