@font-face{font-family:Pretendard Variable;src:url(../fonts/PretendardVariable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:MaruBuri;src:url(../fonts/MaruBuri-SemiBold.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}:root{--font-body:"Pretendard Variable","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-display:"MaruBuri","Batang",serif;font-family:var(--font-body);letter-spacing:-.012em;color:#f4f0e8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#080d16;font-weight:400}*{box-sizing:border-box}html,body,#root,main{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}main{background:radial-gradient(#172536,#080d16 73%);position:relative}.scene{touch-action:none;position:absolute;inset:0}.scene canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.is-opening .scene{bottom:88px}.vignette{pointer-events:none;background:linear-gradient(0deg,#080d16aa,#0000 60px);transition:opacity 4s;position:absolute;inset:0;box-shadow:inset 0 0 110px 18px #02060d70}.is-touring{grid-template-columns:minmax(0,1fr) 328px;gap:12px;padding-right:40px;display:grid}.is-touring .scene{grid-area:1/1;width:100%;min-width:0;height:100%;min-height:0;position:relative;inset:auto}.is-touring .vignette{background:0 0}.keyboard-access{position:absolute}.building-tour{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(155deg,#1a282cc9,#0b141bf5);border:1px solid #c7d9d41c;border-radius:20px;flex-direction:column;grid-area:1/2;align-self:center;max-height:calc(100dvh - 48px);padding:28px 24px;animation:.4s both arrive;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0004,inset 0 1px #edf8e80a}.tour-eyebrow{color:#9aafa8;letter-spacing:.16em;justify-content:space-between;gap:12px;font-size:9px;display:flex}.tour-eyebrow span{color:#657e76}.tour-intro{color:#8c9d9e;letter-spacing:.02em;margin:14px 0 24px;font-size:12px}.tour-eyebrow,.tour-intro,.tour-navigation,.tour-exit{flex-shrink:0}.building-panel:focus-visible{outline:1px solid var(--place-color);outline-offset:-1px}.building-panel .place-context{color:#93a9a9;word-break:keep-all;margin:-8px 0 22px;font-size:12px;line-height:1.65}.place-description h2{color:var(--place-color);letter-spacing:.01em;margin:0 0 10px;font-size:12px;font-weight:600;line-height:1.5}.place-description+.place-description{border-top:1px solid #d4e1d814;margin-top:20px;padding-top:18px}.building-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8caaa255 transparent;min-height:0;padding-right:6px;overflow-y:auto}.tour-category{color:var(--place-color);letter-spacing:.04em;align-items:center;gap:9px;margin-bottom:13px;font-size:11px;font-weight:550;display:flex}.panel-mark{background:var(--place-color);width:18px;height:2px;display:block}.building-panel h1{font-family:var(--font-display);letter-spacing:-.04em;word-break:keep-all;text-wrap:balance;margin:0 0 18px;font-size:1.625rem;font-weight:600;line-height:1.45}.building-panel p{color:#c0ccce;word-break:keep-all;overflow-wrap:break-word;margin:0;font-size:14.5px;line-height:1.85}.building-panel[aria-busy=true]{opacity:.65;transition:opacity .3s}.tour-navigation{border-top:1px solid #d4e1d819;justify-content:space-between;align-items:center;gap:20px;margin-top:12px;padding:22px 0 20px;display:flex}.tour-arrow{color:#d0ddd5;cursor:pointer;touch-action:manipulation;background:#b9d4c707;border:1px solid #c5d5ce2e;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;transition:background .2s,border-color .2s;display:grid}.tour-arrow svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.tour-arrow:hover{border-color:var(--place-color);color:var(--place-color);background:#d9e8d518}.tour-arrow:focus-visible,.tour-exit:focus-visible{outline:2px solid var(--place-color);outline-offset:4px}.tour-progress{flex-direction:column;align-items:center;gap:10px;display:flex}.tour-count{color:#f1eee3;letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:17px}.tour-count i{color:#748987;font-size:11px;font-style:normal}.tour-dots{gap:7px;display:flex}.tour-dots i{opacity:.28;border-radius:4px;width:4px;height:4px;transition:width .2s,opacity .2s}.tour-dots .is-current{opacity:1;width:17px}.tour-exit{color:#b5c5bd;cursor:pointer;touch-action:manipulation;background:#c5d7c50b;border:1px solid #cddace20;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:46px;padding:12px 14px;font-size:12px;display:flex}.tour-exit:hover{color:#f1eee3;background:#c5d7c519}.tour-exit span{font-size:19px}@media (width<=1000px){.is-touring{grid-template-columns:minmax(0,1fr) 300px;padding-right:20px}.building-tour{padding:22px 20px}.building-panel h1{font-size:1.4rem}}@media (width<=760px) and (height>=541px){.is-touring{padding:0 16px max(16px,env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:0}.building-tour{border-radius:18px;grid-area:2/1;align-self:end;max-height:48dvh;padding:18px 20px}.tour-eyebrow{font-size:8px}.tour-intro{display:none}.building-panel{min-height:0;margin-top:18px}.tour-category{margin-bottom:8px;font-size:10px}.building-panel h1{margin-bottom:12px;font-size:1.375rem}.building-panel p{font-size:13.5px;line-height:1.8}.tour-navigation{margin-top:18px;padding:14px 0}.tour-exit{min-height:44px}.tour-arrow{width:44px;height:44px}}@media (height<=540px){.is-touring{grid-template-columns:minmax(0,1fr) 292px;padding-right:16px}.building-tour{max-height:calc(100dvh - 24px);padding:16px 18px}.tour-intro{display:none}.building-panel{min-height:0;margin-top:18px}.tour-category{margin-bottom:8px}.building-panel h1{margin-bottom:12px;font-size:1.375rem}.building-panel p{font-size:13px;line-height:1.75}.tour-navigation{margin-top:16px;padding:12px 0}.tour-arrow{width:44px;height:44px}.tour-exit{min-height:44px}}.keyboard-access button{width:1px;height:1px;position:fixed;top:auto;left:-10000px;overflow:hidden}.keyboard-access button:focus-visible{z-index:20;color:#fff;background:#131e2b;border:1px solid #e1c48b;border-radius:8px;outline:2px solid #e1c48b;width:auto;height:auto;padding:12px 18px;top:18px;left:50%;transform:translate(-50%)}.error{background:#26252de8;border:1px solid #cda67666;border-radius:8px;width:calc(100% - 40px);max-width:600px;padding:15px 20px;font-size:14px;line-height:1.6;position:absolute;top:20px;left:50%;transform:translate(-50%)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.opening-prompt{left:50%;bottom:max(25px,env(safe-area-inset-bottom));pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:12px;width:calc(100% - 32px);display:flex;position:absolute;transform:translate(-50%)}.opening-prompt p{color:#b5bcb5;letter-spacing:.08em;margin:0;font-size:12px}.opening-caption{color:#71827f;letter-spacing:.03em;font-size:10px}.opening-start{color:#e2decf;letter-spacing:.04em;cursor:pointer;pointer-events:auto;background:linear-gradient(115deg,#4b382322,#264c5c40,#44293d25,#29453935),#11191eee;border:1px solid #c8c1a644;border-radius:30px;align-items:center;gap:17px;min-height:48px;padding:12px 22px;font-size:13px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 0 28px #92bcab0a}.opening-lights{gap:5px;display:flex}.opening-lights i{border-radius:4px;width:4px;height:12px;box-shadow:0 0 10px}.opening-start:hover{border-color:#d8c69b99;box-shadow:0 0 30px #9bc5ab18}.opening-start:focus-visible{outline-offset:5px;outline:2px solid #d3be94}.opening-entering{bottom:max(42px,env(safe-area-inset-bottom));text-align:center;letter-spacing:.13em;color:#b5bfb1;pointer-events:none;width:100%;margin:0;font-size:12px;position:absolute;left:0}.is-opening .vignette{background:linear-gradient(0deg,#080d16 75px,#0000 155px)}@media (width<=640px){.opening-prompt{bottom:max(25px,env(safe-area-inset-bottom));gap:10px}.opening-start{min-height:48px}.opening-prompt p{font-size:11px}}@media (height<=460px){.opening-prompt{gap:7px;bottom:12px}.opening-prompt p,.opening-caption{display:none}.opening-entering{bottom:24px}}@keyframes arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.is-opening .scene{bottom:90px}.vignette{box-shadow:inset 0 0 55px #02060d4a}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.core-status{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;pointer-events:none;color:#d2d9d8;background:#0a121ccc;border:1px solid #b6bfc41c;border-radius:14px;width:max-content;max-width:calc(100% - 28px);padding:12px 20px;transition:background 4s,border-color 4s,box-shadow 4s,color 4s;position:absolute;top:24px;left:50%;transform:translate(-50%)}.core-status-heading{letter-spacing:.09em;justify-content:center;align-items:center;gap:14px;font-size:11px;display:flex}.core-status-heading>span:last-child:not(:first-child):not(.core-colors){font-variant-numeric:tabular-nums;color:#9aa8ac;font-size:10px}.core-status p{color:#a7b6bb;word-break:keep-all;margin:8px 0 0;font-size:12px;line-height:1.5;transition:color 4s}.core-colors{gap:7px;display:flex}.core-colors i{border:1px solid var(--core-color);opacity:.3;border-radius:50%;width:7px;height:7px;transition:background .2s,opacity .2s,box-shadow .2s}.core-colors i.is-lit{background:var(--core-color);opacity:1;box-shadow:0 0 10px var(--core-color)}@media (width<=600px){.core-status{padding:10px 15px;top:14px}.core-status p{font-size:11px}.core-status-heading{font-size:10px}}@media (height<=460px){.core-status{max-width:220px;padding:10px 12px;top:12px;left:14px;transform:none}.core-status-heading{gap:8px;font-size:10px}.core-status p{font-size:10px}}@media (prefers-reduced-motion:reduce){.core-colors i{transition:none}}.opening-start,.tour-exit{letter-spacing:-.01em;font-weight:550}.tour-count{font-weight:550}.core-status-heading>span:first-child{font-weight:600}.core-status h2{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:13px 0 0;font-size:20px;font-weight:600;line-height:1.55}.is-complete{color:#30453b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#eee8d8}.is-complete .vignette{opacity:0}.is-complete .core-status{color:#466155;background:#fff9edc4;border-color:#fff9;padding:16px 28px 18px;box-shadow:0 8px 38px #697f6520,inset 0 1px #fffc}.is-complete .core-status h2{color:#365247;animation:1.6s both completion-arrive}.is-complete .core-status p{color:#647968;margin-top:6px;animation:1.8s both completion-arrive}.is-complete .core-colors i.is-lit{box-shadow:0 0 9px color-mix(in srgb,var(--core-color) 55%,transparent)}.building-tour{transition:background 4s,border-color 4s,box-shadow 4s,color 4s}.is-complete .building-tour{background:linear-gradient(155deg,#fffef7e8,#edf1e5ee);border-color:#ffffffe0;box-shadow:0 20px 60px #50664824,inset 0 1px #fff}.is-complete .tour-eyebrow{color:#687e6b}.is-complete .tour-eyebrow span{color:#839081}.is-complete .tour-intro{color:#798575}.is-complete .building-panel{scrollbar-color:#72856855 transparent}.is-complete .building-panel h1{color:#314e42}.is-complete .building-panel p{color:#54665b}.is-complete .building-panel .place-context{color:#788175}.is-complete .tour-category,.is-complete .place-description h2{color:color-mix(in srgb,var(--place-color) 45%,#304b39)}.is-complete .panel-mark{background:color-mix(in srgb,var(--place-color) 55%,#304b39)}.is-complete .place-description+.place-description,.is-complete .tour-navigation{border-top-color:#60765924}.is-complete .tour-arrow{color:#5b725f;background:#fff9;border-color:#6b84693d}.is-complete .tour-arrow:hover{color:#385b42;background:#e5eddc;border-color:#799775}.is-complete .tour-count{color:#3d5645}.is-complete .tour-count i{color:#84917d}.is-complete .tour-exit{color:#566e55;background:#dce7d447;border-color:#6b846930}.is-complete .tour-exit:hover{color:#38513c;background:#dce7d49c}.is-complete .tour-arrow:focus-visible,.is-complete .tour-exit:focus-visible,.is-complete .building-panel:focus-visible{outline-color:#587553}.is-complete .keyboard-access button:focus-visible{color:#355039;background:#fffbed;border-color:#719066;outline-color:#719066}@keyframes completion-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.is-complete .core-status{padding:13px 21px 15px}.core-status h2{margin-top:10px;font-size:17px}.is-complete .core-status p{font-size:11px}}@media (height<=460px){.is-complete .core-status{padding:12px 15px}.core-status h2{font-size:14px}.is-complete .core-status p{font-size:10px}}
