:root{--n:#0b1630;--n2:#14264d;--g:#c9a96a;--g2:#e4cf9f;--gd:#9a7b3a;--w:#f6f2ea;--t:#1c2333;--r:14px;--hh:68px}
*{box-sizing:border-box}html{scroll-behavior:smooth}html.lock,html.lock body{overflow:hidden}
body{margin:0;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--w);color:var(--t)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.2;color:var(--n);margin:0 0 .5em}h1{font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}h3{font-size:1.25rem}
a{color:var(--n2)}img{max-width:100%}.wrap{max-width:1120px;margin:auto;padding:0 20px}section.wrap,section.band>.wrap{padding-top:56px;padding-bottom:56px}
.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:.76rem;color:var(--gd);margin:0 0 10px;font-weight:600}.rule{width:64px;height:2px;background:var(--g);margin:16px 0}
.ic{color:var(--g);flex:none}.tbd{color:var(--gd)}
/* en-tête et menu */
.top{position:sticky;top:0;z-index:70;background:var(--n);height:calc(var(--hh) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 20px 0;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 0 #ffffff14}
.brand,#burger{position:relative;z-index:2}.brand img,.badge{background:var(--w);border-radius:8px;padding:2px;display:block}
nav{display:flex;gap:20px;align-items:center}nav a{color:var(--g2);text-decoration:none;font-size:.9rem;white-space:nowrap}nav a:hover,nav a.on{color:#fff}
#burger{display:none;background:none;border:0;color:var(--g);font-size:1.7rem;padding:6px 10px;cursor:pointer;line-height:1}
@media(max-width:960px){#burger{display:block}
 nav{display:none;position:fixed;inset:0;z-index:1;background:var(--n);flex-direction:column;align-items:stretch;gap:0;padding:calc(var(--hh) + env(safe-area-inset-top) + 8px) 24px 40px;overflow-y:auto;overscroll-behavior:contain}
 nav.open{display:flex}nav a{padding:13px 0;border-bottom:1px solid #ffffff1f;font-size:1.05rem;white-space:normal}}
/* boutons */
button,.btn{font:inherit;cursor:pointer;border-radius:999px;border:1px solid var(--g);padding:11px 24px;background:var(--g);color:var(--n);text-decoration:none;display:inline-block;font-weight:600;text-align:center}
.btn:hover,button:hover{filter:brightness(1.06)}.btn.alt,button.alt{background:transparent;color:var(--n2)}.btn.ghost{background:transparent;color:#fff;border-color:#ffffff88}.btn.wa{background:#25d366;border-color:#25d366;color:#fff}button:disabled{opacity:.6}
#wa{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 4px 14px #0005;z-index:40}
#upd{background:var(--g);padding:8px 20px;text-align:center;position:sticky;top:calc(var(--hh) + env(safe-area-inset-top));z-index:60}
#ibar{position:fixed;left:12px;right:84px;bottom:max(16px,env(safe-area-inset-bottom));z-index:45;background:var(--n);color:var(--g2);border:1px solid #c9a96a66;border-radius:14px;padding:10px 12px;display:flex;gap:10px;align-items:center;font-size:.85rem;max-width:440px;box-shadow:0 6px 20px #0006}
#ibar span{flex:1}#ibar button{padding:5px 14px;font-size:.82rem}#ibar #ib2{background:none;border:0;color:var(--g2);font-size:1.3rem;padding:0 4px}
/* bannière */
.hero{position:relative;min-height:min(88vh,760px);display:grid;align-items:end;color:#fff;background:radial-gradient(900px 480px at 85% -10%,#21407f 0,transparent 62%),linear-gradient(165deg,#0b1630,#09111f 75%);background-size:cover;background-position:center}
.hero.img{background-image:linear-gradient(180deg,#0b163088 0,#0b1630e6 100%),var(--img)}
.hero .in{max-width:1120px;margin:auto;width:100%;padding:80px 20px 110px}.hero h1{color:#fff;font-size:clamp(2.8rem,9vw,5.4rem);letter-spacing:.01em;margin:.1em 0 0}
.hero .loc{display:flex;gap:8px;align-items:center;color:var(--g2);letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;margin-top:6px}
.hero .lead{font:clamp(1.15rem,3vw,1.65rem)/1.45 Georgia,serif;max-width:660px;color:#f6f2ee}.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.pagehead{background:linear-gradient(165deg,var(--n),#0e1d3d);color:#fff;padding:48px 0 44px}.pagehead h1{color:#fff;margin:0}.pagehead p{color:var(--g2);max-width:680px;margin:12px 0 0}.pagehead .eyebrow{color:var(--g)}
/* recherche */
.sw{position:relative;z-index:5;margin-top:-56px}.search{background:#fff;border-radius:var(--r);box-shadow:0 10px 34px #0b163026;padding:20px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end;border-top:3px solid var(--g)}
.search h3{grid-column:1/-1;margin:0 0 -4px}.search label{margin:0}@media(max-width:760px){.search{grid-template-columns:1fr 1fr}.search button{grid-column:1/-1}.search label:nth-of-type(3){grid-column:1/-1}.sw{margin-top:-40px}}
.srnote{background:#fff;border-left:4px solid var(--g);border-radius:10px;padding:14px 16px;margin:20px 0}
/* sections */
.band{background:var(--n);color:#e9e5da}.band h2{color:#fff}.band .eyebrow{color:var(--g)}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:30px}
.fc{background:#ffffff0a;border:1px solid #c9a96a44;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}.fc .pic{aspect-ratio:16/9;background-size:cover;background-position:center}.fc .b{padding:24px}.fc h3{color:#fff;margin:14px 0 8px}.fc p{margin:0;color:#d6d2c6}
.ico{width:52px;height:52px;border-radius:50%;border:1px solid var(--g);display:grid;place-items:center}.ico .ic{width:26px;height:26px}
.pts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:26px}.pt{background:#fff;border-radius:var(--r);padding:22px;border-top:3px solid var(--g)}.pt h3{margin:10px 0 6px}.pt p{margin:0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.tile{border-radius:var(--r);padding:32px 26px;color:#fff;display:flex;flex-direction:column;gap:12px;align-items:flex-start;min-height:260px;justify-content:flex-end}.tile.a{background:linear-gradient(160deg,#14264d,#0b1630)}.tile.b{background:linear-gradient(160deg,#0b1630,#070d1b)}.tile h3{color:var(--g2);font-size:1.5rem;margin:0}.tile p{margin:0;max-width:380px}
@media(max-width:700px){.two{grid-template-columns:1fr}}
.msgband{background:linear-gradient(120deg,var(--g),var(--g2));text-align:center}.msgband .wrap{padding-top:52px;padding-bottom:52px}.msgband p{font:clamp(1.4rem,4vw,2.3rem)/1.3 Georgia,serif;color:var(--n);margin:0 0 18px}.msgband .btn{background:var(--n);border-color:var(--n);color:var(--g2)}
/* cartes logements */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:24px;margin-top:24px}
.card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 2px 16px #0b163018;display:flex;flex-direction:column}.card .in{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.card h3{margin:0}
.ph{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:linear-gradient(135deg,var(--n2),var(--n));aspect-ratio:16/10}.ph img{width:100%;flex:none;object-fit:cover;scroll-snap-align:start}.ph.empty{display:grid;place-items:center;color:var(--g2);font-size:.85rem;gap:6px;align-content:center;justify-items:center}
.tag{position:absolute;left:12px;top:12px;background:var(--n);color:var(--g2);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:99px;z-index:2}
.sp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.sp li{display:flex;gap:8px;align-items:center;font-size:.92rem}.sp small{display:block;color:#6b7080;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{font-size:.78rem;background:#f3ecdc;color:#6e5518;border-radius:99px;padding:3px 10px}
.price{border-left:3px solid var(--g);padding-left:12px;font-weight:600;color:var(--n)}.av{font-size:.85rem;color:#4b5263}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:12px}.steps li{counter-increment:s;background:#fff;border-radius:var(--r);padding:14px 16px 14px 58px;position:relative}.steps li:before{content:counter(s);position:absolute;left:14px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--g);color:var(--n);display:grid;place-items:center;font-weight:700}
/* formulaires */
label{display:block;font-size:.88rem;margin:10px 0 2px}input,select,textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid #cdc7b6;border-radius:8px;background:#fff}textarea{min-height:90px}
form.f{background:#fff;padding:22px;border-radius:var(--r);max-width:640px;margin-top:20px;border-top:3px solid var(--g)}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hp{position:absolute;left:-9999px}
.msg{padding:12px 14px;border-radius:8px;background:#f6ecd2;margin:14px 0}.msg.err{background:#f3dcdc}.msg.ok{background:#e1f0e3}
/* galerie, carte, contact */
.gal{columns:3 230px;gap:12px}.gal img{width:100%;margin-bottom:12px;border-radius:10px;cursor:zoom-in;display:block}
dialog.lb{border:0;background:transparent;padding:0;max-width:96vw;max-height:92vh}dialog.lb::backdrop{background:#000d}dialog.lb img{max-width:96vw;max-height:88vh;border-radius:8px;display:block}dialog.lb button{position:absolute;right:6px;top:6px}
iframe{border:0;width:100%;height:400px;border-radius:var(--r)}.cc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:10px 0 30px}.cc .pt p{margin:0 0 12px}
/* pied de page */
footer.foot{background:var(--n);color:#cfcbbf;padding:48px 0 calc(100px + env(safe-area-inset-bottom))}.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
@media(max-width:760px){.fg{grid-template-columns:1fr}}footer h4{color:var(--g);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;margin:0 0 12px}footer a{color:var(--g2);display:block;text-decoration:none;padding:3px 0}footer p{margin:0 0 8px}.fmsg{font:1.15rem/1.4 Georgia,serif;color:#fff;margin-top:14px!important}
.fb{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #ffffff1f;margin-top:30px;padding-top:18px;font-size:.88rem}.fb b{color:var(--g2);letter-spacing:.04em}.lnk{background:none;border:0;color:var(--g2);padding:3px 0;font-weight:400;text-decoration:underline;border-radius:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}