@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#172b2e;--cream:#f8f5ef;--gold:#c7a47d;--muted:#697476}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:var(--cream);line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.wrap{max-width:1160px;margin:auto;padding:0 30px}.top{height:82px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:relative;z-index:5}.brand{font-size:19px;letter-spacing:.18em;font-weight:700}.brand span{color:var(--gold)}nav{display:flex;align-items:center;gap:30px}nav a{font-size:13px;font-weight:600}nav a:hover{color:#ad855d}.navcta{border:1px solid var(--ink);padding:9px 20px}.menu{display:none;background:none;border:0;font-size:28px}.hero{min-height:690px;background:linear-gradient(100deg,rgba(10,31,34,.90),rgba(14,35,36,.65) 60%,rgba(14,35,36,.35)),radial-gradient(ellipse at 80% 30%,#779b9a,#264b53 45%,#132e34 85%);color:white;position:relative;display:flex;align-items:center}.hero-inner{width:min(1160px,100%);margin:auto;padding:90px 30px 120px}.eyebrow{letter-spacing:.22em;font-size:11px;font-weight:700;color:#e0c2a0}.eyebrow.dark{color:#a47f59}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(52px,7vw,102px);margin:24px 0}h2{font-size:clamp(38px,4.6vw,62px);margin:15px 0 30px}h1 em,h2 em{font-weight:500;color:var(--gold)}.hero-inner>p:not(.eyebrow){font-size:18px;max-width:540px;color:#e1e9e7}.btn{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;background:var(--cream);color:var(--ink);padding:17px 25px;margin-top:25px;font-size:13px;font-weight:700}.btn:hover{background:#e5d4bd}.hero-note{position:absolute;bottom:30px;left:max(30px,calc((100vw - 1100px)/2));font-size:11px;letter-spacing:.16em;color:#d6e0dd}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:125px;padding-bottom:125px}.intro p,.amenities p,.contact>p,.neighborhood p{color:#667273}.intro .facts{display:flex;gap:40px;margin-top:40px}.facts div{display:flex;flex-direction:column}.facts strong{font-family:Georgia,serif;font-size:36px;font-weight:400}.facts span{font-size:12px;color:var(--muted)}.gallery-section{padding:100px 0 110px;background:#edeae2}.muted{color:#758080;font-size:13px}.gallery{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:300px 300px;gap:18px;margin-top:35px}.photo{margin:0;position:relative;overflow:hidden;background:linear-gradient(135deg,#c4b49d,#789393);display:flex;align-items:flex-end}.photo:nth-child(2){background:linear-gradient(135deg,#a7aaa2,#7e908b)}.photo:nth-child(3){background:linear-gradient(135deg,#78979b,#3f6471)}.photo:nth-child(4){background:linear-gradient(135deg,#b9a28e,#6d7d79)}.photo img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.photo img:not([src]){display:none}.photo figcaption{z-index:1;position:relative;color:white;background:linear-gradient(transparent,rgba(0,0,0,.5));width:100%;padding:42px 22px 17px;font-weight:600;font-size:14px}.amenities{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.amenity-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.amenity-grid div{border-bottom:1px solid #d7d9d2;padding:20px 4px;font-size:22px;color:#b48e67}.amenity-grid span{font-size:13px;color:var(--ink);margin-left:12px}.neighborhood{background:#1c373b;color:white;padding:115px 0}.neighborhood-inner{display:grid;grid-template-columns:1fr 1fr;gap:110px}.neighborhood p{color:#c8d3d1}.distances>div{border-bottom:1px solid #577075;padding:15px 0 28px;display:flex;align-items:baseline;gap:20px}.distances strong{font:500 40px Georgia,serif;white-space:nowrap}.distances span{font-size:14px}.distances p{font-size:13px;margin-top:30px}.contact{text-align:center;padding-top:120px;padding-bottom:120px}.contact>p{max-width:590px;margin:15px auto}.darkbtn{background:var(--ink);color:white}.small{font-size:11px!important}footer{background:#12282b;color:#d6e2de;padding:30px 0}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px}.foot strong{letter-spacing:.15em}
@media(max-width:850px){.top{height:70px}.menu{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--cream);padding:25px;box-shadow:0 12px 20px #0002;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}.hero{min-height:610px}.intro,.amenities,.neighborhood-inner{grid-template-columns:1fr;gap:30px}.intro,.amenities{padding-top:75px;padding-bottom:75px}.neighborhood{padding:75px 0}.gallery-section{padding:75px 0}.gallery{grid-template-rows:240px 240px}.contact{padding-top:75px;padding-bottom:75px}}
@media(max-width:580px){.wrap{padding-left:20px;padding-right:20px}.hero-inner{padding:75px 20px 110px}h1{font-size:clamp(44px,12vw,64px)}h2{font-size:40px}.hero-inner>p:not(.eyebrow){font-size:16px}.hero-note{left:20px;font-size:9px}.intro .facts{gap:24px;flex-wrap:wrap}.gallery{grid-template-columns:1fr;grid-template-rows:repeat(4,230px)}.amenity-grid{grid-template-columns:1fr 1fr;gap:10px}.amenity-grid div{font-size:19px;padding:14px 0}.amenity-grid span{display:block;margin-left:0;font-size:12px}.distances>div{display:block}.distances span{display:block}.foot{flex-direction:column;text-align:center}.btn{width:100%;justify-content:center}.contact{padding-top:65px;padding-bottom:65px}}


/* Diaporama sous les quatre photos principales */
.extra-photos { margin-top: 3rem; }
.extra-photos h3 { margin-bottom: 1.25rem; }
.slideshow {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin-inline: auto;
  overflow: hidden;
  border-radius: 16px;
  background: #162a2d;
}
.slides { position: relative; aspect-ratio: 16 / 9; }
.slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .3s ease; }
.slide.active { opacity: 1; visibility: visible; }
.slide img { width: 100%; height: 100%; object-fit: contain; display: block; }
.slide-prev, .slide-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.9);
  color: #162a2d;
  cursor: pointer;
  font-size: 24px;
}
.slide-prev { left: 14px; }
.slide-next { right: 14px; }
.slide-prev:hover, .slide-next:hover { background: #fff; }
.slide-counter {
  position: absolute;
  right: 16px;
  bottom: 14px;
  padding: 5px 12px;
  border-radius: 20px;
  color: white;
  background: rgba(0,0,0,.6);
  font-size: 14px;
}
@media (max-width: 600px) {
  .slides { aspect-ratio: 4 / 3; }
  .slide-prev, .slide-next { width: 36px; height: 36px; }
}