:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#233431;background:#f4f5f0;font-synthesis:none;--ink:#203a34;--muted:#7a8680;--line:#e0e5df;--green:#cee7b6;--dark:#172b29}*{box-sizing:border-box}body{margin:0}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.6}#scene:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #d99b31;outline-offset:4px}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}button{border:0;background:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.header{height:80px;padding:0 32px;border-bottom:1px solid var(--line);background:#fcfcf8;position:relative;z-index:5;gap:48px}.brand,.header{display:flex;align-items:center}.brand{font-size:27px;font-weight:700;letter-spacing:-1.3px}.brand-icon{background:var(--dark);color:var(--green);width:37px;height:39px;border-radius:11px;display:grid;place-items:center;margin-right:10px}.brand-icon svg{width:25px;height:25px}.brand-dot{color:#829766}.header nav{display:flex;align-self:stretch;gap:32px}.nav-item{font-size:13px;font-weight:600;position:relative;color:#7b867f;padding:0}.nav-item.active{color:var(--ink)}.nav-item.active:after{content:"";position:absolute;bottom:-1px;height:3px;background:var(--ink);left:0;right:0;border-radius:2px}.nav-item span{font-size:10px;background:#eef0e9;color:#7e887b;padding:3px 5px;border-radius:4px;margin-left:5px}.header-right{margin-left:auto;gap:24px}.concept-status,.header-right{display:flex;align-items:center}.concept-status{font-size:11px;gap:7px;white-space:nowrap}.concept-status i,.view-live i{width:6px;height:6px;border-radius:50%;background:#7a9874}.export-button{background:var(--dark);color:white;padding:11px 16px;display:flex;align-items:center;gap:9px;border-radius:7px;font-size:12px;font-weight:500}.export-button:hover{background:#305047}.export-button svg{width:16px;height:16px}.workspace{display:grid;grid-template-columns:318px 1fr;height:calc(100dvh - 80px);min-height:680px}.sidebar{padding:34px 25px 20px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fcfcf8;z-index:3;overflow:auto;scrollbar-width:thin}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px;color:#7d8a7b}.tiny-line{width:18px;height:1px;background:#6e8963}.project-intro h1{font-size:33px;line-height:1.16;letter-spacing:-1.6px;font-weight:500;margin:20px 0 14px}.project-intro h1>span{color:#8da57c}.project-intro>p{font-size:12px;color:#7d867d;line-height:1.8;margin:0 0 30px}.section-label{font-size:9px;letter-spacing:1.3px;font-weight:600;color:#7c897c;display:flex;justify-content:space-between;margin-bottom:13px}.section-label>span{font-size:8px;letter-spacing:.5px;color:#a5ada1}.building-list{display:flex;flex-direction:column;gap:7px}.building-card{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-radius:8px;padding:13px 12px;background:#fcfcf9;width:100%;transition:background .2s,border-color .2s,transform .2s}.building-card:hover{background:#f0f3e9;transform:translateX(2px)}.building-card.selected{border-color:#9bac8b;background:#eef3e7}.building-icon{width:35px;height:38px;display:grid;place-items:center;border-radius:7px}.office-icon{background:#eee7d8;color:#8e7a57}.warehouse-icon{background:#dfebe3;color:#4d7f6e}.site-icon{background:#e8ece6;color:#7e8c73}.building-icon svg{width:21px;height:21px}.building-copy{display:flex;flex-direction:column;gap:5px}.building-copy strong{font-size:12px;font-weight:600}.building-copy small{font-size:10px;color:#899083}.card-arrow{width:14px;height:14px;margin-left:auto;color:#879480}.detail-panel{margin-top:22px;background:#eef2e8;border-radius:9px;padding:17px 17px 16px}.detail-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#7e8d73}.detail-heading>span:last-child{letter-spacing:0}.detail-panel h2{font-size:16px;font-weight:500;letter-spacing:-.4px;margin:13px 0 8px}.detail-panel p{font-size:11px;line-height:1.8;color:#77816f;margin:0}.detail-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.detail-tags span{font-size:8px;background:#e2e9d9;padding:5px 7px;border-radius:4px;color:#637458}.reference-card{display:flex;align-items:center;padding:0;margin-top:26px;text-align:left;gap:13px}.reference-stack{width:64px;height:50px;position:relative;display:block;flex-shrink:0;transform:rotate(-5deg);padding:3px;background:white;border:1px solid #dfe4d9;border-radius:5px;box-shadow:3px 3px 0 #e5e9df}.reference-stack img{width:100%;height:100%;object-fit:cover;border-radius:2px}.reference-card>span:last-child{display:flex;flex-direction:column;gap:7px}.reference-card strong{font-size:11px;font-weight:600}.reference-card small{font-size:10px;color:#8b9585}.reference-card small span{margin-left:6px;font-size:13px}.reference-card:hover strong{text-decoration:underline}.concept-note{display:flex;align-items:flex-start;gap:8px;margin-top:auto;padding-top:26px;color:#8c9485}.concept-note p{margin:0;font-size:9px;line-height:1.7}.concept-note strong{font-weight:500;color:#6f7e69}.note-dot{width:5px;height:5px;border:1px solid #a2b198;border-radius:50%;flex-shrink:0;margin-top:5px}.sidebar-foot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.1px;border-top:1px solid #e6e9e0;padding-top:16px;margin-top:20px;color:#96a08d}.viewer{position:relative;overflow:hidden;min-width:0;background:#e9ede7;isolation:isolate}#scene{position:absolute;inset:0;outline-offset:-3px!important}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.viewer-heading{position:absolute;left:30px;top:31px;pointer-events:none}.viewer-eyebrow{font-size:8px;letter-spacing:1.8px;color:#75897c;font-weight:600}.viewer-heading h2{font-size:21px;font-weight:500;letter-spacing:-.65px;margin:8px 0}.view-live{display:flex;align-items:center;gap:7px;font-size:10px;color:#809080}.view-live i{width:5px;height:5px}.display-controls{position:absolute;right:28px;top:30px;display:flex;align-items:center;gap:7px}.display-button,.icon-button{background:#fbfcf8d9;border:1px solid #d5ddd2;border-radius:6px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .15s,border-color .15s}.display-button{gap:6px;font-size:10px;padding:9px 10px}.display-button svg{width:14px;height:14px}.display-button.selected{background:#e0e8d7;border-color:#b9c7af;color:#506a42}.display-button:hover,.icon-button:hover{background:white;border-color:#91a589}.icon-button{width:35px;height:35px;padding:0}.icon-button svg{width:17px;height:17px}.viewer-tools{position:absolute;right:28px;top:50%;transform:translateY(-35%);display:flex;flex-direction:column;border:1px solid #d1dacd;background:#fbfcf8d9;border-radius:9px;padding:4px;box-shadow:0 4px 18px #243f3410;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.viewer-tools .icon-button{background:transparent;border:0;width:33px;height:36px}.viewer-tools .icon-button:hover{background:#e8eddf}.tool-divider{height:1px;background:#e1e5db;margin:4px}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{pointer-events:auto;position:absolute;top:0;left:0;display:flex;align-items:center;gap:9px;font-size:10px;background:#fcfdf8eb;padding:6px 11px 6px 6px;border:1px solid #d5ddcf;border-radius:6px;box-shadow:0 3px 12px #102b2312;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:background .15s}.hotspot:after{content:"";position:absolute;left:50%;top:100%;height:16px;width:1px;background:#71816888}.hotspot>span{width:21px;height:21px;border-radius:4px;display:grid;place-items:center;font-size:8px;background:#e8eddf;color:#53684c}.hotspot i{font-style:normal;color:#73806d;font-size:12px;margin-left:4px}.hotspot:hover{background:#d9e9c8}.hotspot.small{font-size:9px;background:#eef2e6e6}.compass{position:absolute;right:28px;bottom:119px;display:flex;align-items:center;flex-direction:column;color:#657959;pointer-events:none;gap:1px}.compass>span{font-size:9px;font-weight:600}.compass svg{width:44px;height:44px;stroke:none}.view-bottom{position:absolute;left:50%;transform:translateX(-50%);bottom:67px;gap:12px;white-space:nowrap}.view-bottom,.view-presets{display:flex;align-items:center}.view-presets{padding:4px;background:#fbfcf6ed;border:1px solid #d6dece;border-radius:8px;box-shadow:0 5px 24px #223d2810;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.preset{font-size:11px;padding:10px 15px;border-radius:5px;color:#7a8971;transition:background .2s}.preset:hover{background:#eaf0e1}.preset.selected{background:var(--dark);color:#f0f7e8}.rotate-button{display:flex;align-items:center;gap:6px;font-size:10px;background:#fbfcf6e8;padding:13px 12px;border:1px solid #d6dece;border-radius:8px;color:#647a57}.rotate-button svg{width:14px;height:14px}.rotate-button[aria-pressed=true]{background:#d4e5c4;border-color:#a8bd96}.viewer-footer{position:absolute;bottom:0;left:0;right:0;padding:17px 27px;display:flex;justify-content:space-between;font-size:9px;color:#7f8b76;background:linear-gradient(0deg,#e9ede7,transparent)}.viewer-footer>span:first-child{display:flex;align-items:center;gap:8px}.viewer-footer>span:last-child{font-size:8px;letter-spacing:1.5px}.viewer-footer svg{width:14px;height:14px;color:#8a9883}.help-separator{padding:0 10px;color:#b1baa9}.mobile-help{display:none}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e9ede7;gap:12px;z-index:10}.loading strong{font-size:16px;font-weight:500}.loading>span{font-size:12px;color:#85927d}.loading-cube{width:54px;height:54px;display:grid;place-items:center;background:#d8e4cc;border-radius:15px;margin-bottom:10px;animation:pulse 1.2s ease-in-out infinite alternate}.loading-cube svg{width:32px;height:32px}@keyframes pulse{to{transform:translateY(-8px);opacity:.6}}.error{position:absolute;inset:0;background:#e9ede7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;z-index:11}.error h2{font-size:24px}.error p{font-size:13px;max-width:420px;line-height:1.7}.error button{background:#203a34;color:white;padding:12px 20px;border-radius:6px;margin-top:10px}dialog{border:1px solid #d5decf;border-radius:14px;box-shadow:0 30px 100px #001a1750;background:#fcfcf8;color:var(--ink);padding:27px;width:min(820px,92vw);max-height:92dvh;overflow:auto}dialog::backdrop{background:#10282388;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.dialog-top .eyebrow{font-size:8px}.dialog-top h2{font-size:26px;font-weight:500;letter-spacing:-1px;margin:7px 0 0}figure{margin:0}#reference-main{width:100%;aspect-ratio:800/450;object-fit:contain;border-radius:7px;background:#e0e7dc}figcaption{display:flex;justify-content:space-between;margin:12px 0 20px;font-size:10px}figcaption strong{font-weight:500}figcaption>span{color:#85927d}.reference-thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.reference-thumbnails button{padding:5px;border:1px solid var(--line);border-radius:7px;text-align:left}.reference-thumbnails button.selected{border:1px solid #8ea57d;background:#e9f0e1}.reference-thumbnails img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:3px;display:block}.reference-thumbnails span{font-size:9px;display:block;margin:9px 3px 5px;color:#66775b}.reference-disclaimer{font-size:9px;color:#8b9684;line-height:1.7;margin-bottom:0}#toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,15px);max-width:90vw;background:#18352fee;color:white;padding:12px 18px;border-radius:8px;font-size:12px;box-shadow:0 5px 25px #14291a26;opacity:0;pointer-events:none;transition:.25s;z-index:100}#toast.show{transform:translate(-50%);opacity:1}.noscript{position:fixed;inset:0;display:grid;place-items:center;background:#e9ede7;z-index:20}.viewer:fullscreen{width:100vw;height:100dvh}.viewer.evening .compass,.viewer.evening .view-live,.viewer.evening .viewer-heading,.viewer.evening .viewer-heading .viewer-eyebrow{color:#e7eadc}.viewer.evening .viewer-footer{background:linear-gradient(0deg,#263b48,transparent);color:#c4d1cd}.viewer.evening .viewer-footer svg{color:#c4d1cd}@media(min-width:1600px){.workspace{grid-template-columns:350px 1fr}.sidebar{padding:42px 30px 23px}.project-intro h1{font-size:38px}.building-card{padding:17px 13px}.project-intro>p{margin-bottom:38px}.detail-panel{margin-top:29px;padding:22px}.reference-card{margin-top:32px}}@media(max-height:830px) and (min-width:981px){.workspace{min-height:590px}.sidebar{padding-top:24px}.project-intro h1{font-size:29px;margin:15px 0 10px}.project-intro>p{margin-bottom:21px;font-size:11px}.building-card{padding:10px 12px}.detail-panel{margin-top:16px;padding:13px}.detail-panel p{font-size:10px}.reference-card{margin-top:18px}.concept-note{padding-top:18px}.sidebar-foot{margin-top:13px;padding-top:12px}}@media(max-width:1150px){.header{padding:0 22px;gap:30px}.header nav{gap:22px}.concept-status{display:none}.workspace{grid-template-columns:282px 1fr}.sidebar{padding-left:20px;padding-right:20px}.project-intro h1{font-size:30px}.display-controls{right:20px}.display-button span{display:none}.display-button{width:35px;height:35px;padding:0}.viewer-heading{left:24px}.viewer-footer>span:last-child{display:none}.view-bottom{gap:7px}.preset{padding:10px 11px}.rotate-button{width:37px;height:42px;justify-content:center;padding:0}.rotate-button span{display:none}.building-copy small{font-size:9px}}@media(max-width:760px){.header{height:65px;padding:0 18px;gap:20px}.brand{font-size:24px}.brand-icon{width:32px;height:34px;margin-right:8px}.header nav{gap:0;margin-left:auto}.nav-item{font-size:11px}.nav-item:first-child,.nav-item>span{display:none}.header-right{margin-left:0}.export-button{width:35px;height:35px;padding:0;justify-content:center;background:#e9efdf;color:#35503c}.export-button span{display:none}.workspace{display:flex;flex-direction:column;height:auto;min-height:0}.viewer{order:0;height:65dvh;min-height:465px;max-height:780px;border-bottom:1px solid #dbe2d3}.sidebar{order:1;padding:24px;display:grid;grid-template-columns:1fr 1fr;column-gap:23px;overflow:visible;border-right:0}.project-intro{grid-column:1/-1}.project-intro h1{font-size:28px;line-height:1.2;margin:12px 0}.project-intro h1 br{display:none}.project-intro>p{font-size:11px;margin-bottom:25px}.project-intro>p br{display:none}.building-list,.section-label{grid-column:1/-1}.building-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.building-card{padding:11px 8px;gap:7px;flex-direction:column;text-align:center}.building-icon{width:31px;height:31px}.building-copy strong{font-size:10px}.building-copy small{font-size:8px;line-height:1.4}.card-arrow{display:none}.detail-panel{grid-column:1/-1;margin-top:18px}.reference-card{grid-column:1/-1;margin-top:23px}.concept-note{margin-top:0;padding-top:22px}.concept-note,.sidebar-foot{grid-column:1/-1}.viewer-heading{top:22px;left:20px}.viewer-heading h2{font-size:18px}.viewer-eyebrow{font-size:7px;letter-spacing:1.3px}.view-live{font-size:8px}.display-controls{right:14px;top:21px;gap:5px}.display-button,.display-controls .icon-button{width:31px;height:31px}.viewer-tools{right:13px;top:42%;transform:translateY(-25%);padding:2px}.viewer-tools .icon-button{width:28px;height:31px}.viewer-tools .icon-button svg{width:15px;height:15px}.hotspot{font-size:8px;gap:5px;padding:4px 7px 4px 4px}.hotspot>span{width:17px;height:17px;font-size:7px}.hotspot i{display:none}.hotspot.small{font-size:8px}.view-bottom{bottom:49px;gap:7px}.preset{font-size:10px;padding:9px 11px}.rotate-button{height:38px;width:33px}.viewer-footer{justify-content:center;padding:13px;font-size:8px}.desktop-help{display:none}.mobile-help{display:inline}.compass{right:18px;bottom:108px}.compass svg{width:31px;height:31px}.compass>span{font-size:8px}.hotspots:has(.hotspot:not([hidden])){overflow:hidden}dialog{padding:18px}.dialog-top h2{font-size:23px}.reference-thumbnails{gap:6px}.reference-thumbnails span{font-size:7px}.reference-disclaimer,figcaption{font-size:8px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.floor-explorer{margin-top:14px}.floor-buttons{display:flex;gap:5px}.floor-buttons button{flex:1 1;padding:8px 0;font-size:10px;border:1px solid #d0dac4;border-radius:4px;background:#f8faf4}.floor-buttons button.selected{background:#d9ba67;border-color:#b8984c;color:#40391f}.floor-description{display:flex;flex-direction:column;gap:4px;margin-top:11px;font-size:10px;color:#7c876f;min-height:30px}.floor-description strong{font-weight:500;color:#52644b}.brand{padding:0}.hotspot:disabled{display:none}