.garden:is([data-state="reading"],[data-state="recovering"]) .garden-surface{
  background:#242a22 url("./dossier/maison-avant-apres.svg") center / min(93vw, 940px) auto no-repeat;
}
[data-state="reading"] .garden-fallback{inset:auto 7% 16%;text-align:center}
[data-state="reading"] .garden-caption,[data-state="reading"] .vp-bottom-navigation,
[data-mode="visit"] .tilleuls-progress,[hidden]{display:none!important}
nav.vp-bottom-navigation{position:absolute;left:50%;bottom:max(17px,env(safe-area-inset-bottom));transform:translateX(-50%)}
.tilleuls-progress{position:absolute;bottom:max(96px,calc(84px + env(safe-area-inset-bottom)));left:50%;transform:translateX(-50%);width:min(230px,62vw);pointer-events:none}
.tilleuls-panel-actions{margin-top:8px}
.tilleuls-finishes{display:grid;gap:10px;margin:20px 0 12px}
.tilleuls-finishes button{display:grid;grid-template-columns:66px 1fr 19px;align-items:center;gap:14px;width:100%;padding:8px 13px 8px 8px;min-height:72px;border:1px solid #ffffff40;border-radius:16px;background:#fff1;color:inherit;text-align:left;font:inherit;cursor:pointer}
.tilleuls-finishes button[aria-pressed="true"]{background:#ffffff31;border-color:#fff8}
.tilleuls-finishes button:not([aria-pressed="true"]) svg{visibility:hidden}
.tilleuls-finishes button:hover{background:#ffffff29}
.tilleuls-finishes .material-sample{width:66px;height:53px;border:1px solid #fff5;border-radius:10px;background-size:cover;background-position:center}
.tilleuls-finishes strong,.tilleuls-finishes small{display:block}
.tilleuls-finishes small{margin-top:4px;color:#f4eddd;font-size:.72rem}
.tilleuls-message:empty{display:none}
.tilleuls-point{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;background:#303a328e;color:#fff;border:1px solid #fffd;border-radius:50%;backdrop-filter:blur(5px);cursor:pointer}
.tilleuls-point:focus-visible{outline:2px solid white;outline-offset:3px}
.tilleuls-point svg{width:18px;height:18px}
.tilleuls-panel ul{font-size:.75rem;line-height:1.7}
.tilleuls-panel a{color:inherit}
@media(max-width:760px){.tilleuls-progress{bottom:max(88px,calc(79px + env(safe-area-inset-bottom)))}}

.tilleuls-actions{position:absolute;inset:0;pointer-events:none}
.tilleuls-actions button{pointer-events:auto}
.tilleuls-point:hover::after,.tilleuls-point:focus-visible::after{content:attr(aria-label);position:absolute;bottom:52px;width:max-content;max-width:180px;background:#26332ce6;border:1px solid #fff5;border-radius:12px;padding:8px 12px;font:12px Manrope,sans-serif;pointer-events:none}
.tilleuls-rise{position:absolute;right:24px;bottom:116px;background:#29382bce;border:1px solid #fff9;color:white;border-radius:22px;padding:12px 22px;min-height:44px;font:14px Manrope,sans-serif;cursor:pointer}
.tilleuls-feedback{position:absolute;top:100px;right:24px;max-width:300px;padding:10px 15px;background:#26332cce;color:white;border-radius:14px;font:12px Manrope,sans-serif;pointer-events:none}
.tilleuls-feedback:empty{display:none}
[data-seated] .garden-caption h1{font-size:clamp(30px,4vw,54px)}
@media(max-width:760px){.tilleuls-feedback{top:85px;right:14px;max-width:230px}.tilleuls-rise{right:14px;bottom:108px}.garden-caption{pointer-events:none}}

.garden-shade{background:linear-gradient(0deg,#101b1499,transparent 29%),linear-gradient(180deg,#15201833,transparent 16%)}
.garden-caption{text-shadow:0 2px 12px #101b14b0}