@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f3f5f1;color:#173d37;font:16px 'DM Sans',Arial,sans-serif}.site-head{padding:24px 4vw;display:flex;align-items:center;gap:25px;background:#fff;border-bottom:1px solid #d6dfd8}.wordmark{font:800 26px Manrope,Arial;letter-spacing:2px;color:#173d37;text-decoration:none;margin-right:auto}.wordmark span{font-weight:400;color:#0b806b}.wordmark small{display:block;font:9px Arial;letter-spacing:2px;margin-top:6px}.demo{font-size:10px;letter-spacing:1px;color:#0b715f;font-weight:bold}.plain{font-size:13px;color:#173d37}main{max-width:1900px;margin:auto;padding:0 4vw}.scene-intro{display:flex;justify-content:space-between;align-items:center;padding:40px 0 25px;gap:50px}.eyebrow{font-weight:700;color:#0c7b65;font-size:11px;letter-spacing:2px}h1{font:800 clamp(30px,3.1vw,54px)/1.1 Manrope,Arial;letter-spacing:-1.6px;margin:12px 0}.scene-intro>p{max-width:400px;font-size:16px;line-height:1.7;color:#506760}.controls{display:flex;gap:12px;align-items:end;padding:17px;background:#fff;border:1px solid #d6dfd8;border-radius:12px;margin-bottom:20px}.controls label{display:grid;gap:7px;flex:1;font-size:11px;font-weight:bold;letter-spacing:1px}select,button{font:inherit;border:1px solid #ccd9d1;color:#173d37;background:#fff;border-radius:7px;padding:10px 14px;min-height:46px;cursor:pointer}button:hover{background:#e8f1e9}select{font-size:14px;width:100%}.primary{background:#173d37;color:#fff}.primary:hover{background:#0b6d59}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #db9b36;outline-offset:3px}.room{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#263e37;box-shadow:0 15px 45px #173d3720}.room-photo{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.display{position:absolute;left:22%;top:16%;width:56%;height:56%;overflow:hidden;border:5px solid #101715;border-radius:4px;background:#f1f5f3;box-shadow:0 8px 20px #0008;--device-scale:.5}.display iframe{display:block;border:0;width:1600px;height:900px;transform:scale(var(--device-scale));transform-origin:top left;background:#f1f5f3}.room-tag{position:absolute;top:20px;left:22px;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1px;background:#fffef2ef;color:#173d37;border:1px solid #ffffff80;border-radius:30px;padding:10px 16px;z-index:2}.room-tag b{font-size:12px}.live-dot{width:7px;height:7px;background:#13836a;border-radius:50%;box-shadow:0 0 0 4px #16866c20}.room-caption{position:absolute;bottom:16px;left:20px;background:#142e2ac9;color:#fff;padding:9px 14px;border-radius:6px;font-size:9px;letter-spacing:1px}.under-scene{display:flex;justify-content:space-between;gap:40px;font-size:13px;line-height:1.6;padding:10px 0 20px;color:#52695f}.under-scene p:first-child{max-width:650px}.under-scene p:last-child{color:#0c725e;font-weight:600;max-width:400px;text-align:right}.explainer{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:35px 0 45px;border-top:1px solid #d6dfd8}.explainer p{line-height:1.7;color:#506760}h2{font:800 27px Manrope,Arial;letter-spacing:-.5px}.explainer button{margin:5px 6px 0 0}.assets{padding:20px 0 40px}.asset-links{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.asset-links a{background:#fff;border:1px solid #d6dfd8;border-radius:10px;overflow:hidden;text-decoration:none;color:#173d37;padding-bottom:15px}.asset-links img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:12px}.asset-links b,.asset-links small{display:block;padding:0 13px;font-size:13px}.asset-links small{font-size:10px;margin-top:8px;line-height:1.6;color:#52695f}footer{padding:25px 0;font-size:11px;color:#52695f;border-top:1px solid #d6dfd8}
body.focus .scene-intro,body.focus .under-scene,body.focus .explainer,body.focus .assets,body.focus footer{display:none}body.focus .controls{margin-top:16px}body.focus .room{aspect-ratio:auto;height:calc(100vh - 205px);min-height:600px;background:#111e1b;border-radius:10px}body.focus .room-photo,body.focus .room-tag,body.focus .room-caption{display:none}body.focus .display{inset:0!important;width:100%!important;height:100%!important;border:8px solid #15211d;border-radius:10px}body.focus .display iframe{width:100%;height:100%;transform:none}body.focus main{max-width:none;padding:0 15px}body:fullscreen{overflow:auto;background:#f3f5f1}body:fullscreen .site-head{display:none}body:fullscreen .controls{margin-top:10px}body:fullscreen.focus .room{height:calc(100vh - 110px)}
@media(max-width:1000px){.site-head{flex-wrap:wrap}.demo{display:none}.scene-intro{gap:20px}.controls{flex-wrap:wrap}.controls label{min-width:25%}.room-tag{top:10px;left:10px;font-size:8px;padding:6px 10px}.room-tag span:last-child{display:none}.room-tag b{font-size:9px}.room-caption{font-size:7px;padding:6px;bottom:8px;left:8px}.asset-links{grid-template-columns:repeat(2,1fr)}.explainer{gap:35px}body.focus .room{height:calc(100vh - 280px)}}@media(max-width:600px){main{padding:0 14px}.site-head{padding:20px 16px}.wordmark{font-size:22px}.plain{font-size:11px}.scene-intro{display:block;padding:25px 0 15px}.scene-intro>p{font-size:14px}.controls{gap:10px;padding:13px}.controls label{min-width:100%}.controls button{flex:1}.controls #fullscreen{flex:0}.room{border-radius:9px;aspect-ratio:16/9}.room-tag{display:none}.room-caption{font-size:6px}.under-scene{display:block;font-size:12px}.under-scene p:last-child{text-align:left}.explainer{grid-template-columns:1fr;gap:20px;padding-top:15px}.asset-links{grid-template-columns:1fr 1fr;gap:10px}body.focus .room{height:65vh;min-height:650px}body.focus .controls label{min-width:100%}body.focus main{padding:0 8px}}
/* Coordinates inspected against the generated 1672 x 941 room plate. */
.display{left:25.24%;top:11.37%;width:49.46%;height:45.91%;border:1px solid #17231e;box-shadow:none;border-radius:1px}.display iframe{height:var(--device-height,835px)}