@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#343e36;background:#f5f3eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #be784a;outline-offset:4px}#app{max-width:1800px;margin:auto}header{height:105px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd5}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:800;font-size:30px;letter-spacing:-1.7px;text-decoration:none;color:inherit}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:#344c3b;color:#f9f5e8;border-radius:9px;font-size:29px;line-height:1;padding-bottom:7px}.brand-period{font-size:10px;align-self:flex-start;margin:7px 0 0 -7px}.office-tag{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.6px;font-weight:600}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#79916a}.tag-line{color:#babeb1;margin:0 8px}.icon-button{border:1px solid #dddfd2;background:transparent;border-radius:30px;padding:10px 15px;font-size:16px}.icon-button span{font-size:11px;margin-left:6px}main{position:relative;height:calc(100vh - 162px);min-height:550px;max-height:1000px}.intro{position:absolute;left:5%;top:45px;z-index:2;pointer-events:none}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.1px;color:#7b826f}h1{font-family:Manrope,sans-serif;font-size:clamp(31px,3.1vw,47px);line-height:1.16;letter-spacing:-2px;font-weight:500;margin:17px 0}h1 span{color:#a77350}.intro p{font-size:12px;line-height:1.9;color:#878b7e;margin:0}#scene{position:absolute;inset:0 0 105px;touch-action:none}canvas{display:block;width:100%;height:100%;outline:none}.room-label{position:absolute;right:5%;top:47px;font-size:9px;letter-spacing:1.4px;display:flex;gap:9px;align-items:center}.room-label>span:last-child{border:1px solid #d7dace;border-radius:4px;padding:4px;margin-left:4px;color:#919684}.camera-help{position:absolute;bottom:155px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;font-size:10px;color:#8a8e80;white-space:nowrap}.camera-help>span{font-size:21px}.camera-help b{font-weight:400;color:#bcbeb3}.camera-help button{background:transparent;border:1px solid #d6dacd;border-radius:50%;color:#6c7765;width:27px;height:27px;margin-left:5px;font-size:17px}.person-card{position:absolute;left:5%;bottom:172px;background:#fffcf4e6;border:1px solid #e2e3d7;display:flex;gap:12px;align-items:center;padding:15px;border-radius:12px;width:237px;box-shadow:0 5px 15px #5b604607}.avatar{background:#e8e4d6;border-radius:10px;width:40px;height:43px;display:grid;place-items:center;font-size:33px;color:#a56f4b}.person-card strong{font-size:12px;font-weight:600}.person-card strong span{font-size:7px;letter-spacing:1px;margin-left:7px;color:#8e9383}.person-menu{margin-left:auto;color:#b6baa9;font-size:10px;align-self:flex-start}#status{font-size:10px;margin-top:6px;color:#7a816f;display:flex;align-items:center;gap:5px}#status i,footer i{width:5px;height:5px;border-radius:50%;background:#879d6e;display:inline-block}.actions{position:absolute;bottom:24px;left:50%;transform:translate(-50%);width:min(790px,90%)}.actions-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;font-weight:700;margin:0 3px 12px;color:#7a816f}.actions-heading span{font-size:10px;letter-spacing:0;font-weight:400;color:#999e8d}.action-buttons{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:10px}.action-buttons button{border:1px solid #dddfd2;border-radius:11px;background:#fffdf6;display:flex;text-align:left;align-items:center;gap:12px;padding:18px 16px;color:#444e3f;transition:background .2s,transform .2s,box-shadow .2s}.action-buttons button:hover{background:#ecefe3;transform:translateY(-3px);box-shadow:0 6px 15px #444e3f0a}.action-buttons button.active{background:#3b523d;color:#fffcf1;border-color:#3b523d}.action-icon{font-size:25px;width:29px;text-align:center;line-height:1}.action-buttons button>span:nth-child(2){font-size:12px;font-weight:600;white-space:nowrap}.action-buttons small{display:block;font-size:10px;font-weight:400;color:#969a8a;margin-top:5px}.action-buttons .active small{color:#c1ccb5}.key{font-size:9px;border:1px solid #dfe2d5;border-radius:4px;padding:2px 5px;margin-left:auto;color:#929984}.active .key{border-color:#728368;color:#d7dfcd}footer{height:57px;margin:0 5%;border-top:1px solid #dedfd5;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#959987}footer>span:nth-child(2){font-size:8px;letter-spacing:1.4px}footer i{margin-right:6px}footer>span:last-child{font-size:8px;letter-spacing:1px}footer b{font-weight:400;margin-left:10px}@media(min-width:1500px){.intro{top:65px}}@media(max-width:900px){.office-tag{display:none}.person-card{bottom:174px;width:210px}.intro{top:28px}h1{font-size:32px}.intro p{font-size:11px}.room-label{top:30px}.camera-help{bottom:147px}.action-buttons button{padding:16px 12px;gap:7px}.key{display:none}}@media(max-width:600px){header{height:77px}.brand{font-size:26px}main{height:calc(100svh - 125px);min-height:750px}.intro{top:24px}h1{font-size:30px}.intro p{font-size:10px}.eyebrow{font-size:8px}.room-label{top:32px;font-size:7px;right:5%;gap:5px}.room-label .dot{display:none}#scene{inset:125px 0 220px}.person-card{bottom:241px;padding:10px;width:204px}.camera-help{bottom:207px;font-size:9px;width:90%;justify-content:center}.actions{bottom:17px}.actions-heading{margin-bottom:8px}.action-buttons{grid-template-columns:1fr;gap:6px}.action-buttons button{padding:10px 14px}.action-buttons button>span:nth-child(2){display:flex;align-items:center;gap:12px;width:100%;font-size:11px}.action-buttons small{margin:0 0 0 auto;font-size:9px}.action-icon{font-size:21px}.key{display:block}footer{height:48px;font-size:8px}footer>span:nth-child(2){display:none}}.camera-help #find-alex{width:auto;border-radius:20px;font-size:10px;padding:0 10px;margin-left:2px;background:#f5f3ebe6}.intro,.room-label{transition:opacity .2s}.close-view .intro,.close-view .room-label{opacity:0;pointer-events:none}.close-view .camera-help{background:#f5f3ebed;border-radius:25px;padding:5px 12px}.close-view .actions-heading{background:#f5f3ebed;border-radius:5px;padding:4px 7px}.thought-bubble{position:absolute;z-index:1;max-width:150px;padding:10px 15px;border:1px solid #d9dece;border-radius:23px;background:#fffdf5;color:#53634d;font-size:11px;line-height:1.4;text-align:center;box-shadow:0 4px 15px #39492f12;pointer-events:none;opacity:0;transform:translate(-50%,calc(-100% - 9px)) scale(.94);transform-origin:50% 100%;transition:opacity .35s,transform .35s}.thought-bubble:before,.thought-bubble:after{content:"";position:absolute;background:#fffdf5;border:1px solid #d9dece;border-radius:50%;pointer-events:none}.thought-bubble:before{width:9px;height:9px;bottom:-13px;left:calc(50% - 3px)}.thought-bubble:after{width:5px;height:5px;bottom:-22px;left:calc(50% + 6px)}.thought-bubble.is-visible{opacity:1;transform:translate(-50%,calc(-100% - 9px)) scale(1)}@media(prefers-reduced-motion:reduce){.thought-bubble{transition:none}}