@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600;650;700&display=swap');
:root{font-family:'Golos Text',Arial,sans-serif;color:#f6f6f0;background:#171b19;font-synthesis:none;font-size:16px;--lime:#d5f38a;--muted:#a4aaa3;--ink:#171b19}
*{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,[tabindex]:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{cursor:wait}button svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;fill:none}a{color:inherit;text-decoration:none}.topbar{height:89px;display:flex;align-items:center;justify-content:space-between;padding:0 3.2%;border-bottom:1px solid #ffffff16;gap:20px}.brand{display:flex;align-items:center;font-size:28px;letter-spacing:-1.5px;font-weight:600}.brand svg{width:33px;height:33px;margin-right:10px;color:var(--lime)}.brand-dot{font-size:12px;align-self:flex-start;margin-top:8px;margin-left:3px}.project-name{font-size:12px;letter-spacing:2px;display:flex;gap:21px;align-items:center}.project-name span{font-size:14px;letter-spacing:0;color:var(--muted);border-left:1px solid #ffffff28;padding-left:21px}.demo-tag{border:1px solid #ffffff30;border-radius:20px;padding:8px 12px;font-size:12px;color:#d7ddd5}main{max-width:1800px;margin:auto;padding:0 3.2%}.tour-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;height:67px;font-size:13px;color:#d2d7cf}.small-marker{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin:0 9px 2px 0}.instruction{color:#9ca49b}.counter{font-size:14px;letter-spacing:2px}.counter i{color:#59635a;font-style:normal;margin:0 7px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:0;background:#242925;border:1px solid #ffffff12;border-radius:12px;overflow:hidden}.viewer{min-width:0;position:relative;display:flex;align-items:stretch}.scene{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:565px;background:#313930;aspect-ratio:1.68}.photo-plane{position:absolute;inset:0;animation:breathe 20s ease-in-out infinite alternate;transform-origin:50% 55%;will-change:transform}.photo-plane>img{width:100%;height:100%;object-fit:cover;display:block}.paused .photo-plane{animation-play-state:paused}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 23%,transparent 51%,#101510ce);pointer-events:none}.scene-top{position:absolute;top:24px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.live-label{display:flex;align-items:center;gap:8px;font-size:12px;padding:9px 12px;border-radius:25px;background:#1d241c65;backdrop-filter:blur(12px);border:1px solid #ffffff30}.live-label>span{display:block;width:5px;height:5px;background:var(--lime);border-radius:50%}.scene-actions{display:flex;gap:8px;pointer-events:auto}.icon-button{display:grid;place-items:center;color:white;background:#17211665;backdrop-filter:blur(12px);border:1px solid #ffffff40;border-radius:50%;width:37px;height:37px}.icon-button:hover{background:#172116b0}.room-caption{position:absolute;left:35px;bottom:69px;right:25px;pointer-events:none}.room-caption>p:first-child{font-size:12px;letter-spacing:2px;margin:0 0 12px;color:#e5ebdf}.room-caption h1{font-size:clamp(38px,4.2vw,70px);line-height:1.03;letter-spacing:-2px;font-weight:450;margin:0 0 13px}.room-caption>p:last-child{font-size:14px;line-height:1.6;max-width:440px;margin:0;color:#e3e5dc}.scene-foot{position:absolute;bottom:0;left:35px;right:29px;height:49px;border-top:1px solid #ffffff32;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#d9ded4}.scene-hint span{color:var(--lime);margin-left:10px}.hotspot{position:absolute;transform:translate(-50%,-50%);border:0;display:flex;align-items:center;gap:9px;padding:7px 13px 7px 7px;border-radius:30px;color:white;background:#172016a8;backdrop-filter:blur(12px);box-shadow:0 3px 20px #0002;font-size:13px;white-space:nowrap;transition:background .2s}.hotspot .target{display:grid;place-items:center;border-radius:50%;width:31px;height:31px;background:var(--lime);color:#233515;font-size:22px;box-shadow:0 0 0 5px #d5f38a22}.hotspot:hover{background:#182317;}.hotspot:hover .target{box-shadow:0 0 0 8px #d5f38a30}.sidebar{background:#f1f2eb;color:var(--ink);padding:26px 23px 20px;display:flex;flex-direction:column}.sidebar-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sidebar-title h2{font-size:17px;line-height:1.1;letter-spacing:-.5px;margin:0;font-weight:550}.sidebar-title>span{font-size:11px;white-space:nowrap;color:#70786c;margin-top:3px}.floorplan{margin:24px 0 9px}.floorplan svg{width:100%;display:block}.map-room{cursor:pointer;outline-offset:0}.map-room>path{fill:#e1e4d9;stroke:#757d6d;stroke-width:1.5;transition:fill .3s}.map-room.active>path{fill:#d5e7ae;stroke:#607345;stroke-width:2}.map-room:hover>path{fill:#dce8c5}.map-room text{font-size:11px;fill:#606853;text-anchor:middle;font-weight:500}.furniture{stroke:#a1a791;stroke-width:1;fill:none}.map-room.active .furniture{stroke:#8e9e6d}.doors{fill:#f1f2eb}.door-arcs{stroke:#a1a791;stroke-width:1;fill:none}.location{fill:#344927;pointer-events:none;transition:transform .6s cubic-bezier(.22,1,.36,1)}.location-halo{fill:#9ebd7380}.location>path{fill:#344927;stroke:none}.map-legend{display:flex;align-items:center;gap:7px;font-size:11px;color:#485340}.map-legend>span{background:#425b30;border:4px solid #d2dfbc;width:14px;height:14px;border-radius:50%}.map-legend small{font-size:10px;margin-left:auto;color:#7c8274}.connections{border-top:1px solid #d8ddd0;margin-top:25px;padding-top:18px}.section-label{font-size:10px;letter-spacing:1.7px;color:#858b7c;margin:0 0 10px}.connection{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 0;border:0;border-bottom:1px solid #dce0d3;background:none;text-align:left;color:#35412e;font-size:14px}.connection>span:last-child{font-size:22px}.connection:hover{color:#607b32}.sidebar-note{margin-top:auto;padding-top:20px;display:flex;gap:12px;color:#747d69;align-items:center}.sidebar-note p{font-size:12px;line-height:1.5;margin:0}.note-symbol{font-size:26px;color:#839272}.room-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:20px 0 22px}.room-card{position:relative;display:flex;align-items:center;gap:13px;padding:8px;background:transparent;border:1px solid #ffffff18;border-radius:8px;text-align:left;color:#c1c7bc;min-width:0;transition:background .2s,border-color .2s}.room-card:hover{background:#2c332b}.room-card.active{background:#2b3328;border-color:#bedc806b;color:#f0f6e7}.room-card img{width:77px;height:56px;object-fit:cover;border-radius:4px;filter:saturate(.8)}.card-info{min-width:0;display:flex;flex-direction:column;gap:8px}.card-number{font-size:10px;letter-spacing:1px;color:#858e7e}.room-card.active .card-number{color:var(--lime)}.card-name{font-size:13px;white-space:nowrap}.card-check{position:absolute;right:8px;top:7px;font-size:11px;color:var(--lime)}footer{border-top:1px solid #ffffff13;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:58px;color:#737e70;font-size:10px;letter-spacing:1px}footer i{font-style:normal;margin:0 9px}footer>span:nth-child(2){font-size:12px;letter-spacing:0;color:#9ba492}.footer-credit{letter-spacing:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#192019e8;padding:12px 20px;border-radius:24px;font-size:14px}.leaving .photo-plane{animation:none;transform:scale(1.1);filter:blur(5px);opacity:.4;transition:transform .45s ease,filter .45s,opacity .45s}.entering .photo-plane{animation:arrive .75s ease-out,breathe 20s .75s ease-in-out infinite alternate}.viewer:fullscreen{background:#171b19}.viewer:fullscreen .scene{height:100vh;aspect-ratio:auto}.viewer:fullscreen .photo-plane>img{object-fit:contain}.viewer:fullscreen .room-caption{bottom:75px}.no-motion .photo-plane{animation:none}.no-motion .leaving .photo-plane{transform:none;filter:none;transition:opacity .2s}.no-motion .entering .photo-plane{animation:none}
@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.055)}}@keyframes arrive{from{opacity:.2;transform:scale(1.035);filter:blur(3px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@media(min-width:1600px){.scene{min-height:650px}.sidebar{padding:32px 27px}.workspace{grid-template-columns:minmax(0,1fr) 335px}.floorplan{margin-top:35px}.connections{margin-top:32px}}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 245px}.sidebar{padding:22px 17px}.sidebar-title{display:block}.sidebar-title>span{display:block;margin-top:8px}.scene{min-height:515px}.room-card{gap:9px}.room-card img{width:53px;height:49px}.card-name{font-size:12px}.project-name span{display:none}.sidebar-note{display:none}.instruction{font-size:11px}.room-caption{left:25px}.scene-foot{left:25px}.floorplan{margin-top:18px}}
@media(max-width:760px){.topbar{height:72px;padding:0 5%}.brand{font-size:25px}.brand svg{width:29px}.project-name{display:none}.demo-tag{font-size:10px}main{padding:0 4%}.tour-topline{height:56px;font-size:12px}.instruction{display:none}.workspace{display:flex;flex-direction:column;border-radius:10px}.scene{aspect-ratio:1.1;min-height:360px}.scene-top{top:16px;left:16px;right:16px}.room-caption{left:22px;bottom:63px}.room-caption h1{font-size:43px;letter-spacing:-1.5px}.room-caption>p:first-child{font-size:10px}.room-caption>p:last-child{font-size:12px;max-width:285px}.scene-foot{left:22px;right:20px;font-size:10px}.scene-hint span{margin-left:3px}.live-label{font-size:10px}.icon-button{width:33px;height:33px}.hotspot{font-size:11px;gap:7px;padding:6px 10px 6px 6px}.hotspot .target{width:26px;height:26px;font-size:20px}.sidebar{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;padding:23px}.sidebar-title{grid-column:1/-1;display:flex}.sidebar-title h2{font-size:16px}.sidebar-title>span{margin-top:2px}.floorplan{grid-column:1;grid-row:2/4;margin:16px 0 0}.map-legend{grid-column:1;grid-row:4;font-size:10px}.map-legend small{display:none}.connections{grid-column:2;grid-row:2/5;border-top:0;padding-top:25px;margin:0}.section-label{font-size:9px;letter-spacing:1px}.connection{font-size:12px;padding:10px 0}.room-strip{display:flex;gap:10px;overflow:auto;padding:17px 0;scrollbar-width:thin;scrollbar-color:#616d55 transparent}.room-card{flex:0 0 135px;display:block;padding:7px}.room-card img{width:119px;height:64px}.card-info{flex-direction:row;align-items:center;gap:8px;padding:9px 2px 3px}.card-check{top:10px;right:12px;background:#182018aa;padding:2px 4px;border-radius:50%}.card-number{font-size:9px}.card-name{font-size:11px}footer{padding:15px 0;min-height:70px;gap:8px;flex-wrap:wrap;font-size:9px;letter-spacing:.6px}footer>span:nth-child(2){display:none}.footer-credit{font-size:9px}.scene:has(.hotspot:nth-child(3)) .hotspot{flex-direction:column;background:transparent;padding:0;text-shadow:0 1px 5px #000}.scene:has(.hotspot:nth-child(3)) .hotspot>span:last-child{background:#172016a8;border-radius:20px;padding:4px 8px}}
@media(prefers-reduced-motion:reduce){.photo-plane,.entering .photo-plane{animation:none}.leaving .photo-plane{transform:none;filter:none;transition:opacity .15s}.location{transition:none}}
.photo-plane>img{object-fit:contain}.scene{background:#232820}.card-name,.connection{font-size:14px}.sidebar-title>span{font-size:12px}.map-legend{font-size:12px}.map-legend small{font-size:11px}.section-label{font-size:11px}.scene-foot,.room-caption>p:last-child{font-size:14px}.hotspot{font-size:14px}.room-card img{width:64px}.instruction{font-size:13px}
@media(min-width:761px){.workspace{height:clamp(590px,44vw,740px)}.scene{height:100%;min-height:0;aspect-ratio:auto}.sidebar{overflow:auto}}
@media(min-width:761px){.room-strip{grid-template-columns:repeat(8,minmax(150px,1fr));overflow-x:auto;scrollbar-width:thin;scrollbar-color:#616d55 transparent}.room-card{gap:9px}.room-card img{width:49px}.floorplan{margin-top:18px}.connections{margin-top:18px}.connection{padding:9px 0}.sidebar-note{padding-top:14px}}
@media(max-width:760px){.scene.many-exits .hotspot{font-size:10px}.scene.many-exits .hotspot>span:last-child{padding:4px 6px}.scene.many-exits .hotspot .target{width:25px;height:25px}}
@media(max-width:1100px) and (min-width:761px){.room-card img{width:40px}.card-name{font-size:13px}.scene-foot{font-size:12px}}
@media(max-width:760px){.scene{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column;background:#252c23}.photo-plane{position:relative;inset:auto;width:100%;aspect-ratio:16/9;flex:none;transform-origin:center}.shade{background:linear-gradient(180deg,#0003,transparent 35%,transparent 70%);bottom:auto;height:70%;pointer-events:none}.room-caption{position:relative;left:auto;bottom:auto;right:auto;padding:25px 22px 19px;pointer-events:auto}.room-caption h1{font-size:38px;margin-bottom:12px}.room-caption>p:last-child{font-size:14px;max-width:460px}.room-caption>p:first-child{font-size:12px}.scene-foot{position:relative;bottom:auto;left:auto;right:auto;margin:0 22px;height:46px;font-size:12px}.scene-actions .icon-button{background:#17211688}.hotspot{font-size:12px}.map-legend{font-size:11px}.card-name{font-size:13px}.room-card img{width:119px}.connection{font-size:14px}.section-label{font-size:11px}.sidebar{column-gap:18px}.sidebar-title>span{font-size:12px}.viewer:fullscreen .scene{display:block}.viewer:fullscreen .photo-plane{height:100%;position:absolute;inset:0}.viewer:fullscreen .room-caption{position:absolute;bottom:64px;padding:0;left:22px;right:22px}.viewer:fullscreen .scene-foot{position:absolute;bottom:0;left:0;right:0}.scene:has(.hotspot:nth-child(3)) .hotspot{font-size:12px}}

.passage{fill:#e9ecdf;stroke:#929982;stroke-width:1.3}.passage-route{fill:none;stroke:#b2bca1;stroke-width:1;stroke-dasharray:3 5}.entry-door>path:first-child{fill:transparent;stroke:none}.entry-door.active>path:first-child,.entry-door:hover>path:first-child{fill:#d5e7ae66;stroke:none}.entry-door .entry-swing{fill:none;stroke:#526441;stroke-width:1.5}.entry-door text{font-size:12px;font-weight:600}.floorplan svg{overflow:visible}

#back-navigation{display:contents}.map-waypoint{cursor:pointer}.map-waypoint>circle:first-child{fill:#f1f2eb;stroke:#859570;stroke-width:1.5}.map-waypoint .waypoint-center{fill:#607345}.map-waypoint:hover>circle:first-child,.map-waypoint.active>circle:first-child{fill:#d5f38a}
@media(max-width:760px){.scene.many-exits .hotspot{font-size:11px}}

.real-plan{margin-top:18px}.plan-image-wrap{position:relative;background:#fff;border:1px solid #d7dacd}.plan-image-wrap>img{width:100%;display:block;opacity:.76;filter:sepia(.14)}.real-plan .map-waypoint{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:22px;height:22px;border:0;border-radius:50%;background:#68705f;color:#fff;font-size:9px;display:grid;place-items:center;box-shadow:0 1px 5px #0004}.real-plan .map-waypoint:hover,.real-plan .map-waypoint.active{background:#8caa50;box-shadow:0 0 0 5px #d5f38a66}.real-plan .location{position:absolute;left:52%;top:40%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#263b1d;box-shadow:0 0 0 7px #a8c67999;pointer-events:none;transition:left .6s cubic-bezier(.22,1,.36,1),top .6s cubic-bezier(.22,1,.36,1)}