
:root{--ink:#102c40;--gold:#9a7847;--paper:#f6f5f2;--line:#dce1e4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:white;font:16px/1.65 Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b49460;outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}.brand{font:27px Georgia,serif;letter-spacing:4px}.brand small{display:block;font:11px Arial;letter-spacing:5px;text-align:center;margin-top:8px}nav{display:flex;gap:28px;align-items:center;font-size:14px}.pro{border:1px solid var(--ink);background:white;padding:11px 18px;color:var(--ink)}.menu{display:none}.hero{display:grid;grid-template-columns:44% 56%;min-height:650px;background:var(--ink);color:white}.hero-copy{padding:85px 11% 55px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:600;color:var(--gold);margin:0 0 25px}.hero .eyebrow{color:#dbbc8d}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.13}h1{font-size:clamp(44px,4.5vw,72px);letter-spacing:-2px;margin:0 0 28px}h1 em{color:#dbc397;font-weight:400}p{margin:0 0 24px}.hero p:not(.eyebrow){color:#d9e1e7;max-width:350px;font-size:17px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 23px;border:1px solid var(--ink);background:var(--ink);color:white;font-size:14px;letter-spacing:.3px}.button.light{background:white;color:var(--ink);border-color:white}.textlink{display:inline-block;border-bottom:1px solid;margin-top:18px;font-size:14px}.hero-photo{position:relative;min-height:540px}.hero-photo img{height:100%;width:100%;position:absolute;object-fit:cover;object-position:52% center}.hero-photo span{position:absolute;bottom:22px;right:25px;background:#fffef4e8;color:var(--ink);font-size:12px;padding:5px 10px}.strip{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 6%;border-bottom:1px solid var(--line);gap:20px}.strip div{border-right:1px solid var(--line);padding-left:20px}.strip div:last-child{border:0}.strip strong{display:block;font:28px Georgia}.strip span{font-size:13px;color:#586774}.section{padding:100px 7%}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}h2{font-size:46px;margin:0 0 20px;letter-spacing:-1px}.heading p{max-width:380px;color:#576773;margin:0}.intro{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.intro img{width:100%;height:390px;object-fit:cover}.intro h2{max-width:400px}.caption{font-size:12px;color:#6c7881;margin-top:8px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:55px}.feature{border-top:1px solid var(--line);padding-top:20px}.feature b{font:23px Georgia;display:block;margin:8px 0}.feature p{font-size:15px;color:#596972}.feature span{font-size:12px;color:var(--gold);letter-spacing:2px}.apartments{background:var(--paper)}.status{display:inline-block;background:#e8ede9;color:#335d45;padding:8px 15px;font-size:14px;margin-bottom:25px}.switch{display:flex;gap:8px;margin:10px 0 30px}.switch button{background:transparent;border:1px solid #b9c3c9;padding:8px 20px;color:var(--ink)}.switch button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.lots{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lot{background:white;border:1px solid var(--line);padding:30px}.lot .tag{font-size:12px;letter-spacing:2px;color:var(--gold)}.lot h3{font-size:29px;margin:15px 0}.lot p{font-size:15px;color:#62707a}.lot dl{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:15px;margin-bottom:22px}.lot dt{font-size:12px;color:#64717a}.lot dd{margin:0;font-size:19px}.lot button{background:none;border:0;border-bottom:1px solid;padding:0;color:var(--ink)}.note{font-size:13px;color:#697780;margin-top:22px}.wide-photo{width:100%;height:380px;object-fit:cover}.location{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.location .eyebrow{color:#d5b484}.location p{color:#dce4e8}.location img{width:100%;height:290px;object-fit:cover}.work{display:grid;grid-template-columns:1fr 1fr;gap:65px}.work-panel{background:var(--paper);padding:35px;border-left:3px solid var(--gold)}.work-panel h3{font-size:30px;margin:12px 0 20px}.work-panel p{color:#596a76}.work-panel small{font-size:13px}.professional{margin:0 7% 90px;padding:40px;background:#edf2f5;display:flex;align-items:center;justify-content:space-between;gap:40px}.professional h3{font-size:30px;margin:0 0 14px}.professional p{max-width:620px;margin:0;color:#526574}.contact{background:var(--paper);text-align:center;padding:70px 20px}.contact p{max-width:540px;margin:0 auto 25px}footer{padding:36px 7%;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#64727c}footer strong{color:var(--ink);letter-spacing:2px;font:22px Georgia}dialog{border:0;padding:0;width:min(850px,92%);max-height:88vh;overflow:auto;color:var(--ink);box-shadow:0 20px 90px #0005}dialog::backdrop{background:#061c2acc;backdrop-filter:blur(3px)}.modal{padding:45px}.close{float:right;border:0;background:#eef1f3;color:var(--ink);font-size:24px;width:40px;height:40px}.modal h2{font-size:36px;padding-right:30px}.modal p{color:#5b6b77}.resources{display:grid;grid-template-columns:1fr 1fr;gap:14px}.resource{border:1px solid var(--line);padding:20px}.resource strong{display:block;margin-bottom:8px}.resource a{font-size:14px;text-decoration:underline}.resource small{display:block;color:#71808a;font-size:13px}.demo{background:#f1f3f4;padding:12px 16px;font-size:14px;margin-top:24px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:14px;display:block}input,select,textarea{display:block;width:100%;padding:10px 12px;border:1px solid #b8c4cc;margin:6px 0 15px;border-radius:0;color:var(--ink);background:white}textarea{min-height:95px}#response{margin-top:18px;color:var(--ink)}[hidden]{display:none!important}@media(min-width:1600px){main,header,footer{max-width:1700px;margin:auto}}@media(max-width:1000px){nav{gap:15px}nav a{display:none}.hero-copy{padding:65px 9%}h1{font-size:52px}.hero{min-height:600px}.section{padding:70px 6%}.intro{gap:30px}.lots{grid-template-columns:1fr 1fr}.heading{align-items:start}h2{font-size:39px}.work{gap:30px}.strip{padding:25px 4%}.strip strong{font-size:24px}}@media(max-width:640px){header{height:80px;padding:0 6%}.brand{font-size:22px;letter-spacing:2px}.brand small{font-size:10px}.pro{font-size:12px;padding:9px}.hero{display:flex;flex-direction:column}.hero-copy{padding:48px 7%}.hero-photo{min-height:380px;order:-1}.hero h1{font-size:45px;max-width:400px}.hero p:not(.eyebrow){max-width:none}.hero .eyebrow{margin-bottom:20px}.strip{grid-template-columns:1fr 1fr;gap:25px;padding:28px 5%}.strip div:nth-child(2){border:0}.strip strong{font-size:25px}.section{padding:58px 7%}.intro,.location,.work{grid-template-columns:1fr;gap:28px}.intro img{height:270px}.heading{display:block}.heading p{margin-top:20px}.features{grid-template-columns:1fr;gap:15px;margin-top:30px}.feature p{margin-bottom:10px}.lots{grid-template-columns:1fr}h2{font-size:36px}.lot{padding:26px}.professional{display:block;margin:0 7% 55px;padding:28px}.professional .button{margin-top:25px}.contact h2{font-size:36px}footer{display:block}footer p{margin-top:15px}.modal{padding:25px}.resources,.formgrid{grid-template-columns:1fr}.location img{height:220px}}

.admin{max-width:1060px;margin:35px auto;padding:0 25px}.admin section{border:1px solid var(--line);padding:28px;margin:25px 0}.admin h2{font-size:30px}.admin h3{font-size:23px}.admin .row{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.admin .row>*{flex:1}.admin button{margin:4px 0}.admin table{width:100%;border-collapse:collapse}.admin td,.admin th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.alert{padding:16px;background:#edf2f5;margin:20px 0}.error{background:#fff0ea;color:#852900}.check{display:flex;gap:12px;align-items:start}.check input{width:auto;margin:7px 0}.admin small{display:block}.news img{width:100%;max-height:350px;object-fit:cover}.admin input[type=file]{max-width:100%}.tablewrap{overflow:auto}.plain{border:1px solid var(--ink);background:white;color:var(--ink);padding:8px 14px}.benefits{background:#f0f4f6}.benefits .features{grid-template-columns:repeat(2,1fr)}@media(max-width:640px){.benefits .features{grid-template-columns:1fr}.admin .row{display:block}}
/* Identité Résidence La Pastille */
.brand{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;min-height:58px;white-space:nowrap}.brand .brand-residence{position:absolute;z-index:-1;top:0;left:50%;transform:translateX(-50%);font:30px Georgia,serif;letter-spacing:3px;color:currentColor;opacity:.18;pointer-events:none}.brand .brand-name{position:relative;display:block;padding-top:16px;font:27px Georgia,serif;letter-spacing:4px}.brand-footer{min-height:58px;margin-bottom:12px}.brand-footer .brand-name{font-size:24px}@media(max-width:640px){.brand .brand-residence{font-size:24px;letter-spacing:2px}.brand .brand-name{font-size:22px;letter-spacing:2px}}

@media(max-width:640px){header{height:auto;min-height:90px;gap:12px;padding-top:12px;padding-bottom:12px}}
