@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600&display=swap');
:root{--ink:#342c25;--cream:#eee5d6;--duration:1100ms;--ease:cubic-bezier(.22,.8,.2,1)}*{box-sizing:border-box}body{margin:0;background:#b5a08b;color:var(--ink);font:14px 'DM Sans',sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid #fff6df;outline-offset:7px}button{-webkit-tap-highlight-color:transparent}#showroom{height:100svh;min-height:650px;position:relative;overflow:clip;background:radial-gradient(ellipse at 50% 30%,#dbccb5 0%,#bcaa94 45%,#998774 100%);isolation:isolate}.room-grain{position:absolute;inset:0;opacity:.11;pointer-events:none;z-index:8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.55' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.ceiling{position:absolute;inset:0 0 auto;height:105px;background:linear-gradient(#51443855,transparent);pointer-events:none}.floor{position:absolute;left:-30%;right:-30%;height:30%;bottom:-15%;background:linear-gradient(#c5b49f,#8d7764);transform:perspective(300px) rotateX(35deg);box-shadow:0 -2px 30px #4b372b33}.floor:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 300px,#68534125 301px 302px)}header{position:absolute;left:4%;right:4%;top:35px;display:flex;justify-content:space-between;align-items:center;z-index:10}.brand{border:0;background:none;padding:0;text-align:left;font:600 30px 'Manrope',sans-serif;letter-spacing:-1.8px}.brand span{display:block;font-size:7px;letter-spacing:2.6px;margin-top:5px;font-weight:500}.header-note{font-size:8px;letter-spacing:2px;opacity:.65}.saved-button{border:1px solid #59483740;background:#f8eddb15;border-radius:30px;padding:10px 15px;font-size:10px;backdrop-filter:blur(12px)}.saved-button span{padding-left:16px;opacity:.6}.intro{position:absolute;top:16%;left:5.3%;z-index:3;transition:opacity .45s,transform .7s;pointer-events:none}.intro p,.eyebrow{font-size:8px;letter-spacing:2.7px;font-weight:500}.intro h1{font-family:'Manrope',sans-serif;font-weight:400;font-size:clamp(30px,3.1vw,52px);letter-spacing:-2px;line-height:1.1;margin:16px 0}.intro em{font:italic 1.1em Georgia,serif;color:#76523c}.scene{position:absolute;inset:0;perspective:1400px}.world{position:absolute;inset:0;transform-origin:0 0;transition:transform var(--duration) var(--ease);will-change:transform}.exhibit{position:absolute;top:38%;width:19%;height:40%;left:calc(7.5% + var(--i)*22%);padding:0;border:0;background:none;isolation:isolate;transition:opacity .65s,filter .65s;outline-offset:4px}.niche{position:absolute;inset:-16% -5% 0;background:linear-gradient(90deg,#665443 0%,#9c8670 4%,#c0aa8d 18%,#ccb898 50%,#af987e 90%,#6b5745 100%);box-shadow:inset 0 7px 16px #3c2d2399,inset 0 -2px 5px #54413166,9px 12px 24px #5b46332b;border:1px solid #dfc7a344;border-bottom:0}.niche:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,#fff5cdcb 0,transparent 60%),linear-gradient(90deg,#513f2b22,transparent 15%,transparent 85%,#513f2b44);opacity:.7;transition:opacity .6s}.niche:after{content:'';position:absolute;top:7px;left:42%;width:16%;height:5px;background:#fff5ce;border-radius:50%;box-shadow:0 0 15px 8px #fff0b088,0 40px 65px 25px #ffe7a988}.light-beam{position:absolute;top:-13%;left:-4%;right:-4%;height:95%;background:conic-gradient(from 159deg at 50% 0%,transparent 0deg,#fff0c650 8deg,#fff4d888 20deg,#fff0c650 33deg,transparent 42deg);filter:blur(9px);opacity:.55;pointer-events:none}.plinth{position:absolute;left:-8%;right:-8%;bottom:0;height:16%;background:linear-gradient(90deg,#806b55,#b79b78 15%,#bda383 50%,#a48a6b 90%,#705a45);box-shadow:0 18px 20px #4f3b293d;border-top:1px solid #e9cf9e;transform:perspective(800px) rotateX(-2deg)}.plinth:before{content:'';position:absolute;left:0;right:0;top:-16px;height:16px;transform-origin:bottom;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);background:linear-gradient(#c7b18f,#e3cb9d);box-shadow:0 -3px 10px #ffe6a9}.plinth:after{content:'';position:absolute;left:2%;right:2%;top:1px;height:2px;background:#ffe3a3;box-shadow:0 2px 11px 3px #ffc879a8}.product-shadow{position:absolute;bottom:18%;left:12%;width:76%;height:8%;border-radius:50%;background:#30231d66;filter:blur(10px)}.product-art{position:absolute;width:94%;height:85%;left:3%;bottom:11%;background-image:url('assets/showroom-products.png');background-repeat:no-repeat;background-size:400% 100%;background-position:calc(var(--i)*100%/3) 50%;filter:drop-shadow(12px 15px 9px #48342440);transition:transform .7s var(--ease);pointer-events:none}.exhibit:hover .product-art{transform:translateY(-8px)}.exhibit:hover .niche:before{opacity:1}.exhibit:hover .plus{background:#f9eccd;color:#5d4937;transform:rotate(90deg)}.exhibit .caption{position:absolute;left:0;right:0;bottom:-58px;text-align:left;display:flex;align-items:center;justify-content:space-between;color:#382d23;transition:opacity .4s}.caption small{display:block;letter-spacing:2px;font-size:7px;margin-bottom:7px;opacity:.65}.caption strong{font-size:17px;font-weight:500;letter-spacing:-.5px}.plus{display:grid;place-items:center;border:1px solid #725a4266;border-radius:50%;width:28px;height:28px;font-size:18px;font-weight:400;transition:.4s}.exhibit.active .caption{opacity:0}.focused .exhibit:not(.active){opacity:.12;filter:blur(5px);pointer-events:none}.focused .intro{opacity:0;transform:translateY(-20px)}.focused .exhibit.active .product-art{transform:translateY(-3px)}.focused .exhibit.active{cursor:default}.detail{position:absolute;left:8%;top:29%;width:29%;max-width:410px;z-index:6;opacity:0;transform:translateY(20px);transition:opacity .5s .4s,transform .7s .3s}.focused .detail{opacity:1;transform:translateY(0)}.detail h2{font:400 clamp(34px,4.1vw,65px)/1.05 'Manrope',sans-serif;letter-spacing:-3px;margin:20px 0}.detail-short{font:italic 23px/1.3 Georgia,serif;color:#76523c}.description{font-size:12px;line-height:1.85;max-width:350px;color:#514336}.detail ul{list-style:none;padding:0;margin:23px 0;font-size:10px;color:#514336}.detail li{padding:9px 0;border-top:1px solid #624e3933}.detail li:before{content:'+';margin-right:12px;color:#886343}.add-button{border:1px solid #483729;background:#433326;color:#f8ead1;border-radius:30px;padding:13px 20px;font-size:11px;display:flex;gap:30px;align-items:center}.add-button:hover{background:#705037}.availability{font-size:9px;line-height:1.6;color:#61503f;max-width:360px;margin-top:14px}.back{position:absolute;top:125px;left:4%;z-index:8;background:none;border:0;font-size:18px;padding:10px 0}.back span{font-size:11px;margin-left:14px}.view-navigation{position:absolute;right:22%;bottom:16%;display:flex;align-items:center;gap:25px;z-index:8}.view-navigation button{background:#d5c2a560;border:1px solid #725a4255;width:36px;height:36px;border-radius:50%;font-size:16px}.view-navigation span{font-size:9px;letter-spacing:2px}footer{position:absolute;bottom:27px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.4px;z-index:6}.footer-label span{margin:0 8px;opacity:.4}.instruction{font-size:10px;letter-spacing:.6px;display:flex;align-items:center;gap:12px}.cursor-icon{font-size:20px;color:#806043}.prototype{opacity:.5;font-size:7px;letter-spacing:2px}.collection-nav{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:none;gap:22px;z-index:9}.collection-nav button{background:none;border:0;border-bottom:1px solid transparent;font-size:9px;padding:6px 0;opacity:.55}.collection-nav button.active{opacity:1;border-color:#71533c}.focused .collection-nav{display:flex}.focused .instruction{opacity:0}dialog{max-width:480px;width:calc(100% - 36px);padding:40px;background:#e2d4bf;border:1px solid #f8e7c9;color:var(--ink);border-radius:4px;box-shadow:0 30px 90px #24160f44}dialog::backdrop{background:#35251c66;backdrop-filter:blur(12px)}dialog h2{font:400 35px 'Manrope',sans-serif;letter-spacing:-1.5px}.close{position:absolute;right:16px;top:10px;font-size:25px;border:0;background:none}.selection-row{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #93795b44}.selection-row button{border:0;background:none;font-size:10px;text-decoration:underline}.selection-empty{font-size:12px;line-height:1.7}button[hidden],section[hidden],div[hidden]{display:none!important}
@media(min-width:1700px){.exhibit{width:17%;left:calc(10% + var(--i)*21%);height:44%}.intro{top:17%}}
@media(max-width:800px){#showroom{min-height:740px}header{top:24px;left:6%;right:6%}.brand{font-size:25px}.brand span{font-size:6px;letter-spacing:1.8px}.header-note{display:none}.saved-button{font-size:9px;padding:9px 11px}.intro{top:14%;left:7%}.intro h1{font-size:34px}.intro p{font-size:7px}.exhibit{width:31%;height:23%}.exhibit:nth-child(1){left:12%;top:34%}.exhibit:nth-child(2){left:57%;top:34%}.exhibit:nth-child(3){left:12%;top:66%}.exhibit:nth-child(4){left:57%;top:66%}.exhibit .caption{bottom:-34px}.caption small{font-size:5px;margin-bottom:3px}.caption strong{font-size:13px}.plus{width:22px;height:22px;font-size:15px}.niche{inset:-8% -5% 0}.light-beam{top:-5%}.plinth:before{top:-10px;height:10px}.product-art{height:94%;bottom:11%}.instruction{font-size:8px;gap:7px}.prototype{display:none}footer{bottom:14px;left:6%;right:6%;font-size:7px}.back{top:91px;left:6%}.back span{font-size:10px}.focused .detail{top:57%;left:7%;width:86%;max-width:none;bottom:65px;overflow:auto;padding-right:6px;transition-delay:.25s}.detail h2{font-size:33px;letter-spacing:-1.5px;margin:9px 0}.detail .eyebrow{font-size:6px;letter-spacing:1.7px;margin:0 0 8px}.detail-short{font-size:17px;margin:9px 0}.description{font-size:10px;line-height:1.6;max-width:none;margin:9px 0}.detail ul{display:none}.add-button{padding:10px 16px;font-size:10px;margin-top:12px}.availability{font-size:8px;margin-top:8px}.view-navigation{bottom:auto;top:48%;left:9%;right:9%;justify-content:space-between}.view-navigation button{width:31px;height:31px}.view-navigation span{opacity:0}.collection-nav{bottom:15px;width:88%;justify-content:space-between;gap:8px}.collection-nav button{font-size:8px}.focused footer{display:none}.floor{bottom:-12%;height:24%}.focused .world .caption{opacity:0}.focused .exhibit:not(.active){opacity:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}