/* Expérience « Création de jardins » — tout est préfixé .jardin, aucune règle globale */
.jardin{position:relative;height:720vh;background:#0c1712;color:#fff}
.jardin__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#0c1712}
.jardin__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0c1712}
.jardin__notes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}
.jardin__notes line{stroke:#fff;stroke-width:1.6;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
.jardin__notes circle.dot{fill:#fff}
.jardin__notes circle.halo{fill:none;stroke:#fff;stroke-width:1.5}
.jardin__notes path.whole{stroke:#fff;stroke-width:1.6;fill:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
.jardin__tag{position:absolute;left:0;top:0;transform:translate(-50%,-100%);padding:.45rem .8rem;border-radius:999px;
  background:rgba(255,255,255,.95);color:#18312D;font-weight:600;font-family:Inter,system-ui,sans-serif;font-size:.95rem;
  white-space:nowrap;opacity:0;box-shadow:0 4px 18px rgba(0,0,0,.25);pointer-events:none;z-index:2}
.jardin__tag--big{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(1.1rem,2.6vw,1.6rem);padding:.55rem 1.1rem}

.jardin__hint{position:absolute;left:50%;top:calc(var(--header-h,74px) + 1rem);transform:translateX(-50%);margin:0;z-index:2;
  background:rgba(12,23,18,.55);padding:.4rem .9rem;border-radius:999px;font-size:.88rem;color:#fff;white-space:nowrap;
  transition:opacity .4s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

.jardin__chapter{position:absolute;left:clamp(1rem,4vw,3rem);bottom:calc(env(safe-area-inset-bottom,0px) + clamp(1.25rem,6vh,3.5rem));
  max-width:31rem;padding:1.3rem 1.4rem 1.4rem;background:rgba(12,23,18,.62);color:#fff;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:4px;opacity:0;visibility:hidden;
  will-change:opacity,transform;z-index:2}
.jardin__chapter.is-first{opacity:1;visibility:visible}
.jardin__title{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(1.75rem,3.6vw,2.9rem);line-height:1.12}
.jardin__text{margin:.7rem 0 0;color:#D8E4E3;font-size:1rem;max-width:34ch}
.jardin__ctas{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}
.jardin__btn{display:inline-block;text-decoration:none;font-family:Inter,system-ui,sans-serif;font-weight:600;
  padding:.7rem 1.15rem;border-radius:3px;background:#D7A84E;color:#18312D;border:2px solid #D7A84E}
.jardin__btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}

.jardin__chapter--sign{text-align:center;max-width:26rem}
.jardin__brand{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.9rem}
.jardin__brand-mark{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.4))}
.jardin__brand-name{font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;color:#D7A84E}
.jardin__chapter--sign .jardin__ctas{justify-content:center}

.jardin__steps{position:absolute;right:clamp(.75rem,2.5vw,2rem);top:50%;transform:translateY(-50%);z-index:2;
  list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.jardin__steps button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:.6rem;
  font-family:Inter,system-ui,sans-serif;font-size:.82rem;color:#fff;padding:.25rem .35rem;border-radius:6px}
.jardin__steps span{opacity:0;transition:opacity .25s;background:rgba(12,23,18,.65);padding:.15rem .5rem;border-radius:4px}
.jardin__steps i{width:9px;height:9px;border-radius:50%;border:2px solid #fff;background:transparent;transition:transform .25s,background .25s}
.jardin__steps button.is-on i{background:#D7A84E;border-color:#D7A84E;transform:scale(1.25)}
.jardin__steps button.is-on span,.jardin__steps button:hover span,.jardin__steps button:focus-visible span{opacity:1}
.jardin__steps button:focus-visible,.jardin__btn:focus-visible{outline:2px solid #D7A84E;outline-offset:3px}

@media (max-width:640px){.jardin__chapter{right:1rem;padding:1.05rem 1.1rem 1.15rem}.jardin__steps{top:calc(var(--header-h,70px) + 4.5rem);transform:none}.jardin__steps span{display:none}}
@media (prefers-reduced-motion:reduce){.jardin__chapter{transition:none}}