.spatial-experience{--spatial-ink:#172c3d;min-height:100vh;background:#f7f6f2;color:var(--spatial-ink);padding:0 4vw 24px;font-family:Arial,Noto Sans KR,sans-serif}.spatial-experience *{box-sizing:border-box}.spatial-experience a{text-decoration:none;color:inherit}.spatial-experience button{font:inherit;cursor:pointer;color:inherit}.spatial-experience :is(button,a):focus-visible{outline:3px solid #bd8050;outline-offset:4px}.spatial-header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:90px;border-bottom:1px solid #dadbd6}.spatial-header button{background:transparent;border:1px solid #cdd1cc;padding:12px 18px;border-radius:4px}.spatial-back{font-size:14px}.spatial-wordmark{font-size:25px;font-weight:700;letter-spacing:-1px}.spatial-wordmark small{display:block;text-align:center;font-size:8px;letter-spacing:3px;margin-top:7px}.spatial-title{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:30px 0 25px}.spatial-title p{font-size:13px;color:#69746e}.spatial-title>div>p{font-size:10px;letter-spacing:2px;margin:0 0 12px}.spatial-title h1{font-size:clamp(28px,3vw,44px);font-weight:500;letter-spacing:-1.5px;margin:0}.spatial-title h1 span{font-size:15px;vertical-align:top;letter-spacing:0;margin-left:16px;color:#928066}.spatial-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px}.spatial-viewport{position:relative;min-height:560px;height:65vh;max-height:900px;background:#e8edeb;border:1px solid #d9ddd6;border-radius:5px;overflow:hidden}.spatial-viewport:fullscreen{height:100vh;max-height:none;border:0}.spatial-canvas{position:absolute;inset:0}.spatial-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.spatial-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#eef0e9;z-index:3;padding:30px;text-align:center}.spatial-loading a{text-decoration:underline}.spatial-loading button{padding:12px 22px}.spatial-mode{position:absolute;left:20px;top:20px;display:flex;padding:4px;background:#fffffff0;border:1px solid #d9ddd6;border-radius:5px;gap:4px}.spatial-mode button{border:0;background:transparent;padding:12px 15px;border-radius:3px;font-size:12px}.spatial-mode button[aria-pressed=true]{background:#172c3d;color:white}.spatial-view-label{position:absolute;left:24px;bottom:80px;display:grid;gap:8px;pointer-events:none;text-shadow:0 1px 8px #fff}.spatial-view-label span{font-size:9px;letter-spacing:2px}.spatial-view-label strong{font-size:20px;font-weight:500}.spatial-controls{position:absolute;bottom:20px;left:20px;display:flex;gap:5px;flex-wrap:wrap}.spatial-controls button{background:#fffffff0;border:1px solid #d2d8d1;min-width:44px;min-height:44px;padding:8px 13px;font-size:12px;border-radius:4px}.spatial-controls button[aria-pressed=true]{background:#172c3d;color:white}.spatial-story{padding:10px 0}.spatial-eyebrow{font-size:10px!important;letter-spacing:2px;color:#978363!important}.spatial-story h2{font-size:25px;line-height:1.45;font-weight:500;letter-spacing:-.6px;margin:20px 0 16px}.spatial-story>p{font-size:14px;line-height:1.9;color:#68736c}.spatial-stops{margin:32px 0}.spatial-stops h3{font-size:11px;font-weight:500;color:#72796e;margin-bottom:16px}.spatial-stops button{display:flex;align-items:center;gap:12px;width:100%;padding:17px 8px;border:0;border-top:1px solid #d9ddd6;background:transparent;text-align:left;font-size:13px}.spatial-stops button>span:first-child{color:#9a8971;font-size:10px}.spatial-stops button>span:last-child{margin-left:auto}.spatial-stops button[aria-pressed=true]{background:#ebeae2}.spatial-help{font-size:12px!important}.spatial-story>a{display:inline-block;border-bottom:1px solid #a9b0a5;margin-top:12px;padding-bottom:9px;font-size:13px}.spatial-districts{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:22px}.spatial-districts a{display:flex;align-items:center;gap:10px;border:1px solid #d9ddd6;padding:16px 10px;font-size:11px;line-height:1.5}.spatial-districts a>span{font-size:10px;color:#9a8971}.spatial-districts a[aria-current=page]{background:#172c3d;color:white;border-color:#172c3d}.spatial-disclosure{font-size:11px;line-height:1.8;color:#798177;margin:22px 0 0}@media(max-width:1000px){.spatial-layout{grid-template-columns:minmax(0,1fr)}.spatial-story{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:32px;column-gap:32px}.spatial-stops{grid-column:2;grid-row:1/5;margin:0}.spatial-districts{grid-template-columns:repeat(4,minmax(0,1fr))}.spatial-viewport{height:62vh;min-height:480px}}@media(max-width:600px){.spatial-experience{padding:0 16px 20px}.spatial-header{gap:12px;min-height:76px}.spatial-wordmark{font-size:19px}.spatial-wordmark small{font-size:6px;letter-spacing:1px}.spatial-back{font-size:11px}.spatial-header button{padding:10px;font-size:11px}.spatial-title{display:block;padding:24px 0 12px}.spatial-title>p{font-size:12px}.spatial-viewport{min-height:500px;height:65svh}.spatial-mode{top:12px;left:12px;right:12px;justify-content:center}.spatial-mode button{padding:12px 10px;font-size:11px}.spatial-controls{left:12px;bottom:12px;gap:4px}.spatial-controls button{padding:8px 10px;font-size:11px}.spatial-view-label{left:16px;bottom:76px}.spatial-story{display:block}.spatial-stops{margin:24px 0}.spatial-districts{grid-template-columns:repeat(2,minmax(0,1fr))}}.spatial-experience{position:fixed;inset:0;z-index:40;height:100dvh;min-height:0;padding:0;overflow:hidden;background:#19241f;color:#fff}.spatial-experience:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(10,21,17,.7),transparent 34%,transparent 65%,rgba(10,21,17,.64))}.spatial-layout{display:contents}.spatial-viewport{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;border:0;border-radius:0;background:#19241f}.spatial-header{position:absolute;z-index:4;top:0;left:0;right:0;min-height:84px;padding:16px 32px;border:0;pointer-events:none}.spatial-header>*{pointer-events:auto}.spatial-header button{border-color:#ffffff50;color:white;background:#15251b66;backdrop-filter:blur(12px)}.spatial-title{position:absolute;z-index:2;left:32px;top:100px;display:block;padding:0;max-width:36%;pointer-events:none;text-shadow:0 2px 18px #0008}.spatial-title h1{font-size:clamp(25px,3vw,42px);color:white}.spatial-title h1 span,.spatial-title p{color:#f0ede2}.spatial-title>p{font-size:11px;line-height:1.7;margin-top:12px}.spatial-renderer{position:absolute;z-index:3;left:50%;top:104px;transform:translateX(-50%);display:flex;gap:4px;padding:5px;background:#15251bd9;backdrop-filter:blur(16px);border:1px solid #ffffff38;border-radius:30px;white-space:nowrap}.spatial-renderer button{border:0;border-radius:24px;padding:12px 23px;min-height:44px;color:#fff;background:transparent;font-size:13px}.spatial-renderer button[aria-pressed=true]{background:#f5f1e7;color:#24382c}.spatial-mode{z-index:3;top:168px;left:50%;right:auto;transform:translateX(-50%);background:#15251ba8;backdrop-filter:blur(12px);border:1px solid #ffffff38;white-space:nowrap;border-radius:20px}.spatial-mode button{color:#fff;padding:9px 15px}.spatial-mode button[aria-pressed=true]{background:#f5f1e7;color:#24382c}.spatial-view-label{z-index:2;left:32px;bottom:104px;color:white;text-shadow:0 1px 12px #0008}.spatial-view-label strong{font-size:23px}.spatial-controls{z-index:3;left:50%;bottom:36px;transform:translateX(-50%);flex-wrap:nowrap;gap:6px}.spatial-controls button,.spatial-panel-buttons button,.spatial-walk button{color:#fff;background:#15251bc9;border:1px solid #ffffff40;backdrop-filter:blur(14px);border-radius:8px;min-height:44px;white-space:nowrap}.spatial-controls button[aria-pressed=true]{background:#f5f1e7;color:#24382c}.spatial-panel-buttons{position:absolute;z-index:3;right:32px;bottom:104px;display:flex;gap:8px}.spatial-panel-buttons button{padding:12px 20px;font-size:12px}.spatial-panel-buttons button[aria-expanded=true]{background:#f5f1e7;color:#24382c}.spatial-story{position:absolute;z-index:6;right:32px;bottom:164px;width:330px;max-height:calc(100dvh - 260px);overflow:auto;overscroll-behavior:contain;padding:28px;background:#f5f3edfa;box-shadow:0 12px 80px #0003;border:1px solid #fff8;border-radius:12px;color:#24382c;display:block}.spatial-story>p{font-size:12px;line-height:1.8}.spatial-story h2{font-size:22px;margin:14px 0}.spatial-stops{margin:22px 0}.spatial-districts[hidden],.spatial-story[hidden]{display:none}.spatial-districts{position:absolute;z-index:6;right:32px;bottom:164px;margin:0;padding:44px 16px 16px;width:380px;max-width:calc(100% - 32px);max-height:calc(100dvh - 250px);overflow:auto;background:#f5f3edfa;color:#24382c;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));box-shadow:0 12px 80px #0003}.spatial-districts a{min-height:55px;border-radius:5px}.spatial-districts a[aria-current=page]{background:#263e30}.spatial-close{position:absolute;right:10px;top:8px;width:32px;height:32px;border:0;background:transparent;font-size:24px!important;color:#24382c!important}.spatial-disclosure{position:absolute;z-index:2;left:0;right:0;bottom:7px;margin:0;text-align:center;font-size:9px;color:#ffffffb8;pointer-events:none;padding:0 16px}.spatial-walk{position:absolute;z-index:3;left:32px;bottom:36px;display:flex;gap:5px}.spatial-walk button{width:40px;min-height:40px}.spatial-loading{background:#18251eee;color:white}.spatial-panorama-loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:white;background:#18251e}.spatial-panorama[data-ready=true] .spatial-panorama-loading{display:none}@media(max-width:1000px){.spatial-title{top:94px;max-width:34%}.spatial-renderer{top:98px}.spatial-mode,.spatial-renderer{left:auto;right:24px;transform:none}.spatial-mode{top:158px}.spatial-walk{bottom:94px}.spatial-view-label{bottom:160px}.spatial-story{display:block}}@media(max-width:600px){.spatial-header{padding:12px 16px;min-height:68px;gap:12px}.spatial-title{left:16px;top:86px;max-width:90%}.spatial-title h1{font-size:28px}.spatial-title>div>p{font-size:8px;margin-bottom:8px}.spatial-title>p{font-size:10px;margin-top:8px}.spatial-renderer{top:auto;bottom:192px;left:50%;right:auto;transform:translateX(-50%)}.spatial-renderer button{padding:10px 18px;font-size:12px}.spatial-mode{top:auto;bottom:246px;left:50%;right:auto;transform:translateX(-50%);justify-content:center}.spatial-mode button{padding:9px 11px;font-size:10px}.spatial-controls{bottom:42px;gap:4px;max-width:calc(100% - 24px)}.spatial-controls button{min-width:38px;padding:8px 9px;font-size:10px}.spatial-panel-buttons{bottom:104px;left:16px;right:16px;justify-content:flex-end}.spatial-panel-buttons button{padding:10px 14px;font-size:11px}.spatial-view-label{left:16px;bottom:160px;max-width:80%}.spatial-view-label>span{display:none}.spatial-view-label strong{font-size:16px}.spatial-districts,.spatial-story{left:12px;right:12px;bottom:158px;width:auto;max-width:none;max-height:calc(100dvh - 235px)}.spatial-story{padding:24px}.spatial-walk{left:16px;bottom:302px}.spatial-walk button{width:36px;min-height:38px}.spatial-disclosure{font-size:8px;bottom:10px}.spatial-viewport{height:100%;min-height:0}}@media(max-height:520px) and (min-width:601px){.spatial-renderer,.spatial-title{top:74px}.spatial-mode{top:132px}.spatial-header{min-height:60px}.spatial-view-label{bottom:104px}.spatial-districts,.spatial-story{bottom:100px;max-height:calc(100dvh - 120px)}}.spatial-fullscreen-message{z-index:5;bottom:90px;padding:12px;background:#18251eee;border-radius:8px;font-size:12px}.spatial-door,.spatial-fullscreen-message{position:absolute;left:50%;transform:translateX(-50%);color:white}.spatial-door{z-index:3;bottom:160px;display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 22px;border:1px solid #ffffff80;border-radius:30px;background:#172b23e6;backdrop-filter:blur(12px);box-shadow:0 8px 30px #0003;white-space:nowrap;font-size:13px}.spatial-door>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f4efdf;color:#203528;font-size:18px}@media(max-width:600px){.spatial-door{bottom:308px;padding:10px 18px;font-size:12px}}@media(max-height:520px) and (min-width:601px){.spatial-door{bottom:110px}}.spatial-toolbox{display:contents}.spatial-tools-toggle{display:none}.spatial-gesture-hint{position:absolute;z-index:2;left:32px;top:230px;max-width:calc(100% - 64px);margin:0;padding:10px 14px;border-radius:12px;background:#15251bce;color:#fff;font-size:13px;line-height:1.6;pointer-events:none}.spatial-gesture-hint span{font-size:19px;margin-right:6px}@media(max-height:520px),(max-width:760px){.spatial-tools-toggle{display:block;position:absolute;z-index:7;right:16px;bottom:max(32px,calc(env(safe-area-inset-bottom) + 24px));min-height:44px;padding:10px 18px;border:1px solid #ffffff66;border-radius:24px;background:#15251be8;color:#fff;font-size:13px}.spatial-experience[data-tools-open=false] .spatial-toolbox{display:none}.spatial-toolbox{display:flex;flex-direction:column;gap:12px;position:absolute;z-index:5;left:12px;right:12px;bottom:calc(90px + env(safe-area-inset-bottom));max-height:calc(100dvh - 175px);overflow:auto;overscroll-behavior:contain;padding:16px;background:#15251bf2;border:1px solid #ffffff40;border-radius:16px}.spatial-toolbox :is(.spatial-renderer,.spatial-mode,.spatial-door,.spatial-view-label,.spatial-panel-buttons,.spatial-controls,.spatial-walk){position:static;transform:none;max-width:100%;width:auto;flex-wrap:wrap;justify-content:center;margin:0;white-space:normal}.spatial-toolbox .spatial-renderer{align-self:center;padding:4px}.spatial-toolbox .spatial-view-label{order:-1;display:block}.spatial-toolbox .spatial-controls{gap:8px}.spatial-toolbox .spatial-controls button{min-width:44px;min-height:44px;font-size:12px}.spatial-toolbox .spatial-door{align-self:center}.spatial-title{top:86px;left:16px;max-width:calc(100% - 32px)}.spatial-title h1{font-size:24px}.spatial-title>div>p,.spatial-title>p{display:none}.spatial-gesture-hint{top:auto;bottom:calc(90px + env(safe-area-inset-bottom));left:16px;max-width:calc(100% - 32px);font-size:12px}.spatial-experience[data-tools-open=true] .spatial-gesture-hint{display:none}.spatial-districts,.spatial-story{left:12px;right:12px;bottom:calc(90px + env(safe-area-inset-bottom));width:auto;max-width:none;max-height:calc(100dvh - 185px)}}.residence-entry{position:absolute;z-index:12;left:50%;top:58%;transform:translateX(-50%);padding:16px 24px;border:1px solid #e7dcc4;border-radius:40px;background:#24352be8;color:#fff8e9;font-weight:700;box-shadow:0 4px 30px #0004}.residence-tour{position:fixed;inset:0;z-index:100;background:#e9e3d7;color:#fff8ec;isolation:isolate;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0}.residence-tour button{min-height:44px;border:1px solid #d7cdb6;border-radius:8px;background:#25372fee;color:#fff8ec;padding:10px 15px;cursor:pointer}.residence-plan g:focus-visible,.residence-tour button:focus-visible{outline:3px solid #e6b765;outline-offset:4px}.residence-heading{position:absolute;top:25px;left:28px;max-width:50%;padding:18px;background:#243229dd;border-radius:8px;pointer-events:none}.residence-heading small{letter-spacing:.2em}.residence-heading h2{margin:8px 0;font-size:28px}.residence-heading p{margin:0;font-size:13px}.residence-actions{position:absolute;right:24px;top:25px;display:flex;gap:8px}.residence-navigation{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(900px,94%);text-align:center;padding:12px;border-radius:12px;background:#243229e8}.residence-navigation p{font-size:12px;margin:0 0 10px}.residence-navigation nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.residence-navigation small{display:block;font-size:10px;margin-top:9px}.residence-navigation button[aria-current]{background:#f4ead6;color:#25372f}.residence-markers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.residence-markers button{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;box-shadow:0 0 0 6px #fff3;white-space:nowrap}.residence-plan{position:absolute;inset:150px 8% 175px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#243229}.residence-plan svg{width:100%;max-height:100%;min-height:0}.residence-plan rect{fill:#eee6d4;stroke:#9c8969;stroke-width:3}.residence-plan path{fill:#c6b392;stroke:#8b785a}.residence-plan text{fill:#26382f;font-size:14px;pointer-events:none}.residence-plan g{cursor:pointer}.residence-plan .selected rect{fill:#cfddc9;stroke:#324c39;stroke-width:5}.residence-plan p{font-size:12px}.residence-floors{display:flex;gap:8px;margin-bottom:8px}.residence-floors button[aria-pressed=true]{background:#9a7850}.residence-error{position:absolute;top:40%;left:10%;right:10%;background:#243229;padding:24px;text-align:center}@media(max-width:760px){.residence-heading{top:78px;left:12px;right:12px;max-width:none;padding:12px}.residence-heading h2{font-size:20px}.residence-heading p{font-size:11px}.residence-actions{top:max(12px,env(safe-area-inset-top));right:12px}.residence-navigation{padding:10px}.residence-navigation nav{gap:5px}.residence-navigation button{font-size:11px;padding:7px}.residence-plan{inset:195px 10px 230px}.residence-entry{font-size:12px;width:-moz-max-content;width:max-content;max-width:90%}}@media(max-height:520px){.residence-heading{top:12px;left:12px;max-width:45%;padding:8px}.residence-heading p{display:none}.residence-heading h2{font-size:18px}.residence-navigation p,.residence-navigation small{display:none}.residence-navigation{bottom:8px;padding:6px}.residence-plan{inset:90px 15% 85px}}.residence-plan .residence-cutaway{overflow:visible;filter:drop-shadow(0 18px 12px #493f251b)}.residence-plan .plan-block{cursor:inherit}.residence-plan .plan-block polygon{stroke:#7c694d;stroke-width:.45;stroke-opacity:.25}.residence-plan .plan-room-outline{fill:none;stroke:transparent;stroke-width:3}.residence-plan .plan-room.selected .plan-room-outline,.residence-plan .plan-room:focus-visible .plan-room-outline,.residence-plan .plan-room:hover .plan-room-outline{stroke:#506548}.residence-plan .plan-labels text{font-size:13px;font-weight:700;paint-order:stroke;stroke:#faf3e5;stroke-width:4px;stroke-linejoin:round}@media(max-width:760px){.residence-plan .plan-labels text{font-size:20px}}.residence-tour[data-view=photo]{background:#25271f}.residence-photo-viewer{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y}.residence-photo-viewer:active{cursor:grabbing}.residence-photo-centering{display:grid;place-items:center;min-height:100%;min-width:100%;width:-moz-max-content;width:max-content}.residence-photo-stage{position:relative;flex:none}.residence-photo-stage>img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.residence-photo-hotspots{position:absolute;inset:0;pointer-events:none}.residence-photo-hotspots button{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;white-space:nowrap;box-shadow:0 0 0 5px #fff4,0 5px 20px #0004}.residence-photo-status{position:absolute;top:45%;left:50%;transform:translateX(-50%);padding:15px;background:#243229;border-radius:8px}.residence-tour[data-view=photo] .residence-heading{max-width:40%;background:#243229bf;backdrop-filter:blur(8px)}@media(max-width:760px){.residence-tour[data-view=photo] .residence-heading{max-width:none}.residence-photo-hotspots button{font-size:12px;padding:8px}.residence-tour[data-view=photo] .residence-navigation{background:#243229cf;backdrop-filter:blur(8px)}}