:root{color:#283b31;font-synthesis:none;background:#f4f3ee;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,canvas:focus-visible,svg:focus-visible{outline-offset:4px;outline:2px solid #758b61}a{color:inherit}.header{border-bottom:1px solid #ddded5;align-items:center;gap:28px;height:96px;padding:0 4%;display:flex}.brand{letter-spacing:3px;align-items:center;gap:12px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.brand-symbol{letter-spacing:-5px;margin-right:8px;font-family:Georgia,serif;font-size:47px;font-weight:400}.brand-caption{letter-spacing:1.4px;border-left:1px solid #cccfc4;margin-left:14px;padding-left:20px;font-size:8px;font-weight:400}.header-note{letter-spacing:1.6px;color:#7c837b;margin-left:auto;font-size:9px}.demo-pill{letter-spacing:1.4px;border:1px solid #d6dbce;border-radius:20px;padding:10px 13px;font-size:9px}.demo-pill i,.scene-tag i,.quality i{background:#718963;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}main{grid-template-columns:300px minmax(0,1fr);gap:48px;max-width:1800px;margin:auto;padding:44px 4% 20px;display:grid}.eyebrow{letter-spacing:1.8px;color:#858d80;font-size:9px}h1{letter-spacing:-2px;margin:23px 0 20px;font:400 48px/1.07 Georgia,serif}h1 em{color:#7b8869;font-weight:400}.intro{color:#7e857b;margin-bottom:30px;font-size:12px;line-height:1.9}.project-meta{letter-spacing:1.3px;color:#7d8678;border-top:1px solid #d9ddd2;border-bottom:1px solid #d9ddd2;justify-content:space-between;margin-bottom:30px;padding:15px 0;font-size:8px;display:flex}.project-meta span:first-child{color:#384d3d}.section-label{letter-spacing:1.4px;justify-content:space-between;font-size:9px;display:flex}.section-label span{color:#93998e;font-size:8px}#view-list{max-height:230px;margin-top:13px;overflow:auto}.view-item{text-align:left;color:#7d8479;background:0 0;border:0;border-bottom:1px solid #e4e6dd;align-items:center;gap:14px;width:100%;padding:16px 14px;font-size:12px;display:flex}.view-item .number{color:#959f8c;font-size:9px}.view-item.active{color:#344c38;background:#e6e9dd;border-left:2px solid #566d47}.view-item .arrow{margin-left:auto}.map-heading{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.map-hint{color:#92998b;font-size:9px}.sidebar>p.map-hint{margin-top:0}#plan{cursor:crosshair;background:#edeee6;border:1px solid #e1e4d8;width:100%;height:125px;margin-top:10px}#floor-plan polygon{fill:#fafaf6;stroke:#99a58c;stroke-width:.025px}.author-tools{border-top:1px solid #d9ddd2;margin-top:20px;padding-top:16px;font-size:11px}.author-tools summary{cursor:pointer;justify-content:space-between;list-style:none;display:flex}.author-tools label{color:#788470;margin:18px 0 8px;font-size:10px;display:block}.author-tools input{color:#344b38;background:#fafbf7;border:1px solid #cdd4c4;width:100%;padding:10px}.secondary{color:#344b38;background:#e7ecdf;border:1px solid #cdd4c4;width:100%;margin:9px 0;padding:10px}.tool-row{gap:8px;display:flex}.tool-row button{color:#66795b;background:0 0;border:0;padding:8px 0;font-size:10px;text-decoration:underline}.author-tools p{color:#85907b;font-size:10px;line-height:1.6}.sidebar-bottom{color:#929989;align-items:center;gap:18px;margin-top:25px;display:flex}.sidebar-bottom p{font:italic 13px/1.5 Georgia,serif}.small-mark{border:1px solid #d3d9cb;border-radius:50%;padding:10px}.viewer{background:#d7d2c7;border-radius:3px;width:100%;height:clamp(410px,65vh,780px);position:relative;overflow:hidden}#scene{cursor:grab;touch-action:none;width:100%;height:100%;display:block}#scene:active{cursor:grabbing}.viewer-top,.viewer-bottom{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;left:28px;right:28px}.viewer-top{top:24px}.viewer-actions{gap:8px;display:flex}.viewer-actions button{pointer-events:auto;color:#334b3a;background:#f6f5efe6;border:0;border-radius:50%;width:35px;height:35px;font-size:20px}.scene-tag{letter-spacing:1.5px;color:#fff;text-shadow:0 1px 6px #000;background:#26312770;border-radius:3px;padding:10px 13px;font-size:9px}.scene-tag i{background:#cbdba9}.viewer-bottom{color:#fff;align-items:end;bottom:25px}.viewer:after{content:"";pointer-events:none;background:linear-gradient(#0000,#18221c99);height:150px;position:absolute;bottom:0;left:0;right:0}.light{color:#e2e6d9;font-size:8px}.viewer-bottom h2{letter-spacing:-.5px;margin:9px 0 0;font:30px Georgia,serif}.walk-button{pointer-events:auto;color:#324932;background:#f7f7ee;border:0;border-radius:2px;padding:14px 18px;font-size:11px}.walk-button span{margin-left:20px}.loading{z-index:5;background:#e4e4d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading[hidden]{display:none}.loading-mark{font:70px Georgia,serif}.loading h2{font:24px Georgia,serif}.loading p{color:#7b856f;font-size:12px}.loading progress{accent-color:#566d47;width:160px;height:3px}.crosshair{color:#fff9;pointer-events:none;z-index:3;font-size:20px;position:absolute;top:50%;left:50%}#transition{opacity:0;pointer-events:none;z-index:4;background:#e8e6db;transition:opacity .22s;position:absolute;inset:0}#transition.active{opacity:1}.tour-bar{border-bottom:1px solid #d9ddd2;justify-content:space-between;align-items:center;gap:12px;padding:23px 0;display:flex}.tour-heading{align-items:center;gap:16px;display:flex}.tour-icon{color:#738666;border:1px solid #ccd3c1;border-radius:50%;place-items:center;width:40px;height:40px;font-size:24px;display:grid}.tour-heading strong{font:400 18px Georgia,serif}.tour-heading p{color:#969c8d;margin:7px 0 0;font-size:10px}.tour-controls{align-items:center;gap:16px;display:flex}.tour-controls button{color:#3e573b;background:0 0;border:0;padding:8px}.tour-controls #tour-counter{color:#859177;white-space:nowrap;font-size:10px}.instructions{color:#87907c;align-items:center;gap:22px;margin:22px 0;font-size:10px;display:flex}.instructions>span{white-space:nowrap;align-items:center;gap:4px;display:flex}kbd{text-align:center;border:1px solid #d4dacb;border-radius:3px;min-width:18px;padding:4px;font:9px Arial}.mouse-icon{font-size:17px}.instructions .quality{letter-spacing:1px;margin-left:auto;font-size:8px}.quality i{background:#9ea78f;width:3px;height:3px;margin:0 4px}#status{color:#70816a;min-height:18px;font-size:10px}footer{color:#979d8f;border-top:1px solid #d9ddd2;justify-content:space-between;gap:18px;margin-top:13px;padding-top:18px;font-size:8px;line-height:1.7;display:flex}footer>span:first-child{letter-spacing:1.3px}footer a{text-underline-offset:2px}.viewer:fullscreen{border-radius:0;width:100vw;height:100vh}@media (width>=1600px){main{grid-template-columns:340px minmax(0,1fr);gap:64px}h1{font-size:58px}}@media (width<=1100px){main{grid-template-columns:240px minmax(0,1fr);gap:25px;padding:30px 3%}h1{font-size:40px}.header{padding:0 3%}.brand-caption{display:none}.instructions{flex-wrap:wrap;gap:12px}.tour-controls{gap:8px}.tour-heading p{display:none}.tour-heading strong{font-size:15px}.tour-icon{display:none}}@media (width<=760px){.header{height:70px}.header-note{display:none}.demo-pill{margin-left:auto}main{flex-direction:column;gap:22px;padding:24px 5%;display:flex}.sidebar{display:contents}.sidebar>.eyebrow,.sidebar>.intro,.sidebar>.project-meta,.sidebar>.section-label,.sidebar>.map-heading,.sidebar>#plan,.sidebar>.map-hint,.sidebar-bottom{display:none}h1{margin:0;font-size:38px}h1 br{display:none}#view-list{order:2;margin:0;display:flex}.view-item{gap:7px;min-width:120px;padding:12px;font-size:10px}.author-tools{order:3;margin:0}.experience{order:1}.viewer{height:55vh;min-height:340px}.viewer-top,.viewer-bottom{left:18px;right:18px}.viewer-bottom h2{font-size:24px}.instructions{font-size:9px}.instructions .quality{margin-left:0}.tour-controls{gap:4px}footer{flex-direction:column;gap:6px}}#view-list{max-height:285px}.instructions{flex-wrap:wrap}.plan-card{background:#eeeee6;border:1px solid #dce0d3;border-radius:5px;margin-top:24px;padding:16px 12px 12px}.plan-card .map-heading{margin-top:0}.plan-instruction{color:#849079;margin:9px 0 0;font-size:10px;line-height:1.5}.plan-card #plan{cursor:crosshair;background:0 0;border:0;width:100%;height:auto;min-height:145px;margin-top:12px;display:block;overflow:visible}#floor-plan polygon{fill:#fafbf7;stroke:none}#plan-labels text{letter-spacing:.025px;fill:#909981;text-anchor:middle;font-family:Arial,sans-serif;font-size:.31px}.space-marker{cursor:pointer}.space-marker circle{fill:#ecf0e5;stroke:#7e916d;stroke-width:.065px}.space-marker text{text-anchor:middle;fill:#49623c;pointer-events:none;font:700 .37px Arial}.space-marker.selected circle,.space-marker:hover circle{fill:#49623c;stroke:#fff}.space-marker.selected text,.space-marker:hover text{fill:#fff}.space-marker:focus{outline:none}.space-marker:focus circle{stroke:#b47446;stroke-width:.15px}#map-position{pointer-events:none}.plan-legend{color:#7a866e;justify-content:space-between;gap:8px;margin-top:10px;font-size:8px;display:flex}.plan-legend span{align-items:center;gap:5px;display:flex}.plan-legend i{border-radius:50%;width:6px;height:6px;display:inline-block}.you-dot{background:#ad6037}.space-dot{background:#49623c}.map-location{color:#839075;border-top:1px solid #dce0d3;margin:10px 0 0;padding-top:9px;font-size:9px}.plan-card .map-hint{letter-spacing:1px;font-size:8px}@media (width<=760px){.plan-card{order:3;margin:0}.plan-card #plan{max-height:210px}.author-tools{order:4}#view-list{flex-wrap:wrap}#view-list .view-item{flex:40%;width:auto}}.fs-panel{display:none}:is(.viewer:fullscreen .fs-panel,.viewer.pseudo-fullscreen .fs-panel){z-index:6;color:#eef2e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10160fdd;border:1px solid #ffffff2e;border-radius:8px;flex-direction:column;gap:10px;width:min(260px,70vw);max-height:calc(100% - 220px);padding:14px;display:flex;position:absolute;top:76px;right:28px}.fs-heading{letter-spacing:1.6px;color:#cfd8c2;justify-content:space-between;font-size:10px;display:flex}#fs-list{flex-direction:column;gap:6px;display:flex;overflow:auto}.fs-item{text-align:left;color:#eef2e6;background:#ffffff14;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.fs-item .number{color:#b9c4a9;font-size:9px}.fs-item.active{color:#2c442f;background:#eef2e6}.fs-item.active .number{color:#5a7050}.fs-row{gap:8px;display:flex}.fs-row button{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:6px;flex:1;padding:9px;font-size:15px}.byline{letter-spacing:.4px;color:#959f8c;margin:-18px 0 26px;font-size:10px}#fs-toggle{display:none}#fs-toggle .icon{width:14px;height:14px}@media (pointer:coarse){:is(.viewer:fullscreen #fs-toggle,.viewer.pseudo-fullscreen #fs-toggle){z-index:7;color:#eef2e6;letter-spacing:1.2px;background:#10160fdd;border:1px solid #ffffff2e;border-radius:20px;padding:10px 16px;font-size:11px;display:block;position:absolute;top:70px;right:28px}:is(.viewer:fullscreen.fs-collapsed .fs-panel,.viewer.pseudo-fullscreen.fs-collapsed .fs-panel){display:none}}.viewer.pseudo-fullscreen{z-index:50;border-radius:0;width:100vw;height:100dvh;position:fixed;inset:0}.icon{vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}.viewer-actions button{place-items:center;display:grid}.viewer-actions .icon{width:18px;height:18px}.tour-icon{place-items:center;display:inline-grid}.tour-icon .icon{width:18px;height:18px}.tour-controls .icon{width:16px;height:16px}.view-item .arrow .icon{width:12px;height:12px}.small-mark{place-items:center;display:inline-grid}.small-mark .icon{width:14px;height:14px}.mouse-icon .icon,.fs-row .icon{width:15px;height:15px}#touch-controls{display:none}@media (pointer:coarse){:is(.viewer:fullscreen #touch-controls,.viewer.pseudo-fullscreen #touch-controls){z-index:5;pointer-events:none;display:block;position:absolute;bottom:0;left:0;right:0}#stick{pointer-events:auto;touch-action:none;opacity:.3;background:#10160f99;border:1px solid #ffffff2e;border-radius:50%;width:112px;height:112px;transition:opacity .25s;position:absolute;bottom:118px;left:18px}#stick.active{opacity:1}#stick-nub{background:#eef2e6e6;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}}.floor-demo{border-top:1px solid #d9ddd2;max-width:1800px;margin:66px auto 80px;padding:46px 4% 0}.floor-demo-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.floor-demo-heading h2{letter-spacing:-1.5px;margin:13px 0;font:400 44px/1.1 Georgia,serif}.floor-demo-heading p{color:#7e857b;margin:0;font-size:12px;line-height:1.7}.floor-demo-index{letter-spacing:1.4px;color:#8c9786;white-space:nowrap;font-size:9px}.floor-viewer{background:#e8ebe6;border-radius:3px;height:clamp(500px,70vh,800px);position:relative;overflow:hidden}.floor-viewer canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.floor-viewer canvas:active{cursor:grabbing}.floor-loading{color:#778575;background:#e8ebe6;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.floor-loading[hidden]{display:none}#floor-reset{color:#324932;background:#f7f7ee;border:0;border-radius:2px;padding:12px 16px;font-size:11px;position:absolute;top:24px;right:24px}.floor-demo-foot{color:#87907c;border-bottom:1px solid #d9ddd2;justify-content:space-between;gap:18px;padding:15px 0;font-size:10px;line-height:1.6;display:flex}.floor-demo-foot a{text-underline-offset:2px}@media (width<=760px){.floor-demo{margin:40px auto;padding:32px 5% 0}.floor-demo-heading{flex-direction:column;align-items:flex-start;gap:8px}.floor-demo-heading h2{font-size:34px}.floor-viewer{height:55vh;min-height:340px}.floor-demo-foot{flex-direction:column;gap:6px}}
