.hotspot-experience{position:absolute;z-index:20;right:0;top:0;width:min(40rem,100%);height:100%;overflow:auto;overscroll-behavior:contain;background:#f2efe7;color:#1c1f19;box-shadow:-2rem 0 6rem #0000004d;animation:experience-in .5s cubic-bezier(.22,.8,.25,1);scrollbar-width:thin}.experience-close{position:sticky;z-index:2;float:right;top:1.4rem;margin-right:1.4rem;width:2.8rem;height:2.8rem;border:1px solid #aaa79e;border-radius:50%;background:#f2efe7e6;color:#222;font-size:1.25rem;cursor:pointer}.hotspot-experience>header{padding:clamp(4.2rem,8vw,6.5rem) clamp(2rem,7vw,5rem) 2rem}.hotspot-experience>header small,.hotspot-experience h3{font-size:.6rem;letter-spacing:.17em;text-transform:uppercase;color:#77786f}.hotspot-experience h2{max-width:12ch;margin:.9rem 0 .7rem;font:500 clamp(2.3rem,5vw,4.4rem)/.98 Manrope,sans-serif;letter-spacing:-.045em}.hotspot-experience>header p{color:#74766d;font-size:.76rem}.experience-content{padding:0 clamp(2rem,7vw,5rem) 5rem}.experience-content>div>section{padding:2rem 0;border-top:1px solid #cac8bf}.experience-content p{color:#55584f;font-size:.88rem;line-height:1.7;white-space:pre-line}.experience-lead{margin:0 0 3rem!important;font:400 1.12rem/1.55 Manrope,sans-serif!important;color:#2d302a!important}.experience-facts{display:grid;grid-template-columns:1fr 1fr;margin:1.3rem 0 0}.experience-facts div{padding:1rem 1rem 1rem 0;border-top:1px solid #d5d2c9}.experience-facts dt{color:#85877e;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.experience-facts dd{margin:.35rem 0 0;font-size:.84rem}.experience-uses{font-size:.72rem!important}.experience-gallery{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.hotspot-experience figure{margin:1rem 0}.hotspot-experience img,.hotspot-experience video{display:block;width:100%;height:auto;background:#dedbd2}.experience-gallery img{aspect-ratio:4/3;object-fit:cover}.hotspot-experience figcaption{margin-top:.55rem;color:#74766d;font-size:.65rem;line-height:1.45}.experience-audio{padding:1rem;border:1px solid #cac8bf}.experience-audio strong{display:block;margin-bottom:.8rem;font-size:.72rem}.experience-audio audio{display:block;width:100%}.experience-project{display:grid;grid-template-columns:7rem 1fr;gap:1.2rem;padding:1.1rem 0;border-top:1px solid #d3d0c7}.experience-project img{width:7rem;aspect-ratio:4/3;object-fit:cover}.experience-project small{color:#85877e;font-size:.55rem}.experience-project h4{margin:.35rem 0;font:500 1rem Manrope,sans-serif}.experience-project p{margin:.35rem 0;font-size:.75rem}.experience-document{display:grid;grid-template-columns:5rem 1fr auto;align-items:center;padding:1rem 0;border-top:1px solid #d3d0c7;color:inherit;text-decoration:none;font-size:.76rem}.experience-document span{font-size:.52rem;color:#7c7e74}.experience-cta{width:100%;margin-top:1.2rem;padding:1.15rem 1.25rem;border:0;background:#20231d;color:#fff;text-align:left;font:600 .77rem DM Sans,sans-serif;cursor:pointer}.experience-cta span{display:block;margin-top:.35rem;color:#c9cbc3;font-size:.62rem;font-weight:400}.hotspot-experience :focus-visible{outline:3px solid #ad8540;outline-offset:3px}@keyframes experience-in{0%{transform:translate(100%)}}@media(max-width:700px){.hotspot-experience{top:auto;bottom:0;height:min(82dvh,48rem);width:100%;border-radius:1rem 1rem 0 0;animation:experience-up .42s cubic-bezier(.22,.8,.25,1)}.hotspot-experience>header{padding-top:2rem}.experience-close{top:.8rem;margin-right:.8rem}.experience-gallery,.experience-facts{grid-template-columns:1fr}.experience-project{grid-template-columns:5rem 1fr}.experience-project img{width:5rem}}@keyframes experience-up{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.hotspot-experience{animation:none}.hotspot-experience *{scroll-behavior:auto!important}}.experience-audio>audio{display:none!important}.floor-marker{position:relative;display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.floor-marker .floor-marker__circle{position:static;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:#191b167a;box-shadow:0 0 0 .45rem #ffffff1a;transform:none;transition:transform .22s ease,background-color .22s ease,color .22s ease}.floor-marker .floor-marker__circle:after{content:none}.floor-marker__icon{display:block;width:1.15rem;height:1.15rem;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transform:none;transition:transform .22s ease}.floor-marker--back .floor-marker__icon{transform:rotate(180deg)}.floor-marker:hover .floor-marker__circle,.floor-marker:focus-visible .floor-marker__circle{background:#eee9dd;color:#141612;transform:scale(1.08)}.floor-marker:hover .floor-marker__icon,.floor-marker:focus-visible .floor-marker__icon{transform:translate(2px)}.floor-marker--back:hover .floor-marker__icon,.floor-marker--back:focus-visible .floor-marker__icon{transform:rotate(180deg) translate(2px)}@media(pointer:coarse){.floor-marker{width:5rem;height:5rem}}.showroom-brand{position:absolute;z-index:5;top:clamp(1.35rem,3vw,2.7rem);left:clamp(1.35rem,3vw,2.75rem);display:grid;justify-items:start;width:clamp(8.8rem,13vw,11rem);color:#f7f2e9;pointer-events:none}.showroom-brand__logo{display:block;width:100%;height:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.42)) drop-shadow(0 4px 12px rgba(0,0,0,.14))}.showroom-brand__subtitle{display:block;margin-top:.38rem;color:#f7efe2d6;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(.54rem,.6vw,.61rem);font-weight:450;line-height:1.2;letter-spacing:.115em;text-transform:none;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.72),0 3px 10px rgba(0,0,0,.28)}@media(max-width:640px){.showroom-brand{width:clamp(7rem,30vw,7.6rem)}.showroom-brand__subtitle{margin-top:.3rem;font-size:.49rem;letter-spacing:.085em}}@media(hover:hover)and (pointer:fine){.showroom-shell,.panorama,.panorama .psv-container,.panorama .psv-canvas-container{cursor:url(/brand/roof-cursor.svg) 14 3,grab}.panorama .psv-container:active,.panorama .psv-canvas-container:active{cursor:url(/brand/roof-cursor-action.svg) 14 3,grabbing}.showroom-shell button,.showroom-shell a,.psv-marker,.psv-marker button{cursor:url(/brand/roof-cursor-action.svg) 14 3,pointer}}.experience-loading{position:absolute;z-index:20;right:0;top:0;display:grid;place-items:center;width:min(34rem,100%);height:100%;padding:3rem;background:#f2efe7;color:#55584f;box-shadow:-2rem 0 6rem #0000004d}.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}.audio-controls{display:grid;grid-template-columns:2.4rem 1fr auto;align-items:center;gap:.8rem}.audio-controls button{width:2.4rem;height:2.4rem;border:1px solid #aaa79e;border-radius:50%;background:transparent;cursor:pointer}.audio-controls label,.audio-controls input{width:100%}.audio-controls time{color:#74766d;font-size:.6rem;font-variant-numeric:tabular-nums}.experience-related-materials{margin-top:1.5rem}.experience-related-materials article{padding:1rem 0;border-top:1px solid #d3d0c7}.experience-related-materials small{color:#85877e;font-size:.55rem}.experience-related-materials h4{margin:.35rem 0}.experience-related-materials p{margin:.35rem 0;font-size:.75rem}:root{font-family:DM Sans,Arial,sans-serif;color:#f4f2eb;background:#151713;font-synthesis:none}*{box-sizing:border-box}html,body,#root,.showroom-shell{margin:0;width:100%;height:100%;overflow:hidden}.showroom-shell{position:relative;background:#141611}.panorama{position:absolute;inset:0;touch-action:none}.panorama:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,5,.28),transparent 24%,transparent 72%,rgba(5,8,5,.26))}.psv-container{background:#191b17}.psv-loader{border-color:#ffffff38}.psv-loader-canvas{color:#c5a86b}.skip{position:fixed;z-index:100;left:1rem;top:-5rem;padding:.8rem;background:#fff;color:#111}.skip:focus{top:1rem}.brand{position:absolute;z-index:5;left:clamp(1.2rem,3vw,3rem);top:clamp(1.2rem,3vw,2.5rem);display:flex;align-items:baseline;gap:.75rem;letter-spacing:.18em}.brand span{font:600 1rem Manrope,sans-serif}.brand small{font-size:.57rem;opacity:.72}.scene-index{position:absolute;z-index:5;right:clamp(1.2rem,3vw,3rem);top:clamp(1.2rem,3vw,2.4rem);display:flex;align-items:baseline;gap:.35rem}.scene-index b{font:400 1.65rem Manrope}.scene-index span{font-size:.65rem;opacity:.6}.gesture-hint{position:absolute;z-index:7;left:50%;bottom:6.7rem;transform:translate(-50%);padding:1rem 1.3rem;background:#141612c2;backdrop-filter:blur(14px);text-align:center;font-size:.78rem;letter-spacing:.05em;animation:arrive .5s ease both}.gesture-hint small{display:block;margin-top:.35rem;color:#d2d1c9;font-size:.65rem}.controls{position:absolute;z-index:6;right:clamp(1.2rem,3vw,3rem);bottom:clamp(1.4rem,3vw,2.5rem);display:flex;gap:.45rem}.controls button,.close{width:2.7rem;height:2.7rem;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#1518136b;backdrop-filter:blur(12px);color:#fff;font-size:1rem;cursor:pointer}.controls button:hover,.controls button:focus-visible{background:#ffffffeb;color:#141612}.progress{position:absolute;z-index:6;left:50%;bottom:2.7rem;transform:translate(-50%);display:flex;gap:.75rem}.progress button{appearance:none;width:.28rem;height:.28rem;padding:0;border:0;border-radius:50%;background:#ffffff7a;transition:.25s;cursor:pointer}.progress button.active{width:1.7rem;border-radius:1rem;background:#fff}.floor-marker{position:relative;width:4.5rem;height:4.5rem;border:0;background:transparent;cursor:pointer}.floor-marker span{position:absolute;inset:1rem;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:#191b166b;box-shadow:0 0 0 .45rem #ffffff1a;transform:rotate(45deg);transition:.25s}.floor-marker span:after{content:"";position:absolute;width:.52rem;height:.52rem;border-top:1px solid white;border-right:1px solid white;left:.6rem;top:.6rem}.floor-marker--back span{transform:rotate(225deg)}.floor-marker:hover span,.floor-marker:focus-visible span{background:#eee9dd;transform:rotate(45deg) scale(1.12)}.floor-marker--back:hover span,.floor-marker--back:focus-visible span{transform:rotate(225deg) scale(1.12)}.product-marker{width:2.6rem;height:2.6rem;border:0;border-radius:50%;background:#f6f4ece6;color:#23251f;box-shadow:0 0 0 .45rem #ffffff29;cursor:pointer;animation:pulse 2.7s infinite}.product-marker span{font-size:1.1rem}.product-marker:hover,.product-marker:focus-visible{transform:scale(1.12);background:#fff}.product-panel,.inquiry{position:absolute;z-index:20;right:0;top:0;height:100%;width:min(34rem,100%);overflow:auto;background:#f1efe8;color:#1a1c18;padding:clamp(2.2rem,5vw,4.5rem);box-shadow:-2rem 0 5rem #00000042;animation:slide .55s cubic-bezier(.22,.8,.25,1)}.close{position:absolute;right:1.5rem;top:1.5rem;color:#222;background:transparent;border-color:#aaa}.eyebrow{font-size:.61rem;letter-spacing:.18em;color:#6b6e64;margin-bottom:1rem}.product-panel h2,.inquiry h2{font:500 clamp(2rem,5vw,3.7rem)/1.02 Manrope;margin:0 0 .5rem;letter-spacing:-.04em}.maker{font-size:.78rem;color:#77796e}.lead{font:400 1.12rem/1.5 Manrope;margin:2.7rem 0}.product-panel section{padding:1.5rem 0;border-top:1px solid #ccccc4}.product-panel h3{font-size:.67rem;letter-spacing:.13em;text-transform:uppercase}.product-panel p,.product-panel li{font-size:.85rem;line-height:1.65;color:#55584f}.document{border:1px solid #cccac1;padding:.85rem;margin:.6rem 0;font-size:.76rem}.document span{font-size:.55rem;margin-right:.8rem}.project{padding:.8rem 0}.project small{font-size:.55rem;color:#7c7d73}.project h4{margin:.3rem 0}.primary,.secondary{border:0;padding:1rem 1.2rem;font:600 .76rem DM Sans;letter-spacing:.03em;cursor:pointer}.primary{background:#1e211b;color:#fff}.primary span{display:block;font-weight:400;font-size:.63rem;margin-top:.3rem;color:#ccc}.secondary{background:transparent;border:1px solid #a5a69d}.product-panel>.primary{width:100%;text-align:left;margin-top:1rem}.steps{display:flex;margin:2.8rem 0 2rem;border-bottom:1px solid #ccccc4}.steps button{flex:1;border:0;background:none;color:#818279;padding:.8rem .2rem;font-size:.6rem;border-bottom:2px solid transparent}.steps button b{display:block;margin-bottom:.35rem}.steps button.active{color:#1b1d18;border-bottom-color:#1b1d18}.form-step{min-height:18rem}.form-step>label,.two label{display:block;margin:1rem 0;font-size:.67rem;letter-spacing:.06em}.form-step input:not([type=radio]),.form-step textarea{display:block;width:100%;margin-top:.5rem;border:1px solid #b8b9b0;background:#faf9f4;padding:.85rem;font:inherit;border-radius:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.upload{border:1px dashed #9b9e92;padding:2rem!important;text-align:center}.upload input{margin:auto}.upload span{display:block;margin-top:1rem;color:#73766c}.form-step fieldset{border:0;padding:0;margin:1rem 0}.form-step fieldset label{margin-right:1rem;font-size:.75rem}.form-step legend{font-size:.67rem;margin-bottom:.7rem}.error{color:#9e342b;font-size:.75rem}.inquiry footer{display:flex;justify-content:flex-end;gap:.6rem}.success{padding-top:20vh}.calibration{position:absolute;z-index:30;left:1rem;bottom:1rem;background:#fff;color:#111;padding:1rem;display:grid;gap:.4rem;font-size:.72rem}.calibration code{background:#eee;padding:.5rem}.is-calibrating{cursor:crosshair}.psv-marker:focus-visible button,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d7ad56;outline-offset:3px}@keyframes pulse{50%{box-shadow:0 0 0 .8rem #fff0}}@keyframes slide{0%{transform:translate(100%)}}@keyframes arrive{0%{opacity:0;transform:translate(-50%,1rem)}}@media(max-width:640px){.brand small{display:none}.product-panel,.inquiry{top:auto;bottom:0;height:min(82%,47rem);width:100%;padding:3.7rem 1.35rem 2rem;border-radius:1rem 1rem 0 0;animation:rise .5s cubic-bezier(.22,.8,.25,1)}.product-panel h2,.inquiry h2{font-size:2rem}.gesture-hint{width:calc(100% - 2rem);bottom:6rem}.progress{bottom:2rem}.controls{bottom:3.7rem}.two{grid-template-columns:1fr}.form-step{min-height:15rem}.steps button{font-size:.52rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@keyframes rise{0%{transform:translateY(100%)}}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}.showroom-shell{width:100vw;height:100dvh;min-height:100vh;overflow:hidden}.panorama{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0}.panorama>.psv-container,.panorama .psv-canvas-container,.panorama canvas.psv-canvas{width:100%!important;height:100%!important}
