/* Expérience « Une maison, deux saisons » — tout est préfixé .pac, aucune règle globale */
.pac{position:relative;height:680vh;background:#0c1712;color:#fff}
.pac__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#0c1712}
.pac__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;background:#0c1712}
.pac__scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(5,12,10,.62),rgba(5,12,10,0) 42%)}

.pac__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)}

.pac__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.2rem 1.4rem 1.3rem;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}
.pac__chapter.is-first{opacity:1;visibility:visible}
.pac__title{margin:0;font-family:inherit;font-weight:600;font-size:clamp(1.55rem,3.4vw,2.6rem);line-height:1.12;letter-spacing:-.01em}

.pac__chapter--sign{text-align:center;max-width:27rem}
.pac__brand{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.9rem}
.pac__brand-mark{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.4))}
.pac__brand-name{font-size:1.15rem;font-weight:700;color:var(--signal,#D5B98B)}
.pac__ctas{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;justify-content:center}
.pac__btn{display:inline-block;text-decoration:none;font-weight:600;padding:.7rem 1.15rem;border-radius:3px;
  background:var(--signal,#D5B98B);color:#0C252B;border:2px solid var(--signal,#D5B98B)}
.pac__btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}

.pac__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}
.pac__steps button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:.6rem;
  font-size:.82rem;color:#fff;padding:.25rem .35rem;border-radius:6px}
.pac__steps span{opacity:0;transition:opacity .25s;background:rgba(12,23,18,.65);padding:.15rem .5rem;border-radius:4px}
.pac__steps i{width:9px;height:9px;border-radius:50%;border:2px solid #fff;background:transparent;transition:transform .25s,background .25s}
.pac__steps button.is-on i{background:var(--signal,#D5B98B);border-color:var(--signal,#D5B98B);transform:scale(1.25)}
.pac__steps button.is-on span,.pac__steps button:hover span,.pac__steps button:focus-visible span{opacity:1}
.pac__steps button:focus-visible,.pac__btn:focus-visible{outline:2px solid var(--signal,#D5B98B);outline-offset:3px}

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