{"id":13,"date":"2026-08-12T11:49:16","date_gmt":"2026-08-12T11:49:16","guid":{"rendered":"https:\/\/kiemview.testpw.link\/?page_id=13"},"modified":"2026-10-02T12:13:30","modified_gmt":"2026-10-02T12:13:30","slug":"home","status":"publish","type":"page","link":"https:\/\/kiemview.testpw.link\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section kiem-hero\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>KIRCHBERG \/ WEIMERSHOF<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><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=Bodoni+Moda:ital,wght@1,500&display=swap\" rel=\"stylesheet\">\n\n<h1 class=\"kiem-hero-title\">\n  <span class=\"kiem-hero-title__fr\" lang=\"fr\">\n    <span class=\"kiem-hero-title__main\">Maisons<\/span>\n    <span class=\"kiem-hero-title__main\">d\u2019exception<\/span>\n    <em class=\"kiem-hero-title__place\">au Kirchberg<\/em>\n  <\/span>\n\n  <span class=\"kiem-hero-title__en\" lang=\"en\">\n    <span class=\"kiem-hero-title__main\">Exceptional<\/span>\n    <span class=\"kiem-hero-title__main\">homes<\/span>\n    <em class=\"kiem-hero-title__place\">in Kirchberg<\/em>\n  <\/span>\n<\/h1>\n\n<style>\n.kiem-hero-title {\n  display: block !important;\n  width: 100%;\n  max-width: 670px;\n  margin: 0 !important;\n  padding: 0 0 16px !important;\n  text-align: left !important;\n  text-transform: none !important;\n}\n\n\/* Fran\u00e7ais par d\u00e9faut *\/\n.kiem-hero-title__fr {\n  display: block;\n}\n\n.kiem-hero-title__en {\n  display: none;\n}\n\n\/* Anglais lorsque la langue du site est en ou en-US *\/\nhtml[lang^=\"en\"] .kiem-hero-title__fr {\n  display: none;\n}\n\nhtml[lang^=\"en\"] .kiem-hero-title__en {\n  display: block;\n}\n\n.kiem-hero-title__main {\n  display: block;\n  margin: 0 !important;\n  padding: 0 !important;\n  color: #382d25 !important;\n  font-family: \"Hind Siliguri\", sans-serif !important;\n  font-size: clamp(62px, 5.6vw, 84px) !important;\n  font-style: normal !important;\n  font-weight: 500 !important;\n  line-height: 0.84em !important;\n  letter-spacing: -3.8px !important;\n}\n\n.kiem-hero-title__place {\n  display: block;\n  width: fit-content;\n  margin: 14px 0 0 !important;\n  padding: 0 0 9px !important;\n  color: #657b52 !important;\n  font-family: \"Bodoni Moda\", serif !important;\n  font-size: clamp(56px, 5vw, 76px) !important;\n  font-style: italic !important;\n  font-weight: 500 !important;\n  line-height: 1em !important;\n  letter-spacing: -3px !important;\n  white-space: nowrap;\n}\n\n@media (max-width: 980px) {\n  .kiem-hero-title {\n    max-width: 570px;\n  }\n\n  .kiem-hero-title__main {\n    font-size: clamp(54px, 7.7vw, 72px) !important;\n    letter-spacing: -3px !important;\n  }\n\n  .kiem-hero-title__place {\n    margin-top: 11px !important;\n    font-size: clamp(49px, 7vw, 65px) !important;\n  }\n}\n\n@media (max-width: 767px) {\n  .kiem-hero-title {\n    max-width: 100%;\n    padding-bottom: 10px !important;\n  }\n\n  .kiem-hero-title__main {\n    font-size: clamp(44px, 12vw, 58px) !important;\n    line-height: 0.88em !important;\n    letter-spacing: -2.2px !important;\n  }\n\n  .kiem-hero-title__place {\n    margin-top: 9px !important;\n    font-size: clamp(42px, 11vw, 54px) !important;\n    letter-spacing: -2px !important;\n  }\n}\n\n@media (max-width: 390px) {\n  .kiem-hero-title__main {\n    font-size: clamp(40px, 10.8vw, 48px) !important;\n  }\n\n  .kiem-hero-title__place {\n    font-size: clamp(38px, 10.3vw, 46px) !important;\n  }\n}\n<\/style><\/div><\/div>\n\n\n\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><\/div>\n\n<div class=\"et_pb_divider_0 et_pb_divider et_pb_space et_pb_divider_position_top et_pb_module\"><div class=\"et_pb_divider_internal\"><\/div><\/div>\n\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Quatre maisons d'exception, pens\u00e9es pour conjuguer architecture contemporaine, confort absolu et nature pr\u00e9serv\u00e9e au coeur du Kirchberg.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><a href=\"https:\/\/kiemview.testpw.link\/le-projet\/\" class=\"kiem-btn\">\n\n    <span class=\"kiem-btn__icon\">\n        <span class=\"kiem-btn__arrow\">\u2192<\/span>\n    <\/span>\n\n    <span class=\"kiem-btn__label\">\n        D\u00c9COUVRIR LE <span>PROJET<\/span>\n    <\/span>\n\n<\/a>\n\n<style>\n\/* KIEMVIEW \u2014 CTA HERO *\/\n\n.kiem-btn {\n    --accent: #7B9364;\n    --accent-dark: #657B52;\n    --green: #3D5640;\n    --cream: #FAF7EF;\n\n    position: relative;\n    display: inline-flex;\n    align-items: stretch;\n    height: 58px;\n    padding: 0;\n    box-sizing: border-box;\n    border: 1px solid rgba(61,86,64,.85);\n    border-radius: 12px;\n    background: rgba(250,247,239,.82);\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n    font-family: \"Hind Siliguri\", sans-serif;\n    color: var(--green) !important;\n    text-decoration: none !important;\n    overflow: hidden;\n\n    box-shadow:\n        0 8px 24px rgba(56,45,37,.08),\n        inset 0 1px 0 rgba(255,255,255,.65);\n\n    transition:\n        transform .4s cubic-bezier(.22,1,.36,1),\n        background .4s ease,\n        border-color .4s ease,\n        box-shadow .4s ease;\n}\n\n.kiem-btn__icon {\n    position: relative;\n    width: 56px;\n    flex: 0 0 56px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-right: 1px solid rgba(61,86,64,.38);\n    background: rgba(123,147,100,.13);\n\n    transition:\n        background .4s ease,\n        border-color .4s ease;\n}\n\n.kiem-btn__arrow {\n    color: var(--green);\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1;\n\n    transition:\n        color .35s ease,\n        transform .4s cubic-bezier(.22,1,.36,1);\n}\n\n.kiem-btn__label {\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: 0 22px;\n    color: var(--green);\n    font-family: \"Hind Siliguri\", sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: .20em;\n    white-space: nowrap;\n\n    transition:\n        color .35s ease,\n        transform .4s cubic-bezier(.22,1,.36,1);\n}\n\n\/* \u00ab PROJET \u00bb SOULIGN\u00c9 *\/\n\n.kiem-btn__label > span {\n    position: relative;\n    display: inline-block;\n    margin-left: .45em;\n}\n\n.kiem-btn__label > span::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: -7px;\n    width: 58%;\n    height: 1px;\n    background: var(--accent-dark);\n\n    transition:\n        width .45s cubic-bezier(.22,1,.36,1),\n        background .35s ease;\n}\n\n.kiem-btn:hover {\n    transform: translateY(-2px);\n    background: rgba(250,247,239,.98);\n    border-color: var(--green);\n    box-shadow: 0 12px 30px rgba(56,45,37,.13);\n}\n\n.kiem-btn:hover .kiem-btn__icon {\n    background: var(--green);\n    border-right-color: var(--green);\n}\n\n.kiem-btn:hover .kiem-btn__arrow {\n    color: #FFFFFF;\n    transform: translateX(3px);\n}\n\n.kiem-btn:hover .kiem-btn__label {\n    color: var(--green);\n}\n\n.kiem-btn:hover .kiem-btn__label > span::after {\n    width: 100%;\n}\n\n.kiem-btn:focus-visible {\n    outline: 2px solid var(--accent-dark);\n    outline-offset: 5px;\n}\n\n@media (max-width: 767px) {\n    .kiem-btn {\n        height: 52px;\n        border-radius: 10px;\n    }\n\n    .kiem-btn__icon {\n        width: 48px;\n        flex-basis: 48px;\n    }\n\n    .kiem-btn__arrow {\n        font-size: 18px;\n    }\n\n    .kiem-btn__label {\n        padding: 0 18px;\n        font-size: 11px;\n        letter-spacing: .18em;\n    }\n\n    .kiem-btn__label > span::after {\n        bottom: -6px;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .kiem-btn,\n    .kiem-btn__icon,\n    .kiem-btn__arrow,\n    .kiem-btn__label,\n    .kiem-btn__label > span::after {\n        transition: none !important;\n    }\n}\n<\/style><\/div><\/div>\n\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"kiem-infos\">\n\n    <!-- ADRESSE -->\n    <div class=\"kiem-info\">\n        <div class=\"kiem-info-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"\/>\n                <circle cx=\"12\" cy=\"10\" r=\"2.7\"\/>\n            <\/svg>\n        <\/div>\n\n        <div class=\"kiem-info-content\">\n            <div class=\"kiem-info-title\">ADRESSE<\/div>\n            <div class=\"kiem-info-main\">Sentier de Bricherhof<\/div>\n            <div class=\"kiem-info-sub\">L-1221 Luxembourg<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ENVIRONNEMENT -->\n    <div class=\"kiem-info\">\n        <div class=\"kiem-info-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 22V9\"\/>\n                <path d=\"M12 16 7 12\"\/>\n                <path d=\"M12 13 17 9\"\/>\n                <path d=\"M7.5 17.5A6 6 0 0 1 5 6.1 6.5 6.5 0 0 1 17.8 7 5.5 5.5 0 0 1 16 17.5Z\"\/>\n            <\/svg>\n        <\/div>\n\n        <div class=\"kiem-info-content\">\n            <div class=\"kiem-info-title\">ENVIRONNEMENT<\/div>\n            <div class=\"kiem-info-main\">Rue sans issue<\/div>\n            <div class=\"kiem-info-sub\">Cadre verdoyant<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- MAISONS -->\n    <div class=\"kiem-info\">\n        <div class=\"kiem-info-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M3 11 12 3l9 8\"\/>\n                <path d=\"M5 9.5V21h14V9.5\"\/>\n                <path d=\"M9 21v-6h6v6\"\/>\n            <\/svg>\n        <\/div>\n\n        <div class=\"kiem-info-content\">\n            <div class=\"kiem-info-title\">MAISONS<\/div>\n            <div class=\"kiem-info-main\">4 maisons<\/div>\n            <div class=\"kiem-info-sub\">De 268 \u00e0 357 m\u00b2 de surface brute<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CPE -->\n    <div class=\"kiem-info\">\n        <div class=\"kiem-info-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M3 11 12 3l9 8\"\/>\n                <path d=\"M5 9.5V21h14V9.5\"\/>\n                <path d=\"m12.5 10-3.5 5h3l-1 4 4-6h-3l.5-3Z\"\/>\n            <\/svg>\n        <\/div>\n\n        <div class=\"kiem-info-content\">\n            <div class=\"kiem-info-title\">CPE<\/div>\n            <div class=\"kiem-info-main\">AAA<\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<style>\n\/* =========================================================\n   KIEMVIEW \u2014 INFO BAR PREMIUM\n========================================================= *\/\n\n.kiem-infos {\n    --kiem-green: #7B9364;\n    --kiem-green-dark: #657B52;\n    --kiem-green-deep: #536743;\n    --kiem-brown: #382D25;\n    --kiem-cream: #FAF7EF;\n\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    box-sizing: border-box;\n\n    background: rgba(250, 247, 239, .52);\n\n    -webkit-backdrop-filter: blur(10px) saturate(115%);\n    backdrop-filter: blur(10px) saturate(115%);\n\n    border: 1px solid rgba(101, 123, 82, .58);\n    border-radius: 12px;\n\n    box-shadow:\n        0 14px 36px rgba(56, 45, 37, .07),\n        inset 0 1px 0 rgba(255, 255, 255, .58);\n\n    font-family: \"Hind Siliguri\", sans-serif;\n    overflow: hidden;\n}\n\n\/* =========================================================\n   ITEM\n========================================================= *\/\n\n.kiem-info {\n    position: relative;\n    min-height: 118px;\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 24px 30px;\n    box-sizing: border-box;\n\n    transition:\n        background-color .35s ease,\n        transform .45s cubic-bezier(.22, 1, .36, 1);\n}\n\n\/* =========================================================\n   S\u00c9PARATEURS\n========================================================= *\/\n\n.kiem-info:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    top: 24%;\n    width: 1px;\n    height: 52%;\n    background: rgba(101, 123, 82, .38);\n}\n\n\/* =========================================================\n   IC\u00d4NES\n========================================================= *\/\n\n.kiem-info-icon {\n    width: 52px;\n    height: 52px;\n    flex: 0 0 52px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--kiem-green-dark);\n\n    transition:\n        transform .45s cubic-bezier(.22, 1, .36, 1),\n        color .35s ease;\n}\n\n.kiem-info-icon svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   CONTENU\n========================================================= *\/\n\n.kiem-info-content {\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n\/* =========================================================\n   LABEL\n========================================================= *\/\n\n.kiem-info-title {\n    margin: 0 0 9px;\n    color: var(--kiem-green-dark);\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n}\n\n\/* =========================================================\n   INFORMATION PRINCIPALE\n========================================================= *\/\n\n.kiem-info-main {\n    margin: 0;\n    color: var(--kiem-brown);\n    font-size: 17px;\n    font-weight: 600;\n    line-height: 1.15;\n    letter-spacing: -.01em;\n}\n\n\/* =========================================================\n   INFORMATION SECONDAIRE\n========================================================= *\/\n\n.kiem-info-sub {\n    margin: 4px 0 0;\n    color: rgba(56, 45, 37, .82);\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.25;\n}\n\n\/* =========================================================\n   HOVER\n========================================================= *\/\n\n.kiem-info:hover {\n    background: rgba(255, 255, 255, .22);\n}\n\n.kiem-info:hover .kiem-info-icon {\n    transform: translateY(-4px) scale(1.03);\n    color: var(--kiem-green-deep);\n}\n\n.kiem-info:hover .kiem-info-main {\n    color: var(--kiem-green-deep);\n}\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1100px) {\n    .kiem-infos {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .kiem-info:nth-child(2)::after {\n        display: none;\n    }\n\n    .kiem-info:nth-child(-n+2) {\n        border-bottom: 1px solid rgba(101, 123, 82, .30);\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n    .kiem-infos {\n        grid-template-columns: 1fr;\n        background: rgba(250, 247, 239, .64);\n        border-radius: 12px;\n\n        -webkit-backdrop-filter: blur(10px) saturate(110%);\n        backdrop-filter: blur(10px) saturate(110%);\n    }\n\n    .kiem-info {\n        min-height: auto;\n        padding: 20px 22px;\n        gap: 18px;\n    }\n\n    .kiem-info:not(:last-child) {\n        border-bottom: 1px solid rgba(101, 123, 82, .30);\n    }\n\n    .kiem-info::after {\n        display: none !important;\n    }\n\n    .kiem-info-icon {\n        width: 44px;\n        height: 44px;\n        flex-basis: 44px;\n    }\n\n    .kiem-info-title {\n        font-size: 10px;\n        margin-bottom: 7px;\n    }\n\n    .kiem-info-main {\n        font-size: 16px;\n    }\n\n    .kiem-info-sub {\n        font-size: 13px;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n    .kiem-info,\n    .kiem-info-icon {\n        transition: none;\n    }\n}\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>LE PROJET<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_code_5 et_pb_code et_animated et_pb_module\"><div class=\"et_pb_code_inner\"><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=Bodoni+Moda:ital,wght@1,500&display=swap\" rel=\"stylesheet\">\n\n<h2 class=\"kiem-premium-title\">\n  <span class=\"kiem-premium-title__fr\" lang=\"fr\">\n    <span class=\"kiem-premium-title__top\">Un ensemble<\/span>\n    <em class=\"kiem-premium-title__focus\">exclusif<\/em>\n    <span class=\"kiem-premium-title__bottom\">de quatre maisons<\/span>\n  <\/span>\n\n  <span class=\"kiem-premium-title__en\" lang=\"en\">\n    <span class=\"kiem-premium-title__top\">An exclusive<\/span>\n    <em class=\"kiem-premium-title__focus\">collection<\/em>\n    <span class=\"kiem-premium-title__bottom\">of four homes<\/span>\n  <\/span>\n<\/h2>\n\n<style>\n.kiem-premium-title {\n  display: block !important;\n  width: 100%;\n  max-width: 850px;\n  margin: 0 auto !important;\n  padding: 5px 20px 14px !important;\n\n  color: #3d5640 !important;\n  font-family: \"Hind Siliguri\", sans-serif !important;\n  font-weight: 400 !important;\n  text-align: center;\n  text-transform: none !important;\n}\n\n\/* Fran\u00e7ais par d\u00e9faut *\/\n.kiem-premium-title__fr {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.kiem-premium-title__en {\n  display: none;\n}\n\n\/* Version anglaise *\/\nhtml[lang^=\"en\"] .kiem-premium-title__fr {\n  display: none;\n}\n\nhtml[lang^=\"en\"] .kiem-premium-title__en {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.kiem-premium-title__top,\n.kiem-premium-title__bottom {\n  display: block;\n  color: #3d5640 !important;\n  font-family: \"Hind Siliguri\", sans-serif !important;\n  font-style: normal !important;\n  font-weight: 400 !important;\n  line-height: 0.98em !important;\n  letter-spacing: -2px !important;\n}\n\n.kiem-premium-title__top {\n  font-size: clamp(45px, 4vw, 62px) !important;\n}\n\n.kiem-premium-title__focus {\n  display: block;\n  margin: 0 0 10px !important;\n  padding: 0 0 7px !important;\n\n  color: #7b9364 !important;\n  font-family: \"Bodoni Moda\", serif !important;\n  font-size: clamp(59px, 5.5vw, 79px) !important;\n  font-style: italic !important;\n  font-weight: 500 !important;\n  line-height: 1.08em !important;\n  letter-spacing: -3px !important;\n}\n\n.kiem-premium-title__bottom {\n  font-size: clamp(40px, 3.6vw, 55px) !important;\n}\n\n@media (max-width: 980px) {\n  .kiem-premium-title__top {\n    font-size: clamp(42px, 7vw, 57px) !important;\n  }\n\n  .kiem-premium-title__focus {\n    margin-bottom: 9px !important;\n    font-size: clamp(56px, 9vw, 72px) !important;\n  }\n\n  .kiem-premium-title__bottom {\n    font-size: clamp(37px, 6vw, 49px) !important;\n  }\n}\n\n@media (max-width: 767px) {\n  .kiem-premium-title {\n    padding: 4px 8px 12px !important;\n  }\n\n  .kiem-premium-title__top {\n    font-size: clamp(35px, 10vw, 45px) !important;\n    letter-spacing: -1.2px !important;\n  }\n\n  .kiem-premium-title__focus {\n    margin-bottom: 8px !important;\n    padding-bottom: 5px !important;\n    font-size: clamp(49px, 14vw, 65px) !important;\n    letter-spacing: -2px !important;\n  }\n\n  .kiem-premium-title__bottom {\n    font-size: clamp(31px, 8.5vw, 41px) !important;\n    letter-spacing: -1px !important;\n  }\n\n  \/* Le premier segment anglais est l\u00e9g\u00e8rement plus long. *\/\n  html[lang^=\"en\"] .kiem-premium-title__top {\n    font-size: clamp(32px, 9vw, 43px) !important;\n  }\n}\n<\/style><\/div><\/div>\n\n<div class=\"et_pb_text_3 et_pb_text et_pb_bg_layout_light et_animated et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Implant\u00e9es en enfilade au bout du Sentier de Bricherhof,<br \/>ces maisons contemporaines s'int\u00e8grent dans un environnement<br \/>calme et verdoyant, en contrebas du Kirchberg.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_code_6 et_pb_code et_animated et_pb_module\"><div class=\"et_pb_code_inner\"><a href=\"https:\/\/kiemview.testpw.link\/maisons-kirchberg\/\" class=\"kiem-btn-light\">\n\n    <span class=\"kiem-btn-light__icon\">\n        <span class=\"kiem-btn-light__arrow\">\u2192<\/span>\n    <\/span>\n\n    <span class=\"kiem-btn-light__label\">\n        D\u00c9COUVRIR LES MAISONS\n    <\/span>\n\n<\/a>\n\n<style>\n\/* KIEMVIEW \u2014 CTA SECONDAIRE L\u00c9GER *\/\n\n.kiem-btn-light {\n    --accent: #7B9364;\n    --accent-dark: #657B52;\n    --green: #3D5640;\n\n    position: relative;\n    display: inline-flex;\n    align-items: stretch;\n    height: 50px;\n    padding: 0;\n    box-sizing: border-box;\n    border: 1px solid rgba(101,123,82,.42);\n    border-radius: 9px;\n    background: rgba(250,247,239,.18);\n    font-family: \"Hind Siliguri\", sans-serif;\n    color: var(--green) !important;\n    text-decoration: none !important;\n    overflow: hidden;\n\n    transition:\n        transform .4s cubic-bezier(.22,1,.36,1),\n        border-color .4s ease,\n        background .4s ease,\n        box-shadow .4s ease;\n}\n\n\/* BLOC FL\u00c8CHE *\/\n\n.kiem-btn-light__icon {\n    position: relative;\n    width: 48px;\n    flex: 0 0 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-right: 1px solid rgba(101,123,82,.30);\n    background: rgba(123,147,100,.06);\n\n    transition:\n        background .4s ease,\n        border-color .4s ease;\n}\n\n\/* FL\u00c8CHE *\/\n\n.kiem-btn-light__arrow {\n    color: var(--green);\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1;\n\n    transition:\n        color .35s ease,\n        transform .4s cubic-bezier(.22,1,.36,1);\n}\n\n\/* TEXTE *\/\n\n.kiem-btn-light__label {\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: 0 18px;\n    color: var(--green);\n    font-family: \"Hind Siliguri\", sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: .20em;\n    white-space: nowrap;\n\n    transition:\n        color .35s ease,\n        transform .4s cubic-bezier(.22,1,.36,1);\n}\n\n\/* PETIT TRAIT *\/\n\n.kiem-btn-light__label::after {\n    content: \"\";\n    position: absolute;\n    left: 18px;\n    bottom: 8px;\n    width: 34px;\n    height: 1px;\n    background: var(--accent);\n\n    transition:\n        width .45s cubic-bezier(.22,1,.36,1),\n        background .35s ease;\n}\n\n\/* HOVER *\/\n\n.kiem-btn-light:hover {\n    transform: translateY(-2px);\n    border-color: rgba(61,86,64,.72);\n    background: rgba(250,247,239,.55);\n    box-shadow: 0 8px 20px rgba(56,45,37,.06);\n}\n\n.kiem-btn-light:hover .kiem-btn-light__icon {\n    background: var(--green);\n    border-right-color: var(--green);\n}\n\n.kiem-btn-light:hover .kiem-btn-light__arrow {\n    color: #FFFFFF;\n    transform: translateX(3px);\n}\n\n.kiem-btn-light:hover .kiem-btn-light__label {\n    color: var(--green);\n    transform: translateX(2px);\n}\n\n.kiem-btn-light:hover .kiem-btn-light__label::after {\n    width: calc(100% - 36px);\n}\n\n\/* FOCUS *\/\n\n.kiem-btn-light:focus-visible {\n    outline: 2px solid var(--accent-dark);\n    outline-offset: 5px;\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n    .kiem-btn-light {\n        height: 46px;\n        border-radius: 8px;\n    }\n\n    .kiem-btn-light__icon {\n        width: 44px;\n        flex-basis: 44px;\n    }\n\n    .kiem-btn-light__arrow {\n        font-size: 18px;\n    }\n\n    .kiem-btn-light__label {\n        padding: 0 16px;\n        font-size: 11px;\n        letter-spacing: .18em;\n    }\n\n    .kiem-btn-light__label::after {\n        left: 16px;\n        bottom: 7px;\n        width: 30px;\n    }\n\n    .kiem-btn-light:hover .kiem-btn-light__label::after {\n        width: calc(100% - 32px);\n    }\n}\n\n\/* ACCESSIBILIT\u00c9 *\/\n\n@media (prefers-reduced-motion: reduce) {\n    .kiem-btn-light,\n    .kiem-btn-light__icon,\n    .kiem-btn-light__arrow,\n    .kiem-btn-light__label,\n    .kiem-btn-light__label::after {\n        transition: none !important;\n    }\n}\n<\/style><\/div><\/div>\n\n<div class=\"et_pb_video_0 et_pb_video et_pb_module et_flex_module kiem-video-wrap\"><div class=\"et_pb_video_box\"><iframe loading=\"lazy\" title=\"Kiem View teasing V2  1\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/ABt4v_h2ETY?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><div class=\"et_pb_video_overlay\" style=\"background-image:url(https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/09\/Design-sans-titre-2026-09-29T094242.546.png)\"><div class=\"et_pb_video_overlay_hover\"><a class=\"et_pb_video_play\" href=\"#\"><\/a><\/div><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_2_5 et_flex_column_2_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_0 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T145809.110.png\" width=\"2396\" height=\"1131\" srcset=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T145809.110.png 2396w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T145809.110-1280x604.png 1280w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T145809.110-980x463.png 980w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T145809.110-480x227.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 2396px, 100vw\" class=\"wp-image-165\" \/><\/span><\/div>\n<\/div>\n\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_3_5 et_flex_column_3_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_7 et_pb_code et_animated et_pb_module\"><div class=\"et_pb_code_inner\"><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=Bodoni+Moda:ital,wght@1,500&display=swap\" rel=\"stylesheet\">\n\n<h2 class=\"kiem-promoteur-title\">\n  <span class=\"kiem-promoteur-title__main\">Eaglestone<\/span>  <em class=\"kiem-promoteur-title__focus\"><\/em>\n<\/h2>\n\n<style>\n.kiem-promoteur-title {\n  display: flex !important;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  max-width: 650px;\n  margin: 0 !important;\n  padding: 0 0 10px !important;\n  text-align: left !important;\n  text-transform: none !important;\n}\n\n.kiem-promoteur-title__main,\n.kiem-promoteur-title__focus {\n  display: block;\n  margin: 0 !important;\n  padding: 0 !important;\n  font-size: clamp(45px, 4vw, 62px) !important;\n  font-weight: 400 !important;\n  line-height: 1em !important;\n  text-transform: none !important;\n}\n\n.kiem-promoteur-title__main {\n  color: #f5f1e8 !important;\n  font-family: \"Hind Siliguri\", sans-serif !important;\n  font-style: normal !important;\n  letter-spacing: -2px !important;\n}\n\n.kiem-promoteur-title__focus {\n  margin-top: 5px !important;\n  padding-bottom: 6px !important;\n  color: #afc597 !important;\n  font-family: \"Bodoni Moda\", serif !important;\n  font-style: italic !important;\n  font-weight: 500 !important;\n  letter-spacing: -2.5px !important;\n}\n\n@media (max-width: 980px) {\n  .kiem-promoteur-title__main,\n  .kiem-promoteur-title__focus {\n    font-size: clamp(41px, 7vw, 55px) !important;\n  }\n}\n\n@media (max-width: 767px) {\n  .kiem-promoteur-title__main,\n  .kiem-promoteur-title__focus {\n    font-size: clamp(35px, 10vw, 45px) !important;\n  }\n\n  .kiem-promoteur-title__main {\n    letter-spacing: -1.2px !important;\n  }\n\n  .kiem-promoteur-title__focus {\n    margin-top: 4px !important;\n    letter-spacing: -1.7px !important;\n  }\n}\n<\/style><\/div><\/div>\n\n<div class=\"et_pb_text_4 et_pb_text et_pb_bg_layout_light et_animated et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p class=\"p1\">D\u00e9veloppeur immobilier passionn\u00e9, nous cr\u00e9ons vos espaces de vie et de travail \u00e0 Luxembourg. Judicieux, sobres et audacieux, ils r\u00e9pondent aux besoins actuels tout en \u00e9tant flexibles pour s'adapter au futur.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_3_5 et_flex_column_3_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_8 et_pb_code et_animated et_pb_module\"><div class=\"et_pb_code_inner\"><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=Bodoni+Moda:ital,wght@1,500&display=swap\" rel=\"stylesheet\">\n\n<h2 class=\"kiem-architecture-title\">\n  <span class=\"kiem-architecture-title__fr\" lang=\"fr\">\n    Une architecture pens\u00e9e dans les\n    <em>moindres d\u00e9tails<\/em>\n  <\/span>\n\n  <span class=\"kiem-architecture-title__en\" lang=\"en\">\n    Architecture designed down to\n    <em>the last detail<\/em>\n  <\/span>\n<\/h2>\n\n<style>\n.kiem-architecture-title {\n  display: block !important;\n  width: 100%;\n  max-width: 850px;\n  margin: 0 !important;\n  padding: 0 0 12px !important;\n\n  color: #3d5640 !important;\n  font-family: \"Hind Siliguri\", sans-serif !important;\n  font-size: clamp(43px, 4vw, 61px) !important;\n  font-style: normal !important;\n  font-weight: 400 !important;\n  line-height: 1.05em !important;\n  letter-spacing: -2px !important;\n  text-align: left !important;\n  text-transform: none !important;\n}\n\n\/* Fran\u00e7ais par d\u00e9faut *\/\n.kiem-architecture-title__fr {\n  display: inline;\n}\n\n.kiem-architecture-title__en {\n  display: none;\n}\n\n\/* Anglais lorsque la langue de la page commence par \"en\" *\/\nhtml[lang^=\"en\"] .kiem-architecture-title__fr {\n  display: none;\n}\n\nhtml[lang^=\"en\"] .kiem-architecture-title__en {\n  display: inline;\n}\n\n.kiem-architecture-title em {\n  display: inline !important;\n  margin: 0 !important;\n  padding: 0 0.04em !important;\n\n  color: #7b9364 !important;\n  font-family: \"Bodoni Moda\", serif !important;\n  font-size: 1em !important;\n  font-style: italic !important;\n  font-weight: 500 !important;\n  line-height: inherit !important;\n  letter-spacing: -2.5px !important;\n  white-space: nowrap;\n}\n\n@media (max-width: 980px) {\n  .kiem-architecture-title {\n    font-size: clamp(39px, 6vw, 53px) !important;\n  }\n}\n\n@media (max-width: 767px) {\n  .kiem-architecture-title {\n    font-size: clamp(34px, 9vw, 44px) !important;\n    line-height: 1.08em !important;\n    letter-spacing: -1.3px !important;\n  }\n\n  .kiem-architecture-title em {\n    letter-spacing: -1.7px !important;\n  }\n}\n\n@media (max-width: 390px) {\n  .kiem-architecture-title {\n    font-size: clamp(31px, 8.5vw, 37px) !important;\n  }\n}\n<\/style><\/div><\/div>\n\n<div class=\"et_pb_text_5 et_pb_text et_pb_bg_layout_light et_animated et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p class=\"cvGsUA block-font-kerning-none block-font-feature-liga-off block-font-feature-clig-off block-font-feature-calt-off direction-ltr align-justify para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\"><span>\u00ab <\/span>Au c\u0153ur d\u2019une impasse<\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none white-space-prewrap\"> \u00a0<\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">paisible, KiemView incarne<\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none white-space-prewrap\"> <\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">un ensemble exclusif de quatre maisons d\u2019exception, con\u00e7ues pour un art de vivre \u00e9l\u00e9gant et privil\u00e9gi\u00e9. De g\u00e9n\u00e9reux espaces de vie, prolong\u00e9s par des jardins privatifs, offrent un cadre o\u00f9 prestige, intimit\u00e9 et s\u00e9r\u00e9nit\u00e9 se conjuguent au quotidien. <span>\u00bb<\/span><\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_6 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p class=\"cvGsUA block-font-kerning-none block-font-feature-liga-off block-font-feature-clig-off block-font-feature-calt-off direction-ltr align-justify para-style-body\"><strong>Charles Wagner<\/strong><br \/>DWA Architectes. S.A.<\/p>\n<\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_2_5 et_flex_column_2_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_1 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/260331_Kiem-View-Descriptif-FR_VF.pdf-2.png\" width=\"388\" height=\"388\" srcset=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/260331_Kiem-View-Descriptif-FR_VF.pdf-2.png 388w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/260331_Kiem-View-Descriptif-FR_VF.pdf-2-300x300.png 300w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/260331_Kiem-View-Descriptif-FR_VF.pdf-2-150x150.png 150w\" sizes=\"(max-width: 388px) 100vw, 388px\" class=\"wp-image-156\" \/><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_6 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_9 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- KIEMVIEW \u2014 \u00c0 COLLER EN ENTIER DANS UN SEUL MODULE CODE DIVI -->\n<section class=\"kvx-story\" aria-label=\"Les prestations Kiemview\">\n  <div class=\"kvx-stage\">\n\n    <article class=\"kvx-slide is-first\" data-kvx-slide>\n      <div class=\"kvx-photo\" style=\"--image:url('https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/20260123-12.png')\"><\/div>\n      <div class=\"kvx-overlay\"><\/div>\n      <div class=\"kvx-content\">\n        <span class=\"kvx-number\">01<\/span>\n        <h2>\n          <span class=\"kvx-fr\" lang=\"fr\">Agencement sur mesure<\/span>\n          <span class=\"kvx-en\" lang=\"en\">Tailored layouts<\/span>\n        <\/h2>\n        <p>\n          <span class=\"kvx-fr\" lang=\"fr\">Deux salles de bain plut\u00f4t que trois&nbsp;? Les espaces peuvent \u00eatre adapt\u00e9s \u00e0 votre mani\u00e8re de vivre.<\/span>\n          <span class=\"kvx-en\" lang=\"en\">Two bathrooms instead of three? The spaces can be adapted to the way you live.<\/span>\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"kvx-slide\" data-kvx-slide>\n      <div class=\"kvx-photo\" style=\"--image:url('https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/4.png')\"><\/div>\n      <div class=\"kvx-overlay\"><\/div>\n      <div class=\"kvx-content\">\n        <span class=\"kvx-number\">02<\/span>\n        <h2>\n          <span class=\"kvx-fr\" lang=\"fr\">Bien-\u00eatre au quotidien<\/span>\n          <span class=\"kvx-en\" lang=\"en\">Everyday well-being<\/span>\n        <\/h2>\n        <p>\n          <span class=\"kvx-fr\" lang=\"fr\">Salle de sport, espace wellness ou pi\u00e8ce d\u00e9di\u00e9e&nbsp;: imaginez un int\u00e9rieur qui vous ressemble.<\/span>\n          <span class=\"kvx-en\" lang=\"en\">A gym, a wellness area or a room for your passions: imagine a home that feels truly yours.<\/span>\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"kvx-slide\" data-kvx-slide>\n      <div class=\"kvx-photo\" style=\"--image:url('https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/1-1.png')\"><\/div>\n      <div class=\"kvx-overlay\"><\/div>\n      <div class=\"kvx-content\">\n        <span class=\"kvx-number\">03<\/span>\n        <h2>\n          <span class=\"kvx-fr\" lang=\"fr\">Finitions et mat\u00e9riaux<\/span>\n          <span class=\"kvx-en\" lang=\"en\">Finishes and materials<\/span>\n        <\/h2>\n        <p>\n          <span class=\"kvx-fr\" lang=\"fr\">Des mati\u00e8res nobles et des finitions soigneusement s\u00e9lectionn\u00e9es pour signer vos espaces.<\/span>\n          <span class=\"kvx-en\" lang=\"en\">Fine materials and carefully selected finishes give each space its distinctive character.<\/span>\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"kvx-slide\" data-kvx-slide>\n      <div class=\"kvx-photo\" style=\"--image:url('https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-sept.-2026-14_49_54.png')\"><\/div>\n      <div class=\"kvx-overlay\"><\/div>\n      <div class=\"kvx-content\">\n        <span class=\"kvx-number\">04<\/span>\n        <h2>\n          <span class=\"kvx-fr\" lang=\"fr\">Confort et art de vivre<\/span>\n          <span class=\"kvx-en\" lang=\"en\">Comfort and quality of life<\/span>\n        <\/h2>\n        <p>\n          <span class=\"kvx-fr\" lang=\"fr\">Des volumes optimis\u00e9s pour vivre chaque instant en toute s\u00e9r\u00e9nit\u00e9.<\/span>\n          <span class=\"kvx-en\" lang=\"en\">Thoughtfully planned spaces designed to make every moment feel effortless.<\/span>\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <div class=\"kvx-side-light\" aria-hidden=\"true\"><\/div>\n    <div class=\"kvx-progress\" aria-hidden=\"true\"><span><\/span><\/div>\n  <\/div>\n<\/section>\n\n<style>\n.kvx-story,\n.kvx-story *,\n.kvx-stage,\n.kvx-stage * {\n  box-sizing: border-box;\n}\n\n.kvx-story {\n  position: relative;\n  height: 680vh;\n  background: #3D5640;\n}\n\n\/* Gestion des langues *\/\n.kvx-en {\n  display: none;\n}\n\nhtml[lang^=\"en\"] .kvx-fr {\n  display: none;\n}\n\nhtml[lang^=\"en\"] .kvx-en {\n  display: inline;\n}\n\n.kvx-stage {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 99990;\n  width: 100%;\n  height: 100vh;\n  height: 100svh;\n  overflow: hidden;\n  isolation: isolate;\n  background: #263b2a;\n  font-family: \"Hind Siliguri\", Arial, sans-serif;\n}\n\n.kvx-stage.is-fixed {\n  position: fixed;\n  top: 0 !important;\n}\n\n.kvx-stage.is-parked {\n  position: absolute;\n}\n\n.kvx-slide {\n  --scale: 1;\n  --opacity: 0;\n  --radius: 0px;\n  --content-opacity: 0;\n\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n  opacity: var(--opacity);\n  border-radius: var(--radius);\n  transform: translate3d(0, 0, 0) scale(var(--scale));\n  transform-origin: 50% 50%;\n  will-change: transform, opacity, border-radius;\n  pointer-events: none;\n  background: #263b2a;\n  backface-visibility: hidden;\n}\n\n.kvx-slide.is-first {\n  --opacity: 1;\n}\n\n.kvx-photo {\n  position: absolute;\n  inset: -2%;\n  background-image: var(--image);\n  background-size: cover;\n  background-position: center;\n  transform: translate3d(0, 0, 0) scale(var(--photo-scale, 1.04));\n  will-change: transform;\n  backface-visibility: hidden;\n}\n\n.kvx-overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(\n      180deg,\n      rgba(13, 22, 15, .3) 0%,\n      rgba(13, 22, 15, .04) 36%,\n      rgba(8, 15, 10, .68) 100%\n    ),\n    linear-gradient(\n      90deg,\n      rgba(7, 15, 9, .18),\n      transparent 44%,\n      rgba(7, 15, 9, .12)\n    );\n}\n\n.kvx-content {\n  position: relative;\n  width: min(76%, 1180px);\n  height: 100%;\n  margin: 0 auto;\n  opacity: var(--content-opacity);\n  transition: none !important;\n  color: #F5F1E8 !important;\n  text-shadow: 0 2px 18px rgba(12, 25, 16, .24);\n}\n\n.kvx-content:before {\n  content: \"\";\n  position: absolute;\n  z-index: 0;\n  top: clamp(115px, 16vh, 170px);\n  left: -7%;\n  width: min(860px, 78%);\n  height: clamp(190px, 30vh, 320px);\n  pointer-events: none;\n  background: linear-gradient(\n    90deg,\n    rgba(30, 52, 35, .28) 0%,\n    rgba(30, 52, 35, .13) 46%,\n    rgba(30, 52, 35, 0) 100%\n  );\n  filter: blur(34px);\n  opacity: .58;\n}\n\n.kvx-number {\n  position: absolute;\n  z-index: 1;\n  top: clamp(175px, 24vh, 245px);\n  left: 0;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: #F5F1E8 !important;\n  font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n  font-size: clamp(16px, 1.05vw, 19px) !important;\n  font-weight: 500 !important;\n  line-height: 1 !important;\n  letter-spacing: .12em;\n  text-shadow: 0 2px 12px rgba(12, 25, 16, .38);\n}\n\n.kvx-number:after {\n  content: \"\";\n  display: block;\n  width: 34px;\n  height: 1px;\n  background: rgba(245, 241, 232, .72);\n}\n\n.kvx-slide .kvx-content h2 {\n  position: absolute;\n  z-index: 1;\n  top: clamp(150px, 21vh, 220px);\n  left: 82px;\n  width: min(790px, 72%);\n  margin: 0 !important;\n  padding: 0 !important;\n  color: #F5F1E8 !important;\n  font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n  font-size: clamp(38px, 4.1vw, 70px) !important;\n  font-weight: 400 !important;\n  line-height: 1.04 !important;\n  letter-spacing: -.03em !important;\n  text-align: left !important;\n  text-shadow:\n    0 3px 20px rgba(12, 25, 16, .48),\n    0 1px 2px rgba(12, 25, 16, .32);\n}\n\n.kvx-slide .kvx-content p {\n  position: absolute;\n  z-index: 1;\n  right: 0;\n  bottom: clamp(55px, 10vh, 105px);\n  width: min(640px, 58%);\n  margin: 0 !important;\n  padding: 0 !important;\n  color: #F5F1E8 !important;\n  font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n  font-size: clamp(26px, 1.85vw, 34px) !important;\n  font-weight: 300 !important;\n  line-height: 1.35 !important;\n  text-align: left !important;\n  text-shadow: 0 3px 22px rgba(0, 0, 0, .72);\n}\n\n.kvx-side-light {\n  position: absolute;\n  top: -10%;\n  left: -55%;\n  z-index: 20;\n  width: 42%;\n  height: 120%;\n  pointer-events: none;\n  opacity: 0;\n  background: linear-gradient(\n    90deg,\n    rgba(255, 255, 255, 0) 0%,\n    rgba(255, 255, 255, .015) 25%,\n    rgba(255, 255, 255, .10) 50%,\n    rgba(255, 255, 255, .025) 75%,\n    rgba(255, 255, 255, 0) 100%\n  );\n  filter: blur(15px);\n  transform: skewX(-12deg);\n  will-change: left, opacity;\n}\n\n.kvx-progress {\n  position: absolute;\n  right: 24px;\n  top: 50%;\n  z-index: 50;\n  width: 1px;\n  height: 96px;\n  overflow: hidden;\n  background: rgba(245, 241, 232, .25);\n  transform: translateY(-50%);\n}\n\n.kvx-progress span {\n  display: block;\n  width: 100%;\n  height: 100%;\n  background: #F5F1E8;\n  transform: scaleY(0);\n  transform-origin: top;\n}\n\n@media (max-width: 767px) {\n  .kvx-story {\n    height: 600vh;\n  }\n\n  .kvx-content {\n    width: calc(100% - 46px);\n  }\n\n  .kvx-content:before {\n    top: 70px;\n    left: -35px;\n    width: calc(100% + 70px);\n    height: 260px;\n  }\n\n  .kvx-number {\n    top: 92px;\n    left: 0;\n    font-size: 15px !important;\n  }\n\n  .kvx-number:after {\n    width: 28px;\n  }\n\n  .kvx-slide .kvx-content h2 {\n    top: 132px;\n    left: 0;\n    width: 100%;\n    font-size: clamp(35px, 10vw, 48px) !important;\n    font-weight: 400 !important;\n    line-height: 1.06 !important;\n  }\n\n  .kvx-slide .kvx-content p {\n    right: auto;\n    left: 0;\n    bottom: 42px;\n    width: calc(100% - 20px);\n    font-size: 22px !important;\n    line-height: 1.34 !important;\n  }\n\n  .kvx-side-light {\n    width: 62%;\n  }\n\n  .kvx-progress {\n    right: 10px;\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  document\n    .querySelectorAll('.kvx-story:not([data-kvx-ready])')\n    .forEach(story => {\n      story.dataset.kvxReady = '1';\n\n      const stage = story.querySelector('.kvx-stage');\n      const slides = [...story.querySelectorAll('[data-kvx-slide]')];\n      const bar = story.querySelector('.kvx-progress span');\n      const light = story.querySelector('.kvx-side-light');\n\n      let ticking = false;\n      let displayProgress = null;\n      let lastTime = 0;\n\n      document.body.appendChild(stage);\n\n      const clamp = (v, a = 0, b = 1) => Math.min(b, Math.max(a, v));\n      const smoother = x => {\n        x = clamp(x);\n        return x * x * x * (x * (x * 6 - 15) + 10);\n      };\n\n      function bezier(x, x1, y1, x2, y2) {\n        x = clamp(x);\n        let t = x;\n\n        for (let i = 0; i < 6; i++) {\n          const mt = 1 - t;\n          const xt =\n            3 * mt * mt * t * x1 +\n            3 * mt * t * t * x2 +\n            t * t * t;\n          const dx =\n            3 * mt * mt * x1 +\n            6 * mt * t * (x2 - x1) +\n            3 * t * t * (1 - x2);\n\n          if (Math.abs(dx) < 1e-6) break;\n          t = clamp(t - (xt - x) \/ dx);\n        }\n\n        const mt = 1 - t;\n        return (\n          3 * mt * mt * t * y1 +\n          3 * mt * t * t * y2 +\n          t * t * t\n        );\n      }\n\n      const imageEase = x => bezier(x, .22, 1, .36, 1);\n\n      function render(now = performance.now()) {\n        const rect = story.getBoundingClientRect();\n        const vh = innerHeight;\n        const distance = Math.max(1, story.offsetHeight - vh);\n        const top = scrollY + rect.top;\n        const end = top + distance;\n        const target = clamp(-rect.top \/ distance);\n\n        if (displayProgress === null) displayProgress = target;\n\n        const dt = lastTime ? Math.min(50, now - lastTime) : 16;\n        lastTime = now;\n\n        displayProgress +=\n          (target - displayProgress) *\n          (1 - Math.exp(-dt * .0052));\n\n        if (Math.abs(target - displayProgress) < .00005) {\n          displayProgress = target;\n        }\n\n        const overall = displayProgress;\n\n        if (scrollY < top) {\n          stage.className = 'kvx-stage is-parked';\n          stage.style.top = `${top}px`;\n        } else if (scrollY >= end) {\n          stage.className = 'kvx-stage is-parked';\n          stage.style.top = `${end}px`;\n        } else {\n          stage.className = 'kvx-stage is-fixed';\n          stage.style.top = '0px';\n        }\n\n        const raw = overall * (slides.length - 1);\n        const current = Math.min(\n          slides.length - 1,\n          Math.floor(raw + .00001)\n        );\n        const local =\n          current === slides.length - 1 ? 0 : raw - current;\n\n        slides.forEach((slide, i) => {\n          const phase = raw - i;\n          let opacity = 0;\n          let scale = 1;\n          let radius = 0;\n          let content = 0;\n          let photo = 1.04;\n          let z = 0;\n          let shadow = 0;\n\n          if (phase >= 0 && phase < 1) {\n            const move = smoother(phase);\n            const fade = smoother(\n              clamp((phase - .46) \/ .54)\n            );\n\n            opacity = 1 - fade;\n            scale = 1 - .25 * move;\n            radius = 22 * move;\n            content =\n              1 - smoother(clamp((phase - .08) \/ .56));\n            photo =\n              1.04 + .02 * imageEase(phase);\n            shadow = .34 * move * (1 - fade);\n            z = 3;\n          } else if (phase >= -1 && phase < 0) {\n            const arrival = 1 + phase;\n\n            opacity = 1;\n            content = smoother(\n              clamp((arrival - .58) \/ .42)\n            );\n            photo =\n              1.08 - .04 * imageEase(arrival);\n            z = 2;\n          } else if (\n            i === slides.length - 1 &&\n            phase === 0\n          ) {\n            opacity = 1;\n            content = 1;\n            photo = 1.04;\n            z = 2;\n          }\n\n          slide.style.setProperty(\n            '--opacity',\n            opacity.toFixed(4)\n          );\n          slide.style.setProperty(\n            '--scale',\n            scale.toFixed(4)\n          );\n          slide.style.setProperty(\n            '--radius',\n            `${radius.toFixed(2)}px`\n          );\n          slide.style.setProperty(\n            '--content-opacity',\n            content.toFixed(4)\n          );\n          slide.style.setProperty(\n            '--photo-scale',\n            photo.toFixed(4)\n          );\n\n          slide.style.zIndex = z;\n          slide.style.boxShadow =\n            shadow > .002\n              ? `0 32px 100px rgba(8,16,10,${shadow.toFixed(3)})`\n              : 'none';\n\n          slide.setAttribute(\n            'aria-hidden',\n            opacity > .01 ? 'false' : 'true'\n          );\n        });\n\n        const sweep =\n          current === slides.length - 1\n            ? 0\n            : clamp((local - .04) \/ .92);\n        const sweepEase = smoother(sweep);\n        const lightOpacity =\n          Math.sin(Math.PI * sweep) * .34;\n\n        light.style.left =\n          `${-55 + 190 * sweepEase}%`;\n        light.style.opacity =\n          Math.max(0, lightOpacity).toFixed(3);\n        bar.style.transform =\n          `scaleY(${overall.toFixed(4)})`;\n\n        if (\n          Math.abs(target - displayProgress) > .00005\n        ) {\n          requestAnimationFrame(render);\n        } else {\n          ticking = false;\n          lastTime = 0;\n        }\n      }\n\n      function request() {\n        if (!ticking) {\n          ticking = true;\n          lastTime = performance.now();\n          requestAnimationFrame(render);\n        }\n      }\n\n      addEventListener('scroll', request, {\n        passive: true\n      });\n      addEventListener('resize', request, {\n        passive: true\n      });\n\n      slides.forEach(slide => {\n        const value = slide\n          .querySelector('.kvx-photo')\n          .style.getPropertyValue('--image');\n        const match = value.match(\n          \/url\\(['\"]?(.*?)['\"]?\\)\/\n        );\n\n        if (match) {\n          const img = new Image();\n          img.src = match[1];\n        }\n      });\n\n      render();\n    });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_7 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_10 et_pb_code et_animated et_pb_module\"><div class=\"et_pb_code_inner\"><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=Bodoni+Moda:ital,wght@1,500&display=swap\" rel=\"stylesheet\">\n\n<h2 class=\"kiem-houses-title\">\n  <span class=\"kiem-houses-title__fr\" lang=\"fr\">\n    <span class=\"kiem-houses-title__line\">Quatre maisons<\/span>\n    <em>d\u2019exception<\/em>\n  <\/span>\n\n  <span class=\"kiem-houses-title__en\" lang=\"en\">\n    <span class=\"kiem-houses-title__line\">Four exceptional<\/span>\n    <em>homes<\/em>\n  <\/span>\n<\/h2>\n\n<style>\n.kiem-houses-title {\n  display: block !important;\n  width: 100%;\n  max-width: 650px;\n  margin: 0 !important;\n  padding: 0 0 12px !important;\n\n  color: #3d5640 !important;\n  font-family: \"Hind Siliguri\", sans-serif !important;\n  font-size: clamp(47px, 4vw, 62px) !important;\n  font-style: normal !important;\n  font-weight: 400 !important;\n  line-height: 0.98em !important;\n  letter-spacing: -2px !important;\n  text-align: left !important;\n  text-transform: none !important;\n}\n\n\/* Fran\u00e7ais par d\u00e9faut *\/\n.kiem-houses-title__fr {\n  display: block;\n}\n\n.kiem-houses-title__en {\n  display: none;\n}\n\n\/* Version anglaise *\/\nhtml[lang^=\"en\"] .kiem-houses-title__fr {\n  display: none;\n}\n\nhtml[lang^=\"en\"] .kiem-houses-title__en {\n  display: block;\n}\n\n.kiem-houses-title__line,\n.kiem-houses-title em {\n  display: block !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.kiem-houses-title em {\n  margin-top: 6px !important;\n  padding-bottom: 7px !important;\n\n  color: #7b9364 !important;\n  font-family: \"Bodoni Moda\", serif !important;\n  font-size: 0.96em !important;\n  font-style: italic !important;\n  font-weight: 500 !important;\n  line-height: 1em !important;\n  letter-spacing: -2.7px !important;\n}\n\n@media (max-width: 980px) {\n  .kiem-houses-title {\n    font-size: clamp(42px, 7vw, 56px) !important;\n  }\n}\n\n@media (max-width: 767px) {\n  .kiem-houses-title {\n    font-size: clamp(36px, 10vw, 46px) !important;\n    letter-spacing: -1.3px !important;\n  }\n\n  .kiem-houses-title em {\n    margin-top: 5px !important;\n    letter-spacing: -1.8px !important;\n  }\n\n  \/* \u00c9vite que \u00ab Four exceptional \u00bb d\u00e9borde sur petit \u00e9cran. *\/\n  html[lang^=\"en\"] .kiem-houses-title {\n    font-size: clamp(32px, 8.5vw, 42px) !important;\n  }\n}\n<\/style><\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_8 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_7 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p class=\"cvGsUA block-font-kerning-none block-font-feature-liga-off block-font-feature-clig-off block-font-feature-calt-off direction-ltr align-justify para-style-body\">\u00c0 partir de 2.521.000\u20ac (TTC 3%)<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_code_11 et_pb_code et_animated et_pb_module\"><div class=\"et_pb_code_inner\"><a href=\"https:\/\/kiemview.testpw.link\/maisons-kirchberg\/\" class=\"kiem-btn\">\n    <span class=\"kiem-btn__icon\">\n        <span class=\"kiem-btn__arrow\">\u2192<\/span>\n    <\/span>\n\n    <span class=\"kiem-btn__label\">\n        VOIR LES MAISONS<\/span>\n    <\/span>\n\n<\/a>\n\n\n<style>\n\n\/* =========================================\n   KIEMVIEW \u2014 CTA HERO\n   M\u00caME DA QUE LE HEADER\n========================================= *\/\n\n.kiem-btn {\n    --accent: #7B9364;\n    --accent-dark: #657B52;\n    --green: #3D5640;\n    --cream: #FAF7EF;\n\n    position: relative;\n\n    display: inline-flex;\n    align-items: stretch;\n\n    height: 58px;\n\n    padding: 0;\n\n    box-sizing: border-box;\n\n    border: 1px solid rgba(61,86,64,.85);\n\n    border-radius: 12px;\n\n    background: rgba(250,247,239,.82);\n\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n\n    font-family: \"Hind Siliguri\", sans-serif;\n\n    color: var(--green) !important;\n\n    text-decoration: none !important;\n\n    overflow: hidden;\n\n    box-shadow:\n        0 8px 24px rgba(56,45,37,.08),\n        inset 0 1px 0 rgba(255,255,255,.65);\n\n    transition:\n        transform .4s cubic-bezier(.22,1,.36,1),\n        background .4s ease,\n        border-color .4s ease,\n        box-shadow .4s ease;\n}\n\n\n\/* =========================================\n   BLOC FL\u00c8CHE\n========================================= *\/\n\n.kiem-btn__icon {\n    position: relative;\n\n    width: 56px;\n\n    flex: 0 0 56px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-right: 1px solid rgba(61,86,64,.38);\n\n    background: rgba(123,147,100,.13);\n\n    transition:\n        background .4s ease,\n        border-color .4s ease;\n}\n\n\n\/* =========================================\n   FL\u00c8CHE\n========================================= *\/\n\n.kiem-btn__arrow {\n    color: var(--green);\n\n    font-size: 20px;\n    font-weight: 400;\n\n    line-height: 1;\n\n    transition:\n        color .35s ease,\n        transform .4s cubic-bezier(.22,1,.36,1);\n}\n\n\n\/* =========================================\n   TEXTE\n========================================= *\/\n\n.kiem-btn__label {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n\n    padding: 0 22px;\n\n    color: var(--green);\n\n    font-family: \"Hind Siliguri\", sans-serif;\n\n    font-size: 13px;\n    font-weight: 600;\n\n    line-height: 1;\n\n    letter-spacing: .20em;\n\n    white-space: nowrap;\n\n    transition:\n        color .35s ease,\n        transform .4s cubic-bezier(.22,1,.36,1);\n}\n\n\n\/* =========================================\n   \"PROJET\" SOULIGN\u00c9\n========================================= *\/\n\n.kiem-btn__label > span {\n    position: relative;\n\n    display: inline-block;\n\n    margin-left: .45em;\n}\n\n\n.kiem-btn__label > span::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    bottom: -7px;\n\n    width: 58%;\n    height: 1px;\n\n    background: var(--accent-dark);\n\n    transition:\n        width .45s cubic-bezier(.22,1,.36,1),\n        background .35s ease;\n}\n\n\n\/* =========================================\n   HOVER\n========================================= *\/\n\n.kiem-btn:hover {\n    transform: translateY(-2px);\n\n    background: rgba(250,247,239,.98);\n\n    border-color: var(--green);\n\n    box-shadow:\n        0 12px 30px rgba(56,45,37,.13);\n}\n\n\n.kiem-btn:hover .kiem-btn__icon {\n    background: var(--green);\n\n    border-right-color: var(--green);\n}\n\n\n.kiem-btn:hover .kiem-btn__arrow {\n    color: #FFFFFF;\n\n    transform: translateX(3px);\n}\n\n\n.kiem-btn:hover .kiem-btn__label {\n    color: var(--green);\n}\n\n\n.kiem-btn:hover .kiem-btn__label > span::after {\n    width: 100%;\n}\n\n\n\/* =========================================\n   FOCUS\n========================================= *\/\n\n.kiem-btn:focus-visible {\n    outline: 2px solid var(--accent-dark);\n\n    outline-offset: 5px;\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 767px) {\n\n    .kiem-btn {\n        height: 52px;\n\n        border-radius: 10px;\n    }\n\n\n    .kiem-btn__icon {\n        width: 48px;\n\n        flex-basis: 48px;\n    }\n\n\n    .kiem-btn__arrow {\n        font-size: 18px;\n    }\n\n\n    .kiem-btn__label {\n        padding: 0 18px;\n\n        font-size: 11px;\n\n        letter-spacing: .18em;\n    }\n\n\n    .kiem-btn__label > span::after {\n        bottom: -6px;\n    }\n\n}\n\n\n\/* =========================================\n   ACCESSIBILIT\u00c9\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .kiem-btn,\n    .kiem-btn__icon,\n    .kiem-btn__arrow,\n    .kiem-btn__label,\n    .kiem-btn__label > span::after {\n        transition: none !important;\n    }\n\n}\n\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_6 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_9 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_12 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"kiem-houses\">\n\n    <!-- LOT 02 -->\n    <div class=\"kiem-house\">\n\n        <div class=\"kiem-house__visual\">\n            <img decoding=\"async\"\n                src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/20260123-1.png\"\n                alt=\"Maison Lot 02 - KiemView\"\n            >\n\n            <span class=\"kiem-house__badge\">LOT 02<\/span>\n        <\/div>\n\n        <div class=\"kiem-house__body\">\n\n            <div class=\"kiem-house__top\">\n                <span class=\"kiem-house__lot\">LOT 02<\/span>\n            <\/div>\n\n            <div class=\"kiem-house__details\">\n\n                <div class=\"kiem-house__detail\">\n                    <strong>272,77 m\u00b2<\/strong>\n                    <span>de surface brute<\/span>\n                <\/div>\n\n                <div class=\"kiem-house__detail\">\n                    <strong>3,15 ares<\/strong>\n                    <span>de terrain<\/span>\n                <\/div>\n\n                <div class=\"kiem-house__detail\">\n                    <strong>3 chambres<\/strong>\n                    \n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- LOT 03 -->\n    <div class=\"kiem-house\">\n\n        <div class=\"kiem-house__visual\">\n            <img decoding=\"async\"\n                src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/20260123-1.png\"\n                alt=\"Maison Lot 03 - KiemView\"\n            >\n\n            <span class=\"kiem-house__badge\">LOT 03<\/span>\n        <\/div>\n\n        <div class=\"kiem-house__body\">\n\n            <div class=\"kiem-house__top\">\n                <span class=\"kiem-house__lot\">LOT 03<\/span>\n            <\/div>\n\n            <div class=\"kiem-house__details\">\n\n                <div class=\"kiem-house__detail\">\n                    <strong>268,88 m\u00b2<\/strong>\n                    <span>de surface brute<\/span>\n                <\/div>\n\n                <div class=\"kiem-house__detail\">\n                    <strong>3,17 ares<\/strong>\n                    <span>de terrain<\/span>\n                <\/div>\n\n                <div class=\"kiem-house__detail\">\n                    <strong>3 chambres<\/strong>\n                    \n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- LOT 04 -->\n    <div class=\"kiem-house\">\n\n        <div class=\"kiem-house__visual\">\n            <img decoding=\"async\"\n                src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/20260123-1.png\"\n                alt=\"Maison Lot 04 - KiemView\"\n            >\n\n            <span class=\"kiem-house__badge\">LOT 04<\/span>\n        <\/div>\n\n        <div class=\"kiem-house__body\">\n\n            <div class=\"kiem-house__top\">\n                <span class=\"kiem-house__lot\">LOT 04<\/span>\n            <\/div>\n\n            <div class=\"kiem-house__details\">\n\n                <div class=\"kiem-house__detail\">\n                    <strong>357,58 m\u00b2<\/strong>\n                    <span>de surface brute<\/span>\n                <\/div>\n\n                <div class=\"kiem-house__detail\">\n                    <strong>3,01 ares<\/strong>\n                    <span>de terrain<\/span>\n                <\/div>\n\n                <div class=\"kiem-house__detail\">\n                    <strong>4 chambres<\/strong>\n                    <span>bureau et wellness<\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- LOT 05 -->\n    <div class=\"kiem-house\">\n\n        <div class=\"kiem-house__visual\">\n            <img decoding=\"async\"\n                src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/20260123-1.png\"\n                alt=\"Maison Lot 05 - KiemView\"\n            >\n\n            <span class=\"kiem-house__badge\">LOT 05<\/span>\n        <\/div>\n\n        <div class=\"kiem-house__body\">\n\n            <div class=\"kiem-house__top\">\n                <span class=\"kiem-house__lot\">LOT 05<\/span>\n            <\/div>\n\n            <div class=\"kiem-house__details\">\n\n                <div class=\"kiem-house__detail\">\n                    <strong>352,61 m\u00b2<\/strong>\n                    <span>de surface brute<\/span>\n                <\/div>\n\n                <div class=\"kiem-house__detail\">\n                    <strong>4,36 ares<\/strong>\n                    <span>de terrain<\/span>\n                <\/div>\n\n                <div class=\"kiem-house__detail\">\n                    <strong>4 chambres<\/strong>\n                    <span>bureau et wellness<\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================\n   KIEMVIEW \u2014 LES MAISONS\n========================================= *\/\n\n.kiem-houses {\n    --green: #3D5640;\n    --accent: #9BB87E;\n    --cream: #F7F3EA;\n    --brown: #382D25;\n    --line: rgba(61, 86, 64, .18);\n\n    width: 100%;\n\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n\n    gap: 18px;\n\n    font-family: \"Hind Siliguri\", sans-serif;\n}\n\n\n\/* =========================================\n   CARTE\n========================================= *\/\n\n.kiem-house {\n    position: relative;\n\n    display: block;\n\n    min-width: 0;\n\n    background: rgba(247, 243, 234, .68);\n\n    border: 1px solid var(--line);\n    border-radius: 8px;\n\n    overflow: hidden;\n\n    color: var(--brown);\n}\n\n\n\/* =========================================\n   IMAGE\n========================================= *\/\n\n.kiem-house__visual {\n    position: relative;\n\n    width: 100%;\n\n    aspect-ratio: 1.65 \/ 1;\n\n    overflow: hidden;\n}\n\n\n.kiem-house__visual::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(30,40,30,0) 50%,\n            rgba(30,40,30,.30) 100%\n        );\n\n    pointer-events: none;\n}\n\n\n.kiem-house__visual img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition:\n        transform .8s cubic-bezier(.22,1,.36,1);\n}\n\n\n\/* =========================================\n   BADGE IMAGE\n========================================= *\/\n\n.kiem-house__badge {\n    position: absolute;\n\n    left: 18px;\n    bottom: 15px;\n\n    z-index: 2;\n\n    color: #FFFFFF;\n\n    font-size: 13px;\n    font-weight: 600;\n\n    line-height: 1;\n\n    letter-spacing: .18em;\n\n    opacity: 0;\n\n    transform: translateY(5px);\n\n    transition:\n        opacity .4s ease,\n        transform .4s cubic-bezier(.22,1,.36,1);\n}\n\n\n\/* =========================================\n   CONTENU\n========================================= *\/\n\n.kiem-house__body {\n    padding: 19px 20px 20px;\n}\n\n\n\/* =========================================\n   TITRE\n========================================= *\/\n\n.kiem-house__top {\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 20px;\n\n    margin-bottom: 17px;\n}\n\n\n.kiem-house__lot {\n    color: var(--green);\n\n    font-family: \"Hind Siliguri\", sans-serif;\n\n    font-size: 17px;\n    font-weight: 500;\n\n    line-height: 1;\n\n    letter-spacing: .13em;\n}\n\n\n\/* =========================================\n   INFOS\n========================================= *\/\n\n.kiem-house__details {\n    display: grid;\n\n    grid-template-columns:\n        1fr\n        1fr\n        1.15fr;\n\n    padding-top: 15px;\n\n    border-top:\n        1px solid var(--line);\n}\n\n\n.kiem-house__detail {\n    min-width: 0;\n\n    padding-right: 12px;\n}\n\n\n.kiem-house__detail + .kiem-house__detail {\n    padding-left: 14px;\n\n    border-left:\n        1px solid var(--line);\n}\n\n\n\/* VALEUR *\/\n\n.kiem-house__detail strong {\n    display: block;\n\n    color: var(--green);\n\n    font-family: \"Hind Siliguri\", sans-serif;\n\n    font-size: 16px;\n    font-weight: 500;\n\n    line-height: 1.2;\n\n    white-space: nowrap;\n}\n\n\n\/* LABEL *\/\n\n.kiem-house__detail span {\n    display: block;\n\n    margin-top: 5px;\n\n    color: rgba(56,45,37,.72);\n\n    font-family: \"Hind Siliguri\", sans-serif;\n\n    font-size: 13px;\n    font-weight: 400;\n\n    line-height: 1.25;\n}\n\n\n\/* =========================================\n   TABLETTE\n========================================= *\/\n\n@media (max-width: 1200px) {\n\n    .kiem-houses {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap: 20px;\n    }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 600px) {\n\n    .kiem-houses {\n        grid-template-columns: 1fr;\n\n        gap: 18px;\n    }\n\n\n    .kiem-house__body {\n        padding: 17px 17px 19px;\n    }\n\n\n    .kiem-house__lot {\n        font-size: 16px;\n    }\n\n\n    .kiem-house__detail strong {\n        font-size: 15px;\n    }\n\n\n    .kiem-house__detail span {\n        font-size: 12px;\n    }\n\n}\n\n\n\/* =========================================\n   ACCESSIBILIT\u00c9\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .kiem-house__visual img,\n    .kiem-house__badge {\n        transition: none !important;\n    }\n\n}\n\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_7 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_10 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_13 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><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=Bodoni+Moda:ital,wght@1,500&family=Hind+Siliguri:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n\n<section class=\"kva-location\" aria-labelledby=\"kva-location-title\">\n\n    <div class=\"kva-location__layout\">\n\n        <div class=\"kva-location__left\">\n\n            <div class=\"kva-location__intro\">\n\n                <p class=\"kva-location__eyebrow\">\n                    <span><\/span>\n                    Le quartier\n                <\/p>\n\n                <h2 id=\"kva-location-title\" class=\"kva-location__title\">\n                    <span>Une adresse strat\u00e9gique<\/span>\n                    <span>au c\u0153ur de <em>Luxembourg<\/em><\/span>\n                <\/h2>\n\n                <p class=\"kva-location__text\">\n                    Au Kirchberg, KiemView profite d\u2019un emplacement rare, \u00e0 proximit\u00e9 imm\u00e9diate des institutions europ\u00e9ennes, des commerces et des principaux axes de mobilit\u00e9.\n                <\/p>\n\n                <a\n                    class=\"kva-location__link\"\n                    href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Kiem+Luxembourg\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                >\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M4 12h15M14 7l5 5-5 5\"\/>\n                    <\/svg>\n\n                    <span>D\u00e9couvrir la localisation<\/span>\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"kva-location__facts\" aria-label=\"Temps d\u2019acc\u00e8s depuis KiemView\">\n\n                <!-- AUTOROUTE -->\n\n                <div class=\"kva-location__fact\">\n\n                    <span class=\"kva-location__icon\">\n\n                        <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\">\n                            <path d=\"M5 20l2.4-7.1A3 3 0 0 1 10.2 11h11.6a3 3 0 0 1 2.8 1.9L27 20M7 20h18v6H7zM10 26v2M22 26v2M10 20h.01M22 20h.01M9 16h14\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n                    <span class=\"kva-location__fact-copy\">\n\n                        <strong>3<\/strong>\n\n                        <span>\n                            <b>min<\/b>\n                            <small>En voiture<br>Axes autoroutiers<\/small>\n                        <\/span>\n\n                    <\/span>\n\n                <\/div>\n\n\n                <!-- UNIVERSIT\u00c9 -->\n\n                <div class=\"kva-location__fact\">\n\n                    <span class=\"kva-location__icon\">\n\n                        <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\">\n                            <rect x=\"8\" y=\"4\" width=\"16\" height=\"22\" rx=\"4\"\/>\n                            <path d=\"M11 8h10M10 17h12M12 26l-2 3M20 26l2 3M12 21h.01M20 21h.01\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n                    <span class=\"kva-location__fact-copy\">\n\n                        <strong>6<\/strong>\n\n                        <span>\n                            <b>min<\/b>\n                            <small>En tram<br>Universit\u00e9<\/small>\n                        <\/span>\n\n                    <\/span>\n\n                <\/div>\n\n\n                <!-- A\u00c9ROPORT -->\n\n                <div class=\"kva-location__fact\">\n\n                    <span class=\"kva-location__icon\">\n\n                        <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\">\n                            <path d=\"M3 18l11-3 8-10 3 1-5 10 8 4-1 2-9-2-4 7-2-1 2-8-10 2z\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n                    <span class=\"kva-location__fact-copy\">\n\n                        <strong>10<\/strong>\n\n                        <span>\n                            <b>min<\/b>\n                            <small>En voiture<br>A\u00e9roport<\/small>\n                        <\/span>\n\n                    <\/span>\n\n                <\/div>\n\n\n                <!-- GARE -->\n\n                <div class=\"kva-location__fact\">\n\n                    <span class=\"kva-location__icon\">\n\n                        <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\">\n                            <circle cx=\"16\" cy=\"6\" r=\"3\"\/>\n                            <path d=\"M16 9v8M16 12l-5 5M16 12l5 5M16 17l-4 11M16 17l6 10\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n                    <span class=\"kva-location__fact-copy\">\n\n                        <strong>10<\/strong>\n\n                        <span>\n                            <b>min<\/b>\n                            <small>\u00c0 pied<br>Gare Pfaffenthal-Kirchberg<\/small>\n                        <\/span>\n\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <figure class=\"kva-location__portrait\" data-kva-map>\n\n            <img decoding=\"async\"\n                src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-16_36_13.png\"\n                alt=\"Localisation de KiemView au c\u0153ur de Luxembourg\"\n                loading=\"lazy\"\n                draggable=\"false\"\n            >\n\n            <span class=\"kva-location__drag-hint\">\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M8 12H3m0 0 3-3m-3 3 3 3M16 12h5m0 0-3-3m3 3-3 3\"\/>\n                <\/svg>\n\n                Glissez pour explorer\n\n            <\/span>\n\n            <span class=\"kva-location__map-cursor\" aria-hidden=\"true\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/20260123_Eaglestone_KiemView_Identitei_V2.pdf-2.png\"\n                    alt=\"\"\n                >\n\n            <\/span>\n\n            <figcaption>\n                <span><\/span>\n                Kirchberg \u00b7 Luxembourg\n            <\/figcaption>\n\n        <\/figure>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.kva-location,\n.kva-location * {\n    box-sizing: border-box;\n}\n\n\n.kva-location {\n    --cream: #f5f1e8;\n    --green: #3d5640;\n    --deep: #263b2a;\n    --sage: #afc597;\n\n    position: relative;\n\n    width: 100%;\n\n    padding:\n        clamp(70px, 6vw, 96px)\n        24px\n        clamp(72px, 6vw, 92px);\n\n    overflow: hidden;\n    isolation: isolate;\n\n    color: var(--cream);\n    background: var(--green);\n\n    font-family: \"Hind Siliguri\", Arial, sans-serif;\n}\n\n\n\/* =========================================================\n   STRUCTURE\n========================================================= *\/\n\n.kva-location__layout {\n    display: grid;\n    grid-template-columns:\n        minmax(0, 1fr)\n        minmax(500px, 1fr);\n\n    align-items: center;\n\n    gap: clamp(48px, 5vw, 78px);\n\n    width: min(1380px, 100%);\n\n    margin: 0 auto;\n}\n\n\n.kva-location__left {\n    display: flex;\n    flex-direction: column;\n\n    min-width: 0;\n\n    padding: 18px 0 0;\n}\n\n\n.kva-location__intro {\n    max-width: 635px;\n}\n\n\n\/* =========================================================\n   SURTITRE\n========================================================= *\/\n\n.kva-location__eyebrow {\n    display: flex;\n    align-items: center;\n\n    gap: 14px;\n\n    margin: 0 0 25px !important;\n    padding: 0 !important;\n\n    color: var(--sage) !important;\n\n    font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n    font-size: 13px !important;\n    font-weight: 500 !important;\n    line-height: 1.2 !important;\n    letter-spacing: .21em !important;\n\n    text-transform: uppercase !important;\n}\n\n\n.kva-location__eyebrow span {\n    width: 41px;\n    height: 1px;\n\n    background: currentColor;\n}\n\n\n\/* =========================================================\n   TITRE\n========================================================= *\/\n\n.kva-location .kva-location__title {\n    margin: 0 0 27px !important;\n    padding: 0 !important;\n\n    color: var(--cream) !important;\n\n    font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n    font-size: clamp(47px, 4.35vw, 70px) !important;\n    font-weight: 300 !important;\n    line-height: 1.01 !important;\n    letter-spacing: -.04em !important;\n\n    text-align: left !important;\n    text-transform: none !important;\n}\n\n\n.kva-location__title > span {\n    display: block;\n}\n\n\n.kva-location__title em {\n    color: var(--sage) !important;\n\n    font-family: \"Bodoni Moda\", Georgia, serif !important;\n    font-size: 1.03em !important;\n    font-style: italic !important;\n    font-weight: 500 !important;\n    letter-spacing: -.045em !important;\n}\n\n\n\/* =========================================================\n   TEXTE\n========================================================= *\/\n\n.kva-location .kva-location__text {\n    max-width: 555px;\n\n    margin: 0 0 25px !important;\n    padding: 0 !important;\n\n    color: rgba(245, 241, 232, .77) !important;\n\n    font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n    font-size: clamp(18px, 1.25vw, 20px) !important;\n    font-weight: 350 !important;\n    line-height: 1.4em !important;\n    letter-spacing: -.5px !important;\n}\n\n\n\/* =========================================================\n   LIEN\n========================================================= *\/\n\n.kva-location__link {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 15px;\n\n    min-height: 47px;\n\n    padding: 0 2px;\n\n    color: var(--cream) !important;\n\n    border-bottom: 1px solid rgba(245, 241, 232, .62);\n\n    font-family: \"Hind Siliguri\", Arial, sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    letter-spacing: .18em;\n\n    text-decoration: none !important;\n    text-transform: uppercase;\n\n    transition:\n        color .35s ease,\n        border-color .35s ease;\n}\n\n\n.kva-location__link svg {\n    width: 23px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n\n    transition:\n        transform .45s cubic-bezier(.22, 1, .36, 1);\n}\n\n\n.kva-location__link:hover {\n    color: var(--sage) !important;\n\n    border-color: var(--sage);\n}\n\n\n.kva-location__link:hover svg {\n    transform: translateX(5px);\n}\n\n\n\/* =========================================================\n   GRILLE DES TEMPS D\u2019ACC\u00c8S\n========================================================= *\/\n\n.kva-location__facts {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n\n    width: min(100%, 610px);\n\n    margin-top: 32px;\n\n    border-top: 1px solid rgba(245, 241, 232, .20);\n    border-bottom: 1px solid rgba(245, 241, 232, .20);\n}\n\n\n\/* =========================================================\n   INDICATEUR\n========================================================= *\/\n\n.kva-location__fact {\n    display: flex;\n    align-items: center;\n\n    gap: 15px;\n\n    min-width: 0;\n\n    padding: 18px 18px 18px 0;\n}\n\n\n.kva-location__fact:nth-child(even) {\n    padding-left: 24px;\n\n    border-left: 1px solid rgba(245, 241, 232, .18);\n}\n\n\n.kva-location__fact:nth-child(n + 3) {\n    border-top: 1px solid rgba(245, 241, 232, .18);\n}\n\n\n\/* =========================================================\n   IC\u00d4NE\n========================================================= *\/\n\n.kva-location__icon {\n    display: grid;\n    place-items: center;\n\n    width: 37px;\n    flex: 0 0 37px;\n\n    color: var(--sage);\n}\n\n\n.kva-location__icon svg {\n    width: 34px;\n    height: 34px;\n\n    fill: none;\n    stroke: currentColor;\n\n    stroke-width: 1.35;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* =========================================================\n   CHIFFRE ET INFORMATIONS\n========================================================= *\/\n\n.kva-location__fact-copy {\n    display: flex;\n    align-items: flex-start;\n\n    gap: 10px;\n\n    min-width: 0;\n\n    font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n}\n\n\n.kva-location__fact-copy strong {\n    display: block;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: var(--cream) !important;\n\n    font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n    font-size: 44px !important;\n    font-style: normal !important;\n    font-weight: 350 !important;\n    line-height: .92em !important;\n    letter-spacing: -1.5px !important;\n\n    text-transform: none !important;\n}\n\n\n.kva-location__fact-copy > span {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    min-width: 0;\n\n    padding-top: 0;\n}\n\n\n\/* =========================================================\n   MINUTES\n========================================================= *\/\n\n.kva-location__fact-copy b {\n    display: block;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: var(--sage) !important;\n\n    font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n    font-size: 15px !important;\n    font-style: normal !important;\n    font-weight: 350 !important;\n    line-height: 1.4em !important;\n    letter-spacing: -.5px !important;\n\n    text-transform: none !important;\n}\n\n\n\/* =========================================================\n   DESCRIPTION DES TEMPS\n========================================================= *\/\n\n.kva-location__fact-copy small {\n    display: block;\n\n    margin: 3px 0 0 !important;\n    padding: 0 !important;\n\n    color: rgba(245, 241, 232, .78) !important;\n\n    font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n    font-size: 14px !important;\n    font-style: normal !important;\n    font-weight: 350 !important;\n    line-height: 1.4em !important;\n    letter-spacing: -.5px !important;\n\n    text-transform: none !important;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.kva-location__portrait {\n    --map-x: 66%;\n\n    position: relative;\n\n    align-self: center;\n\n    width: 100%;\n    height: 730px;\n    min-height: 0;\n\n    margin: 0;\n\n    overflow: hidden;\n\n    background: #314a35;\n\n    border-radius: 23px;\n\n    box-shadow:\n        0 30px 75px rgba(15, 28, 18, .24);\n\n    cursor: none;\n    touch-action: pan-y;\n\n    user-select: none;\n    -webkit-user-select: none;\n}\n\n\n.kva-location__portrait > img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: var(--map-x) center;\n\n    transition:\n        object-position .08s linear,\n        transform .65s cubic-bezier(.22, 1, .36, 1);\n}\n\n\n.kva-location__portrait:hover > img,\n.kva-location__portrait.is-dragging > img {\n    transform: scale(1.025);\n}\n\n\n.kva-location__portrait::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    pointer-events: none;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 58%,\n            rgba(16, 32, 20, .18)\n        );\n}\n\n\n\/* =========================================================\n   L\u00c9GENDE\n========================================================= *\/\n\n.kva-location__portrait figcaption {\n    position: absolute;\n    right: 26px;\n    bottom: 26px;\n\n    z-index: 2;\n\n    display: flex;\n    align-items: center;\n\n    gap: 11px;\n\n    color: var(--cream);\n\n    font-family: \"Hind Siliguri\", Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 500;\n    letter-spacing: .17em;\n\n    text-transform: uppercase;\n\n    text-shadow:\n        0 2px 14px rgba(0, 0, 0, .45);\n}\n\n\n.kva-location__portrait figcaption span {\n    width: 29px;\n    height: 1px;\n\n    background: currentColor;\n}\n\n\n\/* =========================================================\n   INDICATION DE GLISSEMENT\n========================================================= *\/\n\n.kva-location__drag-hint {\n    position: absolute;\n    left: 24px;\n    bottom: 23px;\n\n    z-index: 3;\n\n    display: flex;\n    align-items: center;\n\n    gap: 9px;\n\n    padding: 9px 13px;\n\n    color: var(--deep);\n\n    background: rgba(245, 241, 232, .90);\n\n    border: 1px solid rgba(245, 241, 232, .45);\n    border-radius: 100px;\n\n    font-family: \"Hind Siliguri\", Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 500;\n    letter-spacing: .04em;\n\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n\n    transition:\n        opacity .35s ease,\n        transform .35s ease;\n}\n\n\n.kva-location__drag-hint svg {\n    width: 19px;\n    height: 19px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n}\n\n\n.kva-location__portrait.has-moved\n.kva-location__drag-hint {\n    opacity: 0;\n\n    transform: translateY(7px);\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   CURSEUR PERSONNALIS\u00c9\n========================================================= *\/\n\n.kva-location__map-cursor {\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    z-index: 8;\n\n    width: 58px;\n    height: 58px;\n\n    padding: 10px;\n\n    opacity: 0;\n    overflow: hidden;\n\n    pointer-events: none;\n\n    background: var(--deep);\n\n    border: 1px solid rgba(245, 241, 232, .65);\n    border-radius: 50% 50% 50% 8px;\n\n    box-shadow:\n        0 12px 32px rgba(10, 25, 14, .30);\n\n    transform:\n        translate(-50%, -92%)\n        rotate(-45deg)\n        scale(.75);\n\n    transition:\n        opacity .2s ease,\n        transform .3s cubic-bezier(.22, 1, .36, 1);\n}\n\n\n.kva-location__map-cursor img {\n    width: 100%;\n    height: 100%;\n\n    object-fit: contain;\n\n    filter: none;\n\n    transform:\n        rotate(45deg) !important;\n}\n\n\n.kva-location__portrait:hover\n.kva-location__map-cursor {\n    opacity: 1;\n\n    transform:\n        translate(-50%, -92%)\n        rotate(-45deg)\n        scale(1);\n}\n\n\n.kva-location__portrait.is-dragging\n.kva-location__map-cursor {\n    transform:\n        translate(-50%, -92%)\n        rotate(-45deg)\n        scale(.88);\n}\n\n\n\/* =========================================================\n   ANIMATION D\u2019APPARITION\n========================================================= *\/\n\n.kva-location:not(.kva-location--visible)\n.kva-location__intro,\n\n.kva-location:not(.kva-location--visible)\n.kva-location__facts,\n\n.kva-location:not(.kva-location--visible)\n.kva-location__portrait {\n    opacity: 0;\n\n    transform: translateY(34px);\n}\n\n\n.kva-location__intro,\n.kva-location__facts,\n.kva-location__portrait {\n    transition:\n        opacity .85s ease,\n        transform 1.1s cubic-bezier(.22, 1, .36, 1);\n}\n\n\n.kva-location__facts,\n.kva-location__portrait {\n    transition-delay: .08s;\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .kva-location__layout {\n        grid-template-columns:\n            minmax(0, 1fr)\n            minmax(390px, 1fr);\n\n        gap: 34px;\n    }\n\n    .kva-location__portrait {\n        height: 670px;\n    }\n\n    .kva-location__fact {\n        gap: 11px;\n\n        padding-top: 17px;\n        padding-bottom: 17px;\n    }\n\n    .kva-location__fact:nth-child(even) {\n        padding-left: 15px;\n    }\n\n    .kva-location__icon {\n        width: 31px;\n        flex-basis: 31px;\n    }\n\n    .kva-location__icon svg {\n        width: 29px;\n        height: 29px;\n    }\n\n    .kva-location__fact-copy {\n        gap: 8px;\n    }\n\n    .kva-location__fact-copy strong {\n        font-size: 40px !important;\n    }\n\n    .kva-location__fact-copy b {\n        font-size: 14px !important;\n    }\n\n    .kva-location__fact-copy small {\n        font-size: 13px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .kva-location {\n        padding:\n            74px\n            18px\n            82px;\n    }\n\n    .kva-location__layout {\n        display: flex;\n        flex-direction: column;\n\n        gap: 32px;\n    }\n\n    .kva-location__left {\n        display: contents;\n    }\n\n    .kva-location__intro {\n        order: 1;\n    }\n\n    .kva-location__facts {\n        order: 2;\n\n        grid-template-columns: 1fr;\n\n        margin-top: 7px;\n    }\n\n    .kva-location__portrait {\n        order: 3;\n\n        width: 100%;\n        height: min(112vw, 540px);\n        min-height: 0;\n\n        border-radius: 17px;\n\n        cursor: grab;\n    }\n\n    .kva-location__portrait.is-dragging {\n        cursor: grabbing;\n    }\n\n    .kva-location .kva-location__title {\n        font-size: clamp(41px, 11.5vw, 57px) !important;\n    }\n\n    .kva-location__title > span {\n        display: inline;\n    }\n\n    .kva-location__title > span::after {\n        content: \" \";\n    }\n\n    .kva-location .kva-location__text {\n        font-size: 18px !important;\n    }\n\n    .kva-location__fact {\n        min-height: 86px;\n\n        gap: 15px;\n\n        padding: 18px 0;\n    }\n\n    .kva-location__fact:nth-child(even) {\n        padding-left: 0;\n\n        border-left: 0;\n    }\n\n    .kva-location__fact:nth-child(n + 2) {\n        border-top:\n            1px solid rgba(245, 241, 232, .18);\n    }\n\n    .kva-location__icon {\n        width: 37px;\n        flex-basis: 37px;\n    }\n\n    .kva-location__icon svg {\n        width: 33px;\n        height: 33px;\n    }\n\n    .kva-location__fact-copy {\n        gap: 11px;\n    }\n\n    .kva-location__fact-copy strong {\n        font-size: 43px !important;\n    }\n\n    .kva-location__fact-copy b {\n        font-size: 15px !important;\n    }\n\n    .kva-location__fact-copy small {\n        margin-top: 2px !important;\n\n        font-size: 14px !important;\n        line-height: 1.4em !important;\n    }\n\n    .kva-location__map-cursor {\n        display: none;\n    }\n\n    .kva-location__portrait figcaption {\n        right: 17px;\n        bottom: 19px;\n    }\n\n    .kva-location__drag-hint {\n        left: 14px;\n        bottom: 14px;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .kva-location__intro,\n    .kva-location__facts,\n    .kva-location__portrait,\n    .kva-location__portrait img {\n        transition: none !important;\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(() => {\n\n    document\n        .querySelectorAll(\n            \".kva-location:not([data-kva-ready])\"\n        )\n        .forEach(section => {\n\n            section.dataset.kvaReady =\n                \"true\";\n\n\n            \/* =============================================\n               ANIMATION D\u2019APPARITION\n            ============================================= *\/\n\n            if (!(\"IntersectionObserver\" in window)) {\n\n                section.classList.add(\n                    \"kva-location--visible\"\n                );\n\n            } else {\n\n                const observer =\n                    new IntersectionObserver(entries => {\n\n                        entries.forEach(entry => {\n\n                            if (entry.isIntersecting) {\n\n                                entry.target.classList.add(\n                                    \"kva-location--visible\"\n                                );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n\n                            }\n\n                        });\n\n                    }, {\n                        threshold: .12\n                    });\n\n\n                observer.observe(section);\n\n            }\n\n\n            \/* =============================================\n               CARTE INTERACTIVE\n            ============================================= *\/\n\n            const map =\n                section.querySelector(\n                    \"[data-kva-map]\"\n                );\n\n\n            const cursor =\n                map?.querySelector(\n                    \".kva-location__map-cursor\"\n                );\n\n\n            if (!map) {\n                return;\n            }\n\n\n            let dragging =\n                false;\n\n\n            let startX =\n                0;\n\n\n            let startPosition =\n                66;\n\n\n            let currentPosition =\n                66;\n\n\n            const setPosition = value => {\n\n                currentPosition =\n                    Math.max(\n                        42,\n                        Math.min(95, value)\n                    );\n\n\n                map.style.setProperty(\n                    \"--map-x\",\n                    currentPosition + \"%\"\n                );\n\n            };\n\n\n            map.addEventListener(\n                \"pointermove\",\n                event => {\n\n                    const rect =\n                        map.getBoundingClientRect();\n\n\n                    if (cursor) {\n\n                        cursor.style.left =\n                            (event.clientX - rect.left) + \"px\";\n\n\n                        cursor.style.top =\n                            (event.clientY - rect.top) + \"px\";\n\n                    }\n\n\n                    if (dragging) {\n\n                        setPosition(\n\n                            startPosition -\n\n                            (\n                                event.clientX -\n                                startX\n                            )\n\n                            \/ rect.width *\n\n                            115\n\n                        );\n\n\n                        map.classList.add(\n                            \"has-moved\"\n                        );\n\n                    }\n\n                }\n            );\n\n\n            map.addEventListener(\n                \"pointerdown\",\n                event => {\n\n                    dragging =\n                        true;\n\n\n                    startX =\n                        event.clientX;\n\n\n                    startPosition =\n                        currentPosition;\n\n\n                    map.classList.add(\n                        \"is-dragging\"\n                    );\n\n\n                    map.setPointerCapture(\n                        event.pointerId\n                    );\n\n                }\n            );\n\n\n            const stop = event => {\n\n                dragging =\n                    false;\n\n\n                map.classList.remove(\n                    \"is-dragging\"\n                );\n\n\n                if (\n                    map.hasPointerCapture?.(\n                        event.pointerId\n                    )\n                ) {\n\n                    map.releasePointerCapture(\n                        event.pointerId\n                    );\n\n                }\n\n            };\n\n\n            map.addEventListener(\n                \"pointerup\",\n                stop\n            );\n\n\n            map.addEventListener(\n                \"pointercancel\",\n                stop\n            );\n\n        });\n\n})();\n\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"difl_page_category":[],"class_list":["post-13","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - KiemView<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - KiemView\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiemview.testpw.link\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"KiemView\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-02T12:13:30+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kiemview.testpw.link\\\/\",\"url\":\"https:\\\/\\\/kiemview.testpw.link\\\/\",\"name\":\"Home - KiemView\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kiemview.testpw.link\\\/#website\"},\"datePublished\":\"2026-08-12T11:49:16+00:00\",\"dateModified\":\"2026-10-02T12:13:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kiemview.testpw.link\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kiemview.testpw.link\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kiemview.testpw.link\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/kiemview.testpw.link\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kiemview.testpw.link\\\/#website\",\"url\":\"https:\\\/\\\/kiemview.testpw.link\\\/\",\"name\":\"KiemView\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kiemview.testpw.link\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - KiemView","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_GB","og_type":"article","og_title":"Home - KiemView","og_url":"https:\/\/kiemview.testpw.link\/en\/","og_site_name":"KiemView","article_modified_time":"2026-10-02T12:13:30+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiemview.testpw.link\/","url":"https:\/\/kiemview.testpw.link\/","name":"Home - KiemView","isPartOf":{"@id":"https:\/\/kiemview.testpw.link\/#website"},"datePublished":"2026-08-12T11:49:16+00:00","dateModified":"2026-10-02T12:13:30+00:00","breadcrumb":{"@id":"https:\/\/kiemview.testpw.link\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiemview.testpw.link\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiemview.testpw.link\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kiemview.testpw.link\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/kiemview.testpw.link\/#website","url":"https:\/\/kiemview.testpw.link\/","name":"KiemView","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiemview.testpw.link\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":407,"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":335792,"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/pages\/13\/revisions\/335792"}],"wp:attachment":[{"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"difl_page_category","embeddable":true,"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/difl_page_category?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}