/* Maison des merveilles — architecture autonome de l’accueil, v97. */
:root{--ink:#293f48;--green:#355961;--cream:#fff9ed;--muted:#53636a;--line:#cfc5b2;--ochre:#a66b3d}html,body{height:100%;overflow:hidden}body.wonder-house{background:#f9eedb}header{position:fixed;inset:0 0 auto;background:#fff9edef;backdrop-filter:blur(16px);border-bottom:1px solid #c2ad8b55;z-index:30}.nav{height:82px;max-width:1800px;padding:0 4%;gap:20px}.logo{font-size:24px;color:#35545a}.logo small{font-size:8px;letter-spacing:1.6px}.navlinks{gap:22px;color:#374f55}.nav .btn{border-radius:30px;background:#355961;border-color:#355961}.demo-ribbon{position:fixed;top:88px;left:4%;z-index:28;border-radius:20px;font-size:9px;padding:4px 12px;background:#fff8e9de;color:#64523d;pointer-events:none}.house-room{position:absolute;inset:82px 0 0;overflow:auto;overscroll-behavior:contain;isolation:isolate;background:#f5e8ce;scrollbar-width:thin}.house-room[hidden]{display:none}.room-scenery{position:fixed;top:82px;left:0;width:100%;height:calc(100dvh - 82px);object-fit:cover;object-position:center;z-index:-3;pointer-events:none}.room-wash{position:fixed;inset:82px 0 0;z-index:-2;background:linear-gradient(90deg,#fff8e9f5 0%,#fff8e9e3 22%,#fff8e997 39%,#fff8e908 65%);pointer-events:none}.room-content{position:relative;width:52%;max-width:780px;min-height:calc(100dvh - 82px);padding:clamp(70px,12vh,140px) 30px 140px 8vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.room-kicker{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;font-weight:600;color:#7d5c39;margin-bottom:26px}.room-content h1,.room-content h2{font-size:clamp(44px,4.6vw,78px);line-height:1.04;letter-spacing:-2px;color:#294951;margin:0 0 24px;font-weight:500}.room-content em{color:#9a603e;font-weight:500}.room-content>p{color:#3c5259;font-size:16px;line-height:1.7;margin-bottom:30px;max-width:410px}.room-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.house-cta{border:1px solid #355961;background:#355961;color:#fffaf0;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:18px 26px;border-radius:12px;font-size:14px;box-shadow:0 5px 0 #23454d,0 12px 28px #23454d20;transition:transform .2s,box-shadow .2s}.house-cta:hover{transform:translateY(-3px);box-shadow:0 8px 0 #23454d,0 16px 30px #23454d25}.house-cta span{font-size:22px}.house-link{background:transparent;border:0;border-bottom:1px solid #6e8181;padding:8px 0;font-size:13px}.house-note,.prototype-note{font-size:11px;color:#4f6266;margin-top:24px;line-height:1.6;display:block}.room-location{position:absolute;right:8%;bottom:120px;padding:10px 18px;background:#fff8e9dd;border-radius:30px;color:#70543b;font:italic 18px var(--serif)}.house-nav{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px;background:#fffaefed;backdrop-filter:blur(18px);border:1px solid #b7a08266;border-radius:24px;padding:10px 12px;z-index:25;box-shadow:0 10px 35px #51371e20}.house-nav>button{background:#e8d8bd;color:#355961;border:0;border-radius:50%;width:42px;height:42px;font-size:22px}.house-nav-center{text-align:center;min-width:160px}.house-nav-center>span{font-size:9px;letter-spacing:2px;color:#765d42;display:block}.house-nav-center strong{font:21px var(--serif);color:#294951}.house-nav button:disabled{opacity:.25}#houseDots{display:flex;justify-content:center;gap:7px;margin:5px 0 0}#houseDots button{border:0;width:16px;height:12px;padding:4px;background:transparent;display:grid;place-items:center}#houseDots button:after{content:'';height:4px;width:4px;background:#baa78a;border-radius:50%}#houseDots button[aria-current=true]:after{width:13px;border-radius:4px;background:#355961}.theatre-room .room-wash{background:linear-gradient(0deg,#18263044,transparent 50%)}.theatre-room .room-scenery{object-position:center}.theatre-room .room-content{align-items:center;text-align:center;max-width:none;width:100%;padding:70px 20px 170px;justify-content:center}.theatre-room .room-kicker{background:#fff1d9eb;padding:7px 15px;border-radius:20px;margin-bottom:18px}.theatre-room h2{color:#fff4da;text-shadow:0 2px 24px #10273e;font-size:clamp(40px,4.5vw,76px)}.theatre-room h2 em{color:#ffe3a7}.theatre-room .room-content>p{color:#fff5de;text-shadow:0 1px 10px #10273e;background:#17314a99;border-radius:12px;padding:10px 20px;font-size:14px;margin-bottom:20px}.theatre-room .house-cta{background:#ffedc8;color:#394c51;border-color:#e9c887;box-shadow:0 5px 0 #a67b45}.house-steps{list-style:none;padding:0;margin:0 0 26px;max-width:410px;display:grid;gap:20px}.house-steps li{display:flex;gap:17px}.house-steps li>span{color:#a26c43;font:italic 28px var(--serif);border-right:1px solid #bf9d6d;padding-right:15px}.house-steps b{font-size:14px;color:#294951}.house-steps p{margin:3px 0 0;font-size:12px;line-height:1.6;color:#4b6267}.sample-books{display:flex;gap:23px;margin-top:6px}.sample-books a{width:150px;transition:transform .3s}.sample-books a:hover{transform:translateY(-8px) rotate(-2deg)}.sample-books img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px 8px 8px 3px;box-shadow:7px 9px 0 #dfd3bb,9px 13px 24px #533a3833;border-left:4px solid #a59b81}.sample-books span{font-size:12px;display:block;line-height:1.5;margin-top:17px}.sample-books b{display:block;font-size:10px;color:#8b573c;margin-top:4px}.salon-room .room-content{width:57%;max-width:820px;padding-top:70px}.salon-room h2{font-size:clamp(38px,4vw,62px)}.house-faq{width:100%;background:#fffaf2ed;border:1px solid #dccbb0;border-radius:18px;padding:3px 22px;box-shadow:0 10px 30px #553b1f12}.house-faq details{padding:13px 0;border-color:#ddcfba}.house-faq details:last-child{border:0}.house-faq summary{font-size:13px;color:#294951;align-items:center}.house-faq p{font-size:12px;color:#45585e}.house-footer{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px;font-size:10px;color:#405a60}.house-footer button{border:0;background:none;padding:0;font-size:10px;text-decoration:underline}.overlay{z-index:100}.modal{border-radius:20px;background:#fffaf1}.mobile-nav{background:#fff9ed}.theatre-proscenium[hidden]{display:none!important}
@media(min-width:1600px){.room-content{padding-left:10vw;width:53%;max-width:900px}}
@media(max-width:1100px){.navlinks{display:none}.room-content{width:60%;padding-left:6vw}.room-wash{background:linear-gradient(90deg,#fff8e9f5,#fff8e9b0 45%,#fff8e900 80%)}.room-content h1,.room-content h2{font-size:56px}.salon-room .room-content{width:70%}}
@media(max-width:700px){.nav{height:72px;padding:0 18px;gap:8px}.logo{font-size:20px}.logo svg{width:25px;height:32px}.logo small{font-size:6px;letter-spacing:1px}.navright{gap:2px}.navright>.btn,.navright .label{display:none}.nav .mobilemenu{display:flex}.demo-ribbon{top:76px;left:10px;right:10px;font-size:8px;text-align:center}.house-room{top:72px;padding-top:43dvh;background:#fff5e4}.room-scenery{top:72px;height:50dvh;object-position:65% center}.room-wash{position:absolute;inset:0 0 auto;height:50dvh;background:linear-gradient(0deg,#fff5e4 0%,#fff5e400 35%)}.room-content,.salon-room .room-content{width:100%;max-width:none;min-height:0;padding:24px 26px 130px;display:block;background:#fff5e4;box-shadow:0 -12px 30px #fff5e4}.room-kicker{font-size:8px;letter-spacing:1.5px;margin-bottom:16px}.room-content h1,.room-content h2,.salon-room h2{font-size:43px;letter-spacing:-1.4px;margin-bottom:18px}.room-content>p{font-size:14px;margin-bottom:22px;max-width:none}.house-cta{font-size:13px;padding:15px 22px}.house-link{font-size:12px}.house-note{margin-top:20px}.house-nav{bottom:max(10px,env(safe-area-inset-bottom));padding:7px 9px;gap:15px;border-radius:22px}.house-nav-center{min-width:144px}.house-nav-center strong{font-size:18px}.house-nav>button{width:38px;height:38px}.room-location{display:none}.theatre-room{padding-top:44dvh}.theatre-room .room-scenery{height:50dvh;object-position:center}.theatre-room .room-wash{background:linear-gradient(0deg,#fff5e4,transparent 40%)}.theatre-room .room-content{padding:20px 26px 130px;background:#fff5e4;text-align:center}.theatre-room h2{color:#294951;text-shadow:none}.theatre-room h2 em{color:#9a603e}.theatre-room .room-kicker{background:transparent;padding:0}.theatre-room .room-content>p{background:none;color:#435a61;text-shadow:none;padding:0}.theatre-room .house-cta{background:#355961;color:#fff9ed;box-shadow:0 5px 0 #23454d;border-color:#355961}.sample-books{gap:25px}.sample-books a{width:min(40vw,170px)}.house-faq{padding:3px 16px}.house-footer{font-size:9px}.modal{padding:30px 20px}.overlay{padding:12px}.house-steps{margin-top:25px}}