/* Polices hébergées sur le site (licence SIL OFL) : pas de connexion à Google Fonts, affichage plus rapide */
@font-face{font-family:'Jost';font-style:normal;font-weight:300 600;font-display:swap;src:url(../fonts/jost-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/marcellus-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Layout: architectural grid — limestone pages, deep-olive "plinth" sections, copper used only for prices and the one action that matters. Motif: the square-kufic lattice of the logo (جسور = "ponts"). */
:root{
  --stone:#F1F1EB;      /* page ground, limestone with a green bias */
  --paper:#FBFBF7;      /* raised surfaces */
  --sand:#DCD2BE;       /* facade beige, hairlines on dark */
  --olive:#606D38;      /* logo green */
  --olive-deep:#26301B; /* dark sections */
  --ink:#1A1F15;        /* text */
  --muted:#5D6354;      /* secondary text */
  --line:#D7D8CC;       /* hairlines on light */
  --copper:#BF6A28;     /* prices + primary action */
  --copper-hi:#D98238;
  --on-dark:#EDEBE2;
  --on-dark-muted:#B5B8A6;
  --f-display:"Marcellus","Cormorant Garamond",Georgia,"Times New Roman",serif;
  --f-body:"Jost","Avenir Next","Segoe UI",system-ui,sans-serif;
  --f-ar:"Reem Kufi","Noto Kufi Arabic","Geeza Pro",sans-serif;
  --gutter:clamp(16px,4vw,56px);
  --max:1240px;
  --radius:2px;
  --ease:cubic-bezier(.2,.7,.1,1);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:134px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--stone);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.65;font-weight:400;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);font-weight:400;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.005em}
p{margin:0}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.eyebrow{font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--olive);display:inline-flex;align-items:center;gap:.8em}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.on-dark .eyebrow{color:var(--sand)}
.h2{font-size:clamp(2rem,4.4vw,3.4rem)}
.lead{font-size:clamp(1.02rem,1.4vw,1.15rem);color:var(--muted);max-width:60ch}
.on-dark{background:var(--olive-deep);color:var(--on-dark)}
.on-dark .lead{color:var(--on-dark-muted)}
.num{font-variant-numeric:tabular-nums lining-nums}
:focus-visible{outline:2px solid var(--copper);outline-offset:3px}

/* Buttons */
.btn{--bg:var(--copper);display:inline-flex;align-items:center;justify-content:center;gap:.6em;font:500 .86rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;padding:1.1em 1.7em;border:1px solid transparent;border-radius:var(--radius);background:var(--bg);color:#fff;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease)}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.btn:hover::after{transform:translateX(120%)}
.btn:hover{background:var(--copper-hi)}
.btn:active{transform:translateY(1px)}
.btn--ghost{background:transparent;color:inherit;border-color:currentColor}
.btn--ghost:hover{background:rgba(255,255,255,.08)}
.btn--olive{background:var(--olive)}
.btn--olive:hover{background:#6f7d42}
.btn svg{width:18px;height:18px;flex:none}
.btn--block{width:100%}

/* Header */
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background .4s,box-shadow .4s,color .4s;color:var(--on-dark)}
.hdr__in{display:flex;align-items:center;gap:28px;height:136px;max-width:1400px}
.hdr__logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.hdr__logo img{height:122px;width:auto;transition:height .4s}
.hdr__logo .logo-dark{display:none}
.hdr nav{display:flex;gap:22px;margin-left:auto}
.hdr nav a{text-decoration:none;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;opacity:.86;position:relative;padding-block:6px}
.hdr nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;transition:right .35s var(--ease)}
.hdr nav a:hover::after{right:0}
.hdr__tel{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:500;font-size:1.15rem;white-space:nowrap}
.hdr__tel svg{width:20px;height:20px}
.hdr .btn{padding:1.05em 1.5em;font-size:.9rem}
.hdr.is-solid{background:rgba(251,251,247,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.hdr.is-solid .logo-light{display:none}
.hdr.is-solid .logo-dark{display:block}
.hdr.is-solid .hdr__logo img{height:96px}
.hdr__in{transition:height .4s}
.hdr.is-solid .hdr__in{height:110px}
.burger{display:none;background:none;border:0;color:inherit;width:44px;height:44px;margin-left:auto;cursor:pointer;padding:10px}
.burger span{display:block;height:1.5px;background:currentColor;margin:6px 0;transition:transform .3s,opacity .3s}
.menu-open .burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.menu-open .burger span:nth-child(2){opacity:0}
.menu-open .burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* Hero */
.hero{position:relative;min-height:min(100svh,920px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;isolation:isolate}
.hero__img{position:absolute;inset:0;z-index:-2}
.hero__img img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform-origin:70% 60%;animation:kenburns 22s var(--ease) both}
@keyframes kenburns{from{transform:scale(1.14)}to{transform:scale(1)}}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,26,14,.86) 0%,rgba(20,26,14,.55) 45%,rgba(20,26,14,.12) 75%),linear-gradient(0deg,rgba(20,26,14,.7) 0%,transparent 40%),linear-gradient(180deg,rgba(20,26,14,.55) 0%,transparent 22%)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(28px,5vw,72px);align-items:end;padding-block:190px 64px;width:100%}
.hero__grid>.reveal-load{align-self:center}
.hero__ar{font-family:var(--f-ar);font-size:1.05rem;color:var(--sand);letter-spacing:.02em;display:block;margin-bottom:18px}
.hero h1{font-size:clamp(2.6rem,6.4vw,5.6rem);line-height:1.02;margin-block:22px 16px}
.hero h1 em{font-style:normal;color:var(--sand)}
.hero__sub{font-size:clamp(1.02rem,1.5vw,1.2rem);max-width:46ch;color:rgba(255,255,255,.86);font-weight:300}
.hero__facts{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.22)}
.hero__facts div{display:flex;flex-direction:column}
.hero__facts b{font-family:var(--f-display);font-weight:400;font-size:1.7rem;line-height:1.1}
.hero__facts span{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.hero__facts .price b{color:var(--copper-hi)}
.hero__loc{font-size:.86rem}
.dash{display:inline-block;width:.9em;height:.12em;min-height:1.5px;background:currentColor;vertical-align:middle;margin:0 .45em}
.hero__tranche{font-size:clamp(1.05rem,1.5vw,1.25rem);color:rgba(255,255,255,.9);letter-spacing:.02em}
.hero__addr{display:flex;align-items:center;gap:.4em;margin-top:16px;font-family:var(--f-display);font-size:clamp(1.5rem,3.2vw,2rem);line-height:1.15;color:#fff}
.hero__addr svg{width:.85em;height:.85em;color:var(--copper-hi);flex:none}
.hero__addr b{font-weight:400;color:var(--copper-hi);white-space:nowrap}
.reveal-load>*{animation:rise 1.1s var(--ease) both}
.reveal-load>*:nth-child(2){animation-delay:.12s}.reveal-load>*:nth-child(3){animation-delay:.24s}.reveal-load>*:nth-child(4){animation-delay:.36s}.reveal-load>*:nth-child(5){animation-delay:.48s}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.hero__scroll{position:absolute;left:50%;bottom:18px;width:1px;height:46px;background:rgba(255,255,255,.25);overflow:hidden}
.hero__scroll::after{content:"";position:absolute;left:0;top:-50%;width:1px;height:50%;background:#fff;animation:drip 2.2s ease-in-out infinite}
@keyframes drip{to{top:110%}}

/* Lead card */
.lead-card{background:var(--paper);color:var(--ink);padding:clamp(22px,3vw,34px);border-radius:var(--radius);box-shadow:0 30px 80px -30px rgba(0,0,0,.55);position:relative;animation:rise 1.1s .5s var(--ease) both}
.lead-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--olive),var(--copper))}
.lead-card h2{font-size:1.65rem;margin-bottom:6px}
.lead-card .small{font-size:.88rem;color:var(--muted)}
/* Formulaire du hero qui suit le défilement : colonne à droite sur ordinateur, volet en bas sur mobile/tablette */
.lead-card.no-rise{animation:none}
.sheet-toggle{display:none}
@media (max-width:1080px){
  .lead-card.is-docked{position:fixed;left:0;right:0;bottom:0;z-index:46;border-radius:14px 14px 0 0;padding:0 var(--gutter) calc(16px + env(safe-area-inset-bottom,0px));max-height:85svh;overflow:auto;box-shadow:0 -14px 40px -12px rgba(0,0,0,.45);animation:sheet .45s var(--ease) both}
  .lead-card.is-docked h2,.lead-card.is-docked .form-note{display:none}
  .lead-card.is-docked .sheet-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;position:sticky;top:0;z-index:2;padding:14px 0 12px;background:var(--paper);border:0;color:var(--ink);font:400 1.2rem/1.1 var(--f-display);text-align:left;cursor:pointer}
  .sheet-toggle b{display:inline-flex;align-items:center;gap:6px;flex:none;padding:.75em 1.1em;border-radius:var(--radius);background:var(--copper);color:#fff;font:500 .72rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase}
  .sheet-toggle svg{width:14px;height:14px;transform:rotate(-90deg);transition:transform .35s var(--ease)}
  .lead-card.is-expanded .sheet-toggle svg{transform:rotate(90deg)}
  .lead-card.is-docked:not(.is-expanded) .form{display:none}
  .lead-card.is-docked .form{margin-top:0;padding-bottom:4px}
  .lead-card.is-docked.is-away{animation:none;transform:translateY(110%);transition:transform .35s var(--ease)}
  body.dock-sheet{padding-bottom:72px}
  body.dock-sheet .fab{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@keyframes sheet{from{transform:translateY(100%)}to{transform:none}}
@media (min-width:1081px){
  .lead-card.is-docked{position:fixed;top:132px;right:24px;width:340px;z-index:45;max-height:calc(100vh - 152px);overflow:auto;padding:22px 24px;animation:dock .45s var(--ease) both}
  .lead-card.is-docked h2{font-size:1.35rem}
  .lead-card.is-docked .form{gap:10px;margin-top:12px}
  .lead-card.is-docked .form-note{display:none}
  /* Colonne réservée au formulaire fixe : le contenu ne passe jamais dessous. */
  .js main > :is(#histoire,#appartements,#galerie,#localisation,#faq){padding-right:388px}
  .lead-card.is-docked.is-away{animation:none;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s,transform .3s var(--ease)}
}
@keyframes dock{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.badge{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--copper);margin-bottom:12px}
.badge i{width:7px;height:7px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 0 rgba(191,106,40,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(191,106,40,0)}100%{box-shadow:0 0 0 0 rgba(191,106,40,0)}}

/* Forms */
.form{display:grid;gap:12px;margin-top:18px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{position:relative;min-width:0}
.field input,.field select,.field textarea{width:100%;font:400 1rem/1.3 var(--f-body);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 14px 8px;appearance:none;-webkit-appearance:none;transition:border-color .25s,box-shadow .25s}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23606D38' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}
.field input::placeholder{color:#A3A795}
.field label{position:absolute;left:15px;top:7px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);pointer-events:none}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--olive);box-shadow:0 0 0 3px rgba(96,109,56,.15)}
.field.err input,.field.err select{border-color:#B3261E}
.field .msg{display:none;font-size:.78rem;color:#B3261E;margin-top:4px}
.field.err .msg{display:block}
.field .iti{width:100%;display:block}
.field .iti .iti__selected-country{padding:14px 0 0 8px;border-radius:var(--radius) 0 0 var(--radius)}
.iti--container{z-index:120;font-family:var(--f-body)}
.field.err .iti input{border-color:#B3261E}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{position:relative;cursor:pointer}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-block;padding:.55em 1em;border:1px solid var(--line);border-radius:40px;font-size:.86rem;background:#fff;transition:all .25s}
.chips input:checked+span{background:var(--olive);border-color:var(--olive);color:#fff}
.chips input:focus-visible+span{outline:2px solid var(--copper);outline-offset:2px}
.legend{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.78rem;color:var(--muted);line-height:1.45}
.consent input{margin-top:2px;accent-color:var(--olive);width:16px;height:16px;flex:none}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-note{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:8px}
.form-note svg{width:14px;height:14px;color:var(--olive);flex:none}
.success{text-align:center;padding:26px 6px}
.success .tick{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--olive);color:#fff;display:grid;place-items:center}
.success .tick svg{width:28px;height:28px;stroke-dasharray:30;stroke-dashoffset:30;animation:draw .7s .2s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.success h3{font-size:1.6rem;margin-bottom:8px}
.form-err{font-size:.86rem;color:#B3261E;background:#FBEDEC;padding:10px 12px;border-radius:var(--radius)}
.is-loading .btn[type=submit]{pointer-events:none;opacity:.75}

/* Stats strip */

/* Sections */
.sec{padding-block:clamp(72px,10vw,140px)}
.sec__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:clamp(40px,6vw,72px)}
.sec__head .h2{margin-top:16px}

/* Lattice motif */
.lattice{position:absolute;pointer-events:none;opacity:.07;width:520px;height:520px;background:
 repeating-linear-gradient(45deg,transparent 0 22px,currentColor 22px 24px),
 repeating-linear-gradient(-45deg,transparent 0 22px,currentColor 22px 24px);
 -webkit-mask:radial-gradient(closest-side,#000 30%,transparent);mask:radial-gradient(closest-side,#000 30%,transparent)}

/* Typologies */
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:34px}
.tab{font:500 .82rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;padding:1em 1.4em;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;border-radius:var(--radius);transition:all .3s}
.tab[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.typo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,72px);align-items:center}
.typo__media{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius);background:var(--sand)}
.typo__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s,transform 1.2s var(--ease)}
.typo__media img.alt{opacity:0}
.typo__media:hover img.alt{opacity:1;transform:scale(1.03)}
.typo__media figcaption{position:absolute;left:16px;bottom:16px;background:rgba(26,31,21,.72);color:#fff;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;backdrop-filter:blur(6px)}
.typo h3{font-size:clamp(1.9rem,3.2vw,2.6rem)}
.typo__desc{margin-top:10px;max-width:44ch;font-size:1.05rem}
.typo .surf{color:var(--muted);margin:6px 0 26px}
.price-from{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin-bottom:22px}
.price-from small{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.price-from b{font-family:var(--f-display);font-weight:400;font-size:clamp(2.1rem,3.8vw,2.9rem);color:var(--copper);line-height:1}
.panel[hidden]{display:none}
.panel:not([hidden]){animation:fade .6s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Gallery */
.gal{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(120px,14vw,190px);gap:12px}
.gal>button{border:0;padding:0;margin:0;font:inherit;color:inherit;display:block;cursor:zoom-in;position:relative;overflow:hidden;border-radius:var(--radius);background:var(--sand)}
.gal button:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
.gal img{width:100%;height:100%;object-fit:cover;--s:1.14;transform:translate3d(0,var(--py,0px),0) scale(var(--s));transition:--s 1.2s var(--ease),filter .6s}
.gal button:hover img{--s:1.22}
.gal button:hover{z-index:2}
.gal button::after{content:attr(data-cap);position:absolute;left:12px;bottom:12px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(26,31,21,.6);padding:6px 10px;opacity:0;transform:translateY(8px);transition:all .4s var(--ease)}
.gal button:hover::after,.gal button:focus-visible::after{opacity:1;transform:none}
.g1{grid-column:span 7;grid-row:span 3}.g2{grid-column:span 5;grid-row:span 2}.g3{grid-column:span 5;grid-row:span 1}
.g4{grid-column:span 4;grid-row:span 2}.g5{grid-column:span 4;grid-row:span 2}.g6{grid-column:span 4;grid-row:span 2}
.g7{grid-column:span 3;grid-row:span 2}.g8{grid-column:span 3;grid-row:span 2}.g9{grid-column:span 6;grid-row:span 2}
.lb{position:fixed;inset:0;z-index:100;background:rgba(14,18,10,.94);display:flex;align-items:center;justify-content:center;padding:calc(56px + env(safe-area-inset-top,0px)) 16px calc(56px + env(safe-area-inset-bottom,0px))}
.lb img{max-height:100%;max-width:min(1600px,100%);object-fit:contain;animation:fade .5s var(--ease)}
.lb__cap{position:absolute;left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom,0px));text-align:center;color:var(--on-dark-muted);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.lb button{position:absolute;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:background .3s}
.lb button:hover{background:rgba(255,255,255,.12)}
.lb button svg{width:20px;height:20px}
.lb .x{top:calc(14px + env(safe-area-inset-top,0px));right:16px}
.lb .pv{left:16px;top:50%;translate:0 -50%}
.lb .nx{right:16px;top:50%;translate:0 -50%}
/* Agrandissement des plans */
.lb__plan{width:min(1100px,100%);max-height:100%;overflow:auto;background:#FBFBF7;padding:clamp(14px,3vw,32px);border-radius:2px;animation:fade .5s var(--ease)}
.lb__plan .plan{position:static;width:100%;padding:0;box-shadow:none;opacity:1;transform:none;cursor:default}
.lb__plan .plan__hd{font-size:.74rem;padding-bottom:10px;margin-bottom:10px}
.lb__plan .plan__hd b{font-size:1.4rem}
.lb__plan .plan__zoom{display:none}
.lb__plan svg,.lb__plan .plan__img{max-height:calc(100svh - 230px);margin-inline:auto}

/* Location */
.loc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,6vw,80px);align-items:center}
.map{position:relative;aspect-ratio:1/1;background:#E4E5DA;border-radius:var(--radius);overflow:hidden}
.map>svg{width:100%;height:100%;display:block}
.map iframe,.map__canvas{position:absolute;inset:0;width:100%;height:100%;border:0}
.map .open{z-index:500}
.map .recenter{position:absolute;left:14px;bottom:14px;z-index:500;background:var(--paper);color:var(--ink);border-color:var(--line);padding:.85em 1.1em;font-size:.72rem}
.access{margin-top:22px}
.access>small{display:block;margin-bottom:10px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.access ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.access li{display:flex;align-items:center;gap:12px;font-size:clamp(1.02rem,1.4vw,1.15rem);color:var(--ink)}
.access svg{width:20px;height:20px;color:var(--copper);flex:none}
.lmk{background:none;border:0}
.lmk>span{display:inline-flex;align-items:center;gap:7px;transform:translate(-11px,-50%);white-space:nowrap;background:var(--paper);color:var(--ink);font:500 12px/1 var(--f-body);padding:6px 10px 6px 6px;border-radius:20px;box-shadow:0 6px 16px -6px rgba(0,0,0,.4);transition:background .25s,color .25s}
.lmk i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--olive)}
.lmk--left>span{flex-direction:row-reverse;padding:6px 6px 6px 10px;transform:translate(calc(-100% + 11px),-50%)}
.lmk--home>span{transform:translate(-17px,-50%);gap:10px;background:var(--olive-deep);color:#fff;padding:9px 14px 9px 10px;box-shadow:0 10px 26px -8px rgba(0,0,0,.55)}
.lmk__t{display:grid;gap:4px}
.lmk__t b{font:400 17px/1 var(--f-display);letter-spacing:.01em}
.lmk__t small{font:500 10.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--sand)}
.lmk--home i{position:relative;width:16px;height:16px;background:var(--copper);box-shadow:0 0 0 4px rgba(191,106,40,.35)}
.lmk--home i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--copper);animation:pinp 2.4s ease-out infinite}
.lmk.is-hot>span{background:var(--copper);color:#fff}.lmk.is-hot i{background:#fff}
.near li[data-ll]{cursor:pointer}
.map .open{position:absolute;right:14px;bottom:14px}
.pin-pulse{transform-origin:center;transform-box:fill-box;animation:pinp 2.4s ease-out infinite}
@keyframes pinp{from{transform:scale(.4);opacity:.7}to{transform:scale(2.6);opacity:0}}
.tram-dash{stroke-dasharray:6 8;animation:dash 3s linear infinite}
@keyframes dash{to{stroke-dashoffset:-56}}
.near{list-style:none;padding:0;margin:30px 0 0;display:grid}
.near li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}
.near li:first-child{border-top:1px solid var(--line)}
.near svg{width:22px;height:22px;color:var(--olive)}
.near b{font-weight:500}

/* Steps */

/* FAQ */
.faq{max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-size:1.08rem;font-weight:500;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:14px;margin-top:-7px;background:linear-gradient(var(--olive),var(--olive)) center/14px 1.5px no-repeat,linear-gradient(var(--olive),var(--olive)) center/1.5px 14px no-repeat;transition:transform .35s var(--ease)}
.faq details[open] summary::after{transform:rotate(135deg)}
.faq details p{padding:0 40px 24px 0;color:var(--muted)}

/* Final CTA */
.final{position:relative;color:#fff;overflow:hidden;isolation:isolate}
.final__bg{position:absolute;inset:0;z-index:-2}
.final__bg{inset:-18% 0}
.final__bg img{width:100%;height:100%;object-fit:cover;transform:translate3d(0,var(--py,0px),0)}
.final::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,26,14,.92),rgba(20,26,14,.7) 55%,rgba(20,26,14,.45))}
.final__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(36px,6vw,90px);align-items:center}
.final h2{font-size:clamp(2.2rem,4.8vw,3.8rem)}
.final .lead-card h2{font-size:1.65rem}
.contact-list{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:18px}
.contact-list li{display:flex;gap:16px;align-items:center}
.contact-list .ic{width:46px;height:46px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;flex:none}
.contact-list svg{width:18px;height:18px}
.contact-list small{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-muted)}
.contact-list a,.contact-list span.v{font-size:1.1rem;text-decoration:none;word-break:break-word}
.contact-list a:hover{color:var(--sand)}

/* Footer */
.ftr{background:#141910;color:var(--on-dark-muted);font-size:.86rem;padding-block:44px calc(44px + env(safe-area-inset-bottom,0px))}
.ftr__in{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.ftr img{height:58px;width:auto}
.ftr a{color:var(--on-dark);text-decoration:none}
.ftr .legal{flex-basis:100%;font-size:.74rem;opacity:.75;border-top:1px solid rgba(220,210,190,.12);padding-top:20px}

/* Floating multi-contact button */
.fab{position:fixed;right:20px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:40}
.fab__toggle{position:relative;width:58px;height:58px;border-radius:50%;background:var(--copper);color:#fff;border:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px -8px rgba(0,0,0,.4);transition:transform .3s var(--ease),background .3s}
.fab__toggle:hover{transform:scale(1.08);background:var(--copper-hi)}
.fab__toggle::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--copper);animation:pinp 2.6s ease-out infinite}
.fab.is-open .fab__toggle::before{display:none}
.fab.is-open .fab__toggle{background:var(--olive-deep)}
.fab__toggle svg{width:24px;height:24px;position:absolute;transition:opacity .3s var(--ease),transform .4s var(--ease)}
.fab__toggle .ic-close{opacity:0;transform:rotate(-45deg) scale(.5)}
.fab.is-open .fab__toggle .ic-open{opacity:0;transform:rotate(45deg) scale(.5)}
.fab.is-open .fab__toggle .ic-close{opacity:1;transform:none}
.fab__menu{position:absolute;right:0;bottom:calc(100% + 16px);display:grid;gap:12px;list-style:none;margin:0;padding:0}
.fab__item{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;box-shadow:0 10px 24px -10px rgba(0,0,0,.4);text-decoration:none;opacity:0;transform:translateY(14px) scale(.6);pointer-events:none;transition:opacity .3s var(--ease),transform .4s var(--ease);position:relative}
.fab__item svg{width:20px;height:20px}
.fab.is-open .fab__item{opacity:1;transform:none;pointer-events:auto}
.fab__menu li:nth-child(1) .fab__item{transition-delay:.03s}
.fab__menu li:nth-child(2) .fab__item{transition-delay:.07s}
.fab__menu li:nth-child(3) .fab__item{transition-delay:.11s}
.fab__item.wa{color:#128C4B}
.fab__label{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--olive-deep);color:#fff;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:3px;white-space:nowrap;opacity:0;transition:opacity .25s;pointer-events:none}
.fab__item:hover .fab__label{opacity:1}
@keyframes fab-attract{0%,16%,100%{transform:scale(1)}4%{transform:scale(1.14)}8%{transform:scale(.94)}12%{transform:scale(1.08)}}
.fab__toggle{animation:fab-attract 3s ease-in-out 1.6s 3}
@media (prefers-reduced-motion:reduce){.fab__toggle{animation:none}.fab__toggle::before{animation:none}}
.lattice + .wrap{position:relative}

/* Modal */
.modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(14,18,10,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal .lead-card{width:min(480px,100%);max-height:calc(100svh - 32px);overflow:auto;animation:rise .6s var(--ease) both}
.modal__x{position:absolute;right:12px;top:12px;background:none;border:0;width:40px;height:40px;cursor:pointer;color:var(--muted);border-radius:50%}
.modal__x:hover{background:var(--stone)}
.modal__x svg{width:18px;height:18px}

/* Scroll-driven reveals (progressive: without support everything is simply visible) */
@supports (animation-timeline: view()){
  .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  @keyframes rv{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}
  .wipe{animation:wipe linear both;animation-timeline:view();animation-range:entry 5% entry 80%}
  @keyframes wipe{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
}


/* ===== Parallax & hover motion ===== */
@property --s{syntax:"<number>";inherits:false;initial-value:1}
@property --py{syntax:"<length>";inherits:false;initial-value:0px}
.hero__img{inset:-6% 0 -14% 0;will-change:transform}
.hero__grid{will-change:transform,opacity}
.lattice{will-change:transform}
[data-par]{will-change:transform}
/* Buttons: fill grows from the cursor, arrow slides, magnetic pull (JS) */
.btn{isolation:isolate;transition:background .35s,color .35s,border-color .35s,transform .45s var(--ease),box-shadow .45s var(--ease)}
.btn::before{content:"";position:absolute;z-index:-1;left:var(--mx,50%);top:var(--my,50%);width:0;height:0;border-radius:50%;background:var(--fill,#A85B20);transform:translate(-50%,-50%);transition:width .6s var(--ease),height .6s var(--ease)}
.btn:hover::before{width:var(--d,420px);height:var(--d,420px)}
.btn:hover{background:var(--bg);box-shadow:0 14px 30px -12px rgba(191,106,40,.55)}
.btn--olive{--bg:var(--olive);--fill:#4C5829}
.btn--olive:hover{background:var(--olive);box-shadow:0 14px 30px -12px rgba(96,109,56,.6)}
.btn--ghost{--bg:transparent;--fill:var(--sand)}
.btn--ghost:hover{background:transparent;color:var(--ink);border-color:var(--sand);box-shadow:none}
.btn>span.lbl,.btn>svg{position:relative;transition:transform .45s var(--ease)}
.btn:hover svg{transform:translateX(5px)}
.btn svg:first-child:not(:last-child){transition:transform .45s var(--ease)}
.btn:hover svg:first-child:not(:last-child){transform:scale(1.15) rotate(-8deg)}
.tab{position:relative;overflow:hidden;isolation:isolate}
.tab::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--olive);transform:scaleY(0);transform-origin:bottom;transition:transform .45s var(--ease)}
.tab:hover:not([aria-selected=true])::before{transform:scaleY(1)}
.tab:hover:not([aria-selected=true]){color:#fff;border-color:var(--olive)}
.chips span{transition:all .3s var(--ease)}
.chips label:hover span{transform:translateY(-2px);border-color:var(--olive)}
.hdr__tel svg{transition:transform .4s var(--ease)}
.hdr__tel:hover svg{animation:ring .6s ease}
@keyframes ring{20%{transform:rotate(-16deg)}40%{transform:rotate(14deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(6deg)}}
.contact-list .ic{transition:background .4s,border-color .4s,transform .4s var(--ease)}
.contact-list li:hover .ic{background:var(--copper);border-color:var(--copper);transform:scale(1.08)}
/* 3D tilt (JS sets --rx/--ry) */
.tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease),border-color .4s,background .4s;transform-style:preserve-3d}
.tilt.is-tilting{transition:transform .12s linear,border-color .4s,background .4s}
.near li{transition:padding .4s var(--ease),background .4s}
.near li:hover{padding-inline:12px;background:rgba(96,109,56,.06)}
.faq summary{transition:color .3s,padding .4s var(--ease)}
.faq summary:hover{color:var(--olive);padding-left:8px}
@media (hover:none){.btn:hover::before{width:0;height:0}}

/* ===== Story: "Du plan à la réalité" — pinned scroll sequence ===== */
.story{position:relative;height:340vh;background:var(--olive-deep);color:var(--on-dark);--a:0;--c:0;--b:0;--z:1.1}
.story__pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,2.4vh,26px);padding-block:clamp(114px,13vh,130px) clamp(16px,3vh,32px);overflow:hidden}
.story__pin>.wrap{width:100%}
.story__head{display:flex;justify-content:space-between;align-items:end;gap:16px 40px;flex-wrap:wrap}
.story__head h2{font-size:clamp(1.7rem,3.2vw,2.6rem)}
.story__head .eyebrow{color:var(--sand)}
.story__stage{position:relative;width:min(100%,calc((100svh - 386px) * 16 / 9));aspect-ratio:16/9;margin-inline:auto;overflow:hidden;background:#F1F1EB;box-shadow:0 40px 90px -40px rgba(0,0,0,.7)}
.story__stage>img,.story__stage>svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--z));transform-origin:55% 60%}
.story__stage .sk{clip-path:inset(0 calc(100% - var(--a) * 100%) 0 0)}
.story__stage .rl{clip-path:inset(0 calc(100% - var(--b) * 100%) 0 0);filter:saturate(calc(.4 + var(--b) * .6))}
.story__grid{position:absolute;inset:0;pointer-events:none;opacity:calc((1 - var(--b)) * .9);background:
  linear-gradient(rgba(96,109,56,.13) 1px,transparent 1px) 0 0/40px 40px,
  linear-gradient(90deg,rgba(96,109,56,.13) 1px,transparent 1px) 0 0/40px 40px}
.story__scan{position:absolute;top:0;bottom:0;left:calc(var(--b) * 100%);width:2px;margin-left:-1px;background:var(--copper-hi);box-shadow:0 0 18px 3px rgba(217,130,56,.55);opacity:calc(var(--b) * (1 - var(--b)) * 4)}
.story__pen{position:absolute;top:0;bottom:0;left:calc(var(--a) * 100%);width:1px;background:rgba(38,48,27,.5);opacity:calc(var(--a) * (1 - var(--a)) * 4)}
.story__pins{position:absolute;inset:0;transform:scale(var(--z));transform-origin:55% 60%;pointer-events:none}
.pin{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);display:flex;align-items:center;gap:10px;opacity:clamp(0, calc((var(--c) - var(--t)) * 4), 1);transform:translateY(calc((1 - clamp(0, calc((var(--c) - var(--t)) * 4), 1)) * 10px))}
.pin i{flex:none;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 4px rgba(191,106,40,.25)}
.pin>span{margin-top:-7px;padding:6px 11px;border-radius:2px;background:rgba(241,241,235,.94);color:var(--olive-deep);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 20px -10px rgba(0,0,0,.35);transition:background .4s,color .4s}
.story__stage.is-photo .pin>span{background:rgba(26,31,21,.78);color:#fff}
/* Infos intégrées à la photo : pastilles discrètes en bas à droite, même style que les étiquettes, visibles avec le rendu réel */
.story__cart{--o:clamp(0, calc((var(--b) - .6) * 2.5), 1);position:absolute;right:14px;bottom:14px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;pointer-events:none;opacity:var(--o);transform:translateY(calc((1 - var(--o)) * 10px))}
.story__cart span{display:flex;align-items:center;gap:8px;padding:6px 11px;border-radius:2px;background:rgba(26,31,21,.78);color:#fff;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 20px -10px rgba(0,0,0,.35)}
.story__cart span::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--copper-hi)}
.story__foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 40px;align-items:center}
.story__caps{position:relative;min-height:5.2em}
.story__cap{position:absolute;inset:0 auto auto 0;max-width:62ch;opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.story__cap.on{opacity:1;transform:none}
.story__cap h3{font-size:clamp(1.3rem,2vw,1.7rem);margin-bottom:4px;color:#fff}
.story__cap p{color:var(--on-dark-muted);font-size:.95rem}
.story__steps{display:flex;gap:6px;align-items:center}
.story__steps button{background:none;border:0;padding:8px 0;cursor:pointer;display:flex;flex-direction:column;gap:8px;color:var(--on-dark-muted);font:500 .68rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;width:clamp(70px,9vw,120px);text-align:left}
.story__steps i{display:block;height:2px;background:rgba(220,210,190,.2);position:relative;overflow:hidden}
.story__steps i::after{content:"";position:absolute;inset:0;background:var(--copper-hi);transform-origin:left;transform:scaleX(var(--f,0))}
.story__steps button.on{color:#fff}
.story__cta{opacity:0;pointer-events:none;transform:translateY(10px);transition:all .6s var(--ease)}
.story.end .story__cta{opacity:1;pointer-events:auto;transform:none}
@media (max-width:760px){
  .story{height:300vh}
  .story__stage{width:100%;aspect-ratio:1/1;max-height:calc(100svh - 330px)}
  .story__cart{left:10px;right:10px;bottom:10px;justify-content:center;gap:6px}
  .story__cart span{gap:6px;padding:5px 8px;font-size:.58rem;letter-spacing:.08em}
  .pin{left:calc((var(--x) - 21.875) * 1.7778%)}
  .story__foot{grid-template-columns:minmax(0,1fr)}
  .story__steps button{width:auto;flex:1}
  .story__steps{width:100%}
  .story__caps{min-height:7.4em}
  .story__head h2{font-size:1.5rem}
  .story__head .story__cta{display:none}
}
@media (prefers-reduced-motion:reduce){
  .story{height:auto}
  .story__pin{position:relative;height:auto}
}

/* ===== (1) Split-line title reveal ===== */
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.split .w>span{display:inline-block;transform:translateY(110%) rotate(5deg);transform-origin:0 100%;transition:transform 1.1s var(--ease);transition-delay:calc(var(--i) * 60ms)}
.split.in .w>span{transform:none}

/* ===== (2) Horizontal pinned gallery ===== */
.hgal{position:relative;background:var(--stone)}
.hgal__pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(22px,4.5vh,48px);overflow:hidden;padding-top:116px}
.hgal__pin>.wrap{width:100%}
.hgal__head{display:flex;justify-content:space-between;align-items:end;gap:18px 40px;flex-wrap:wrap}
.hgal__head .h2{font-size:clamp(1.8rem,3.6vw,3rem)}
.hgal__head>div:first-child{max-width:min(100%,680px)}
.hgal__meta{display:grid;gap:10px;justify-items:end;min-width:200px}
.hgal__meta .num{font-size:.9rem;color:var(--muted)}
.hgal__meta b{font-family:var(--f-display);font-weight:400;font-size:2.4rem;color:var(--ink);line-height:1}
.hgal__meta small{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hgal__bar{display:block;width:200px;height:2px;background:var(--line);overflow:hidden}
.hgal__bar i{display:block;height:100%;background:var(--copper);transform-origin:left;transform:scaleX(var(--gp,0))}
.hgal__track{display:flex;align-items:center;gap:clamp(14px,2vw,30px);width:max-content;padding-inline:max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter)));will-change:transform}
.hitem{flex:none;position:relative;overflow:hidden;border:0;padding:0;margin:0;cursor:zoom-in;background:var(--sand);height:min(56vh,540px);border-radius:var(--radius);font:inherit;color:inherit}
.hitem.w{aspect-ratio:16/10}.hitem.q{aspect-ratio:4/3;height:min(44vh,420px)}.hitem.p{aspect-ratio:3/4;height:min(60vh,580px)}
.hitem img{width:100%;height:100%;object-fit:cover;transform:translate3d(var(--hx,0px),0,0) scale(1.18);transition:filter .6s}
.hitem:hover img{filter:brightness(1.06)}
.hitem__cap{position:absolute;left:0;right:0;bottom:0;display:flex;gap:12px;align-items:baseline;padding:28px 16px 14px;background:linear-gradient(0deg,rgba(20,26,14,.7),transparent);color:#fff;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;text-align:left}
.hitem__cap i{font-style:normal;font-family:var(--f-display);font-size:1.2rem;letter-spacing:0;color:var(--copper-hi)}
.hitem:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
@media (max-width:760px){.hitem{height:46vh}.hitem.q{height:34vh}.hitem.p{height:48vh}.hgal__meta{justify-items:start}.hgal__bar{width:140px}}

/* ===== (3) Floor plans ===== */
.typo__media figcaption{bottom:auto;top:16px}
.plan{position:absolute;right:14px;bottom:14px;width:min(50%,320px);background:rgba(251,251,247,.97);padding:10px 12px 6px;border-radius:2px;box-shadow:0 18px 40px -16px rgba(26,31,21,.45);opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .8s var(--ease)}
.plan.drawn{opacity:1;transform:none}
.plan[role=button]{cursor:zoom-in}
.plan.drawn[role=button]:hover{transform:translateY(-3px);box-shadow:0 24px 48px -16px rgba(26,31,21,.55)}
.plan:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
.plan__hd>span{margin-right:auto}
.plan__zoom{display:inline-flex;align-items:center;gap:5px;font-style:normal;color:var(--copper)}
.plan__zoom svg{width:13px;height:13px}
.plan__img{display:block;width:100%;height:auto;object-fit:contain}
.plan__hd{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:4px}
.plan__hd b{font-family:var(--f-display);font-weight:400;font-size:1rem;letter-spacing:0;text-transform:none;color:var(--copper)}
.plan svg{width:100%;height:auto;display:block}
.plan .pw,.plan .pi,.plan .pwin{fill:none;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:square}
.plan .pw{stroke:var(--ink);stroke-width:5;transition:stroke-dashoffset 1.8s var(--ease) .2s}
.plan .pi{stroke:var(--ink);stroke-width:2.6;transition:stroke-dashoffset 1.2s var(--ease) .9s}
.plan .pwin{stroke:var(--copper);stroke-width:5;transition:stroke-dashoffset 1s var(--ease) 1.5s}
.plan .pd{fill:none;stroke:var(--copper);stroke-width:1;opacity:0;transition:opacity .6s 1.9s}
.plan .pb{fill:none;stroke:var(--olive);stroke-width:1;stroke-dasharray:4 3;opacity:0;transition:opacity .6s 1.7s}
.plan .pl{font-family:var(--f-body);fill:var(--ink);opacity:0;transform:translateY(6px);transform-box:fill-box;transition:opacity .5s,transform .5s var(--ease);transition-delay:calc(2s + var(--i) * 90ms)}
.plan .pa{fill:var(--copper);font-size:10px}
.plan.drawn .pw,.plan.drawn .pi,.plan.drawn .pwin{stroke-dashoffset:0}
.plan.drawn .pd,.plan.drawn .pb{opacity:1}
.plan.drawn .pl{opacity:1;transform:none}
@media (max-width:760px){.plan{width:62%;right:8px;bottom:8px;padding:6px 8px 4px}.plan__zoom{font-size:0}}

@media (prefers-reduced-motion:reduce){
  .split .w>span{transform:none}
  .hgal{height:auto!important}.hgal__pin{position:relative;height:auto;padding-block:80px}
  .hgal__track{overflow-x:auto;width:auto;transform:none!important}
  .plan{opacity:1;transform:none}.plan .pw,.plan .pi,.plan .pwin{stroke-dashoffset:0}.plan .pd,.plan .pb,.plan .pl{opacity:1;transform:none}
}

@media (min-width:1181px) and (max-width:1360px){
  .hdr__tel span{display:none}
  .hdr__tel{width:48px;height:48px;justify-content:center;border:1px solid currentColor;border-radius:50%}
}
@media (max-width:1180px){
  .burger{display:block;margin-left:0}
  .hdr nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--paper);color:var(--ink);padding:8px var(--gutter) 22px;box-shadow:0 20px 40px -20px rgba(0,0,0,.3);transform:translateY(-12px);opacity:0;pointer-events:none;transition:all .35s var(--ease)}
  .hdr nav a{padding:16px 0;border-bottom:1px solid var(--line);font-size:1rem;opacity:1}
  .menu-open .hdr{background:var(--paper);color:var(--ink)}
  .menu-open .hdr .logo-light{display:none}.menu-open .hdr .logo-dark{display:block}
  .menu-open .hdr nav{transform:none;opacity:1;pointer-events:auto}
  .hdr__tel{margin-left:auto}
}
@media (max-width:1080px){
}
@media (max-width:900px){
  .hero__grid,.typo,.loc,.final__grid,.sec__head{grid-template-columns:minmax(0,1fr)}
  .hero{min-height:auto}
  .hero__grid{padding-block:130px 48px}
  .hero::before{background:linear-gradient(180deg,rgba(20,26,14,.6) 0%,rgba(20,26,14,.35) 30%,rgba(20,26,14,.9) 70%,rgba(20,26,14,.96) 100%)}
  .hero__scroll{display:none}
  .gal{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(110px,26vw,190px)}
  .g1{grid-column:span 6;grid-row:span 2}.g2,.g3,.g4,.g5,.g6,.g7,.g8{grid-column:span 3;grid-row:span 1}.g9{grid-column:span 6;grid-row:span 2}
}
@media (max-width:760px){
  body{font-size:16px}
  .hdr__tel span,.hdr .btn{display:none}
  .hdr__in,.hdr.is-solid .hdr__in{height:98px;gap:12px}
  .hdr__logo img,.hdr.is-solid .hdr__logo img{height:84px}
  .hdr__tel{width:48px;height:48px;justify-content:center;border:1px solid currentColor;border-radius:50%;opacity:.9}
  .form .row{grid-template-columns:minmax(0,1fr)}
  .fab{right:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .fab__toggle{width:52px;height:52px}
  .fab__menu{right:2px}
  .lb .pv,.lb .nx{top:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));translate:none}
  .lb__cap{bottom:calc(74px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* reCAPTCHA : place réservée pour la case (évite le décalage du formulaire à son apparition) */
.rc{min-height:78px;max-width:100%;overflow:hidden}
.lead-card.is-docked .rc{transform:scale(.9);transform-origin:0 0;min-height:70px;margin-bottom:-8px}
/* Sélecteur de langue (liste déroulante FR / AR), bouton « FR » discret */
.lang-sel{position:relative;align-self:center;font:400 .78rem/1 var(--f-body);letter-spacing:.12em}
.lang-sel summary{display:inline-flex;align-items:center;gap:5px;padding:6px 2px;border:0;cursor:pointer;list-style:none;user-select:none;opacity:.6;transition:opacity .2s}
.lang-sel summary::after{content:"";width:4px;height:4px;border:solid currentColor;border-width:0 1px 1px 0;transform:translateY(-2px) rotate(45deg)}
.lang-sel summary:hover,.lang-sel[open] summary{opacity:.95}
.lang-sel summary::-webkit-details-marker{display:none}
.lang-sel summary:focus-visible{outline:1px solid currentColor;outline-offset:2px;border-radius:3px}
.lang-sel__menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60;min-width:80px;margin:0;padding:4px;list-style:none;background:var(--paper);color:var(--ink);border-radius:4px;box-shadow:0 10px 26px -12px rgba(0,0,0,.3)}
.hdr nav .lang-sel__menu a{display:block;padding:8px 10px;border:0;border-radius:3px;color:var(--ink);font-size:.78rem;opacity:.75}
.hdr nav .lang-sel__menu a::after{display:none}
.lang-sel__menu a:hover,.lang-sel__menu a:focus-visible{background:rgba(96,109,56,.08);opacity:1}
.hdr nav .lang-sel__menu a.is-on{font-weight:500;opacity:1}
@media (max-width:1180px){
  /* Dans le menu mobile, la liste s'ouvre sous le bouton, dans le flux */
  .lang-sel{margin-top:10px;align-self:flex-start}
  .lang-sel__menu{position:static;margin-top:8px;box-shadow:none;border:1px solid var(--line)}
}