@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#193b2d;--paper:#f4f5ed;--lime:#c9ed8b;font-family:Manrope,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:#eeeae1;color:var(--ink)}button,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button,a,select{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #25563d;outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,p{margin:0}
.header{position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;gap:25px;padding:27px 3.8vw;background:none}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand img{width:53px;height:53px;border-radius:50%;background:white;padding:4px}.brand>span{font-size:27px;font-weight:800;letter-spacing:-1.1px}.brand small{display:block;font-size:7px;letter-spacing:1.7px;font-weight:700;margin-top:2px}
.top-nav{display:flex;justify-content:flex-end;align-items:center;gap:clamp(16px,2.2vw,34px);margin-left:auto}.top-nav a{font-size:clamp(12px,1vw,15px);font-weight:600;padding:10px 0;position:relative;white-space:nowrap}.top-nav a:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.top-nav a:hover:after,.top-nav a[aria-current]:after{transform:scaleX(1)}.lang-wrap select{border:0;background:transparent;font-size:11px;padding:10px 0;cursor:pointer}#menu-toggle{display:none}
#showroom{position:relative;min-height:100svh}#showroom-scene{position:absolute;inset:0;overflow:hidden}#poster{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(.3px)}.hotspots{position:absolute;inset:0;pointer-events:none}
.salon-intro{position:absolute;top:clamp(125px,18vh,200px);left:3.8vw;z-index:2;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.2px;line-height:1.7;font-weight:700;color:#28553b}.salon-intro h1{font-size:clamp(30px,3.2vw,54px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin-top:17px;max-width:570px;text-shadow:0 1px 15px #f4eedc50}
.salon-bottom{position:absolute;bottom:29px;left:3.8vw;right:3.8vw;display:flex;justify-content:space-between;align-items:end;gap:25px;z-index:2}.salon-bottom p{font-size:11px;margin-top:10px;line-height:1.8}.all-link{display:flex;align-items:center;gap:32px;font-size:12px;border-bottom:1px solid #193b2d66;padding:10px 0;white-space:nowrap}.all-link>span:last-child{font-size:22px}.touch-hint{display:none}.panel-open{overflow:hidden}
dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(660px,100%);max-width:100%;height:100%;max-height:100%;border:0;background:#eef0e7;color:var(--ink);padding:0;overflow:auto;box-shadow:-25px 0 80px #0004}dialog::backdrop{background:#07100bd1;backdrop-filter:blur(10px)}.panel{padding:75px 55px 50px;min-height:100%}.close-button{position:absolute;top:23px;right:28px;font-size:28px;font-weight:400;width:40px;height:40px;border:1px solid #172b1933;border-radius:50%;line-height:1}.panel .eyebrow{color:#587633}.panel h2{font-size:42px;font-weight:500;letter-spacing:-2px;line-height:1.12;margin:24px 0}.panel .lead{font-size:14px;line-height:1.9;color:#5b675d}.panel-image{width:100%;aspect-ratio:16/9;object-fit:cover;margin:25px 0}.steps{padding:0;list-style:none;margin:25px 0}.steps li{display:flex;gap:18px;border-top:1px solid #11241a22;padding:18px 0;line-height:1.6;font-size:13px}.steps li span{color:#789454;font-size:11px;min-width:20px}.panel-note{font-size:11px;line-height:1.8;color:#6c756a;border-left:2px solid #a0b47d;padding-left:14px;margin:25px 0}.solid-button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;background:var(--ink);color:var(--paper);padding:18px 22px;font-size:12px;margin-top:26px}.solid-button:hover{background:#31432a}.solution-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#22341e33;margin-top:30px;border:1px solid #22341e33}.solution-list button{background:#eef0e7;padding:22px;text-align:left;min-height:115px;font-size:15px;display:flex;flex-direction:column;justify-content:space-between;gap:15px}.solution-list button span{font-size:9px;color:#6f8856}.solution-list button:hover{background:#e1e8d5}.request-form{display:grid;gap:18px;margin-top:28px}.request-form label{display:grid;gap:8px;font-size:11px}.request-form input,.request-form textarea,.request-form select{width:100%;padding:13px 15px;background:#fff6;color:var(--ink);border:1px solid #24332040;border-radius:0;font-size:14px;resize:vertical}.request-form select option{color:var(--ink);background:#eef0e7}.request-form input:focus,.request-form textarea:focus{outline:1px solid #648640}.request-form .solid-button{margin-top:0}.draft-result{padding:20px;background:#e0e8d5;font-size:12px;line-height:1.8;white-space:pre-wrap}.draft-actions{display:flex;gap:25px;flex-wrap:wrap;margin-top:20px}.draft-actions button{color:#324f24;text-decoration:underline;font-size:12px}.back-panel{font-size:11px;padding:0;color:#5b6b52}.skip-link{position:fixed;top:5px;left:5px;z-index:100;transform:translateY(-150%);background:var(--paper);color:var(--ink);padding:10px}.skip-link:focus{transform:none}.noscript{padding:150px 10vw;font-size:24px}
.hotspot{position:absolute;display:block;width:0;height:0;padding:0;border:0;background:transparent;pointer-events:auto;cursor:pointer}
.hotspot:focus-visible{outline:2px solid #326145;outline-offset:2px}
/* The showroom remains bright behind every detail panel. */
dialog{box-shadow:-10px 0 45px #17351f14;background:#f4f3ed}dialog::backdrop{background:rgba(245,242,232,.08);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.solution-list a{background:#f4f3ed;padding:22px;min-height:115px;display:flex;flex-direction:column;justify-content:space-between;gap:15px;font-size:15px}.solution-list a:hover{background:#e2e9d9}.solution-list a span{font-size:10px;color:#52733d}.back-panel{display:inline-block;margin-top:25px}.panel-note{font-size:12px}.panel .lead{font-size:15px}
@media(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:block}}
@media(max-width:1100px){.header{padding:22px 3vw;gap:18px}.brand>span{font-size:23px}.brand img{width:44px;height:44px}.brand small{font-size:6px}.top-nav{gap:16px}.top-nav a{font-size:11px}.salon-intro{left:3vw}.salon-bottom{left:3vw;right:3vw}}
@media(max-width:900px){
body{background:#f0ece3}.header{position:relative;min-height:90px;flex-wrap:wrap;gap:14px;padding:20px 5vw}.brand{margin-right:auto}#menu-toggle{display:block;font-size:12px;padding:10px 0}.lang-wrap{order:2}#menu-toggle{order:3}.top-nav{order:4;display:none;flex-wrap:wrap;justify-content:flex-start;width:100%;gap:7px 22px;margin:0}.top-nav.is-open{display:flex}.top-nav a{font-size:13px}
#showroom{min-height:0;padding-top:165px}.salon-intro{top:25px;left:5vw}.salon-intro h1{font-size:36px;margin-top:12px}.salon-intro .eyebrow{font-size:8px}
#showroom-scene{position:relative;inset:auto;width:100%;aspect-ratio:1672/941}#poster{object-fit:contain;filter:blur(.15px)}.salon-bottom{position:relative;inset:auto;margin:27px 5vw 35px;display:flex;align-items:start}.salon-bottom .eyebrow{font-size:8px}.salon-bottom p{max-width:280px;font-size:11px}.desktop-hint{display:none}.touch-hint{display:block}dialog{width:min(580px,100%)}.panel{padding:75px 28px 35px}.panel h2{font-size:35px}.panel .lead{font-size:14px}.solution-list a{padding:18px;font-size:14px}
}
@media(max-width:520px){.salon-bottom{display:block}.all-link{display:inline-flex;margin-top:20px}.salon-intro h1{font-size:34px}.brand small{letter-spacing:1.2px}.header{gap:18px}.panel h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* White lettering over the photograph, without dimming the showroom. */
@media(min-width:901px){
 .header,.salon-intro,.salon-bottom{color:#fff;text-shadow:0 1px 3px #17291dcc,0 2px 12px #17291d80}
 .salon-intro .eyebrow,.salon-bottom .eyebrow{color:#fff}
 .salon-intro h1{color:#fff;text-shadow:0 2px 5px #17291da6,0 4px 18px #17291d59}
 .all-link{border-bottom-color:#ffffffa6}
 .lang-wrap select{color:#fff;text-shadow:0 1px 3px #17291dcc}
 .lang-wrap option{color:var(--ink);background:#f4f3ed;text-shadow:none}
 .header a:focus-visible,.header select:focus-visible,.salon-bottom a:focus-visible{outline-color:#fff}
}

/* Keep both reception and window lounge visible on taller laptop displays. */
@media(min-width:901px) and (max-aspect-ratio:16/9){#poster{object-fit:contain}#showroom-scene{background:#d5c6b1}}

/* The contacts the request button opens (ours, not in the handover). */
.panel-contact{margin-top:26px;padding-top:28px;border-top:1px solid #11241a22}.panel-contact h3{font-size:30px;font-weight:500;letter-spacing:-1.2px;line-height:1.15;margin:20px 0}.panel-contact h3:focus{outline:none}
.contact-details{list-style:none;padding:0;margin:25px 0 0}.contact-details li{display:flex;flex-direction:column;gap:5px;border-top:1px solid #11241a22;padding:16px 0}.contact-details span{font-size:9px;letter-spacing:2.2px;font-weight:700;text-transform:uppercase;color:#789454}.contact-details a{font-size:17px;font-weight:600;overflow-wrap:anywhere}.contact-details a:hover{color:#587633}