:root{--paper:#eeece7;--ink:#232721;--blue:#174be8;--line:#cac8c0;--muted:#666c64;--font:'Noto Sans KR',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}.skip{position:fixed;top:-60px;left:20px;z-index:99;background:white;padding:12px}.skip:focus{top:10px}header{height:100px;padding:27px 3.4%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;border-bottom:1px solid #d3d1ca88}.brand{font:500 37px/1 Arial,sans-serif;letter-spacing:5px}.brand span{display:block;font:8px/1.2 var(--font);letter-spacing:1.5px;margin-top:10px}nav{display:flex;gap:27px;align-items:center;margin-left:auto;margin-right:42px}.view{padding:10px 0;color:var(--muted);font-size:12px}.view.active{color:var(--ink);box-shadow:0 1px currentColor}.about-link{font-size:12px;margin-left:25px}.about-link span{margin-left:12px}#motion{display:flex;gap:8px;align-items:center;font-size:10px}.motion-icon{border:1px solid #a5aaa0;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.world{position:relative;min-height:650px;height:calc(100svh - 176px);max-height:1100px;overflow:hidden}.editorial{position:absolute;z-index:2;top:9%;left:3.4%;width:26%;pointer-events:none}.editorial button{pointer-events:auto}.eyebrow{font:10px/1.6 var(--font);letter-spacing:2px;font-weight:600}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:7px;box-shadow:0 0 0 4px #174be810}h1{font-size:clamp(40px,4.25vw,74px);font-weight:500;line-height:1.27;letter-spacing:-3.5px;margin:35px 0 25px}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:clamp(12px,1vw,15px);line-height:1.95;letter-spacing:-.4px}.text-link{padding:14px 0;margin-top:5px;font-size:11px;border-bottom:1px solid #b7bbb0}.text-link span{margin-left:30px}.editorial-foot{margin-top:55px;display:flex;flex-direction:column;gap:8px;font-size:9px;color:var(--muted);letter-spacing:.5px}.editorial-foot span:first-child{color:var(--blue);letter-spacing:2px;font-size:10px}.stage-wrap{position:absolute;inset:0 0 0 22%;display:flex;justify-content:center;align-items:center;padding-bottom:10px}.stage{position:relative;width:100%;max-width:1430px;aspect-ratio:1.5;transform:translate(var(--px,0),var(--py,0));transition:transform .6s ease-out}.architecture{width:100%;height:auto;display:block;mix-blend-mode:multiply}.activity{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.signal circle{fill:#a1eaff;animation:signal 3s ease-in-out infinite;filter:drop-shadow(0 0 8px #a1eaff)}.room{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);min-width:126px;padding:9px 12px;border:1px solid #ffffffa0;background:#f7f7f0ed;backdrop-filter:blur(8px);border-radius:2px;box-shadow:0 4px 16px #373e3912;text-align:left;z-index:2;transition:background .2s,transform .25s,box-shadow .25s}.room .number{font-size:9px;font-weight:600;letter-spacing:1px;color:var(--blue);margin-right:7px}.room b{font:500 12px/1.3 Arial,sans-serif;letter-spacing:.2px}.room .arrow{margin-left:12px;color:var(--blue)}.room small{display:block;font-size:8px;margin-top:4px;color:#5c6558}.room:hover,.room.selected,.room:focus-visible{background:var(--blue);color:white;transform:translate(-50%,-60%);box-shadow:0 8px 35px #174be830}.room:hover .number,.room:hover .arrow,.room.selected .number,.room.selected .arrow,.room.selected small,.room:hover small{color:#fff}.world-note{position:absolute;bottom:1%;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted);white-space:nowrap}.scene-help{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted);white-space:nowrap}.scene-help span{color:var(--blue);margin-right:8px}.project-panel{position:absolute;left:3.4%;top:10%;width:300px;z-index:4;background:#f8f8f3f5;border:1px solid #fff;border-radius:3px;padding:36px 27px 28px;box-shadow:0 20px 70px #23302515;animation:panel-in .25s ease-out}.world:has(.project-panel:not([hidden])) .editorial{opacity:0}.project-panel h2{font:400 36px/1.1 Arial,sans-serif;letter-spacing:-1px;margin:35px 0 12px}.panel-korean{font-size:13px;color:var(--blue)}#panel-description{font-size:14px;line-height:1.9;margin:24px 0 32px;word-break:keep-all}.primary{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--blue);color:white;padding:16px 18px;font-size:12px;border-radius:2px}.close{position:absolute;right:14px;top:10px;font:27px/1 Arial;width:35px;height:35px}.project-panel .eyebrow{padding-right:10px;font-size:9px}footer{min-height:76px;border-top:1px solid var(--line);margin:0 3.4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-note{font-size:10px;color:var(--muted)}.footer-note i{display:inline-block;width:5px;height:5px;background:#718978;border-radius:50%;margin-right:8px}.floor-nav{display:flex;gap:14px}.floor-nav button{font:11px/1.4 Arial;padding:10px 7px;border-bottom:1px solid transparent;color:#71766e}.floor-nav button.selected{color:var(--blue);border-color:var(--blue)}.contact-link{font-size:12px}.contact-link span{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--blue);color:white;border-radius:50%;margin-left:10px}.project-list{min-height:calc(100svh - 176px);padding:60px 8%}.list-heading h2{font-size:38px;font-weight:500;letter-spacing:-1.5px;line-height:1.5}#list-items{margin-top:35px}.project-row{display:grid;grid-template-columns:40px 1fr 1.1fr 35px;align-items:center;gap:24px;border-top:1px solid var(--line);padding:25px 0;width:100%;text-align:left}.project-row:hover{color:var(--blue)}.project-row .row-number{font-size:11px;color:var(--blue)}.project-row b{font:400 25px/1.5 Arial}.project-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.project-row p{font-size:12px;line-height:1.8;margin:0;word-break:keep-all}.project-row .row-arrow{font-size:23px}.list-preview{padding:25px;background:#f7f7f1;margin-bottom:15px;max-width:620px;margin-left:auto}.list-preview p{line-height:1.9}.list-preview .primary{max-width:280px}dialog{border:1px solid #fff;background:#f5f4ef;color:var(--ink);padding:58px;max-width:660px;width:calc(100% - 32px);max-height:90svh;box-shadow:0 35px 150px #17251d22}dialog::backdrop{background:#252b2540;backdrop-filter:blur(9px)}dialog h2{font-size:38px;font-weight:500;line-height:1.5;letter-spacing:-1.5px}dialog h2 em{font-style:normal;color:var(--blue)}dialog p{font-size:13px;line-height:2;word-break:keep-all}.principles{border-top:1px solid var(--line);margin-top:30px}.principles div{display:flex;flex-direction:column;gap:8px;margin-top:22px}.principles b{font-size:12px}.principles span{font-size:12px;color:var(--muted)}form label{display:block;font-size:12px;margin:20px 0}textarea,select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:0;background:#fff9;color:var(--ink)}textarea{resize:vertical}form .primary{width:100%}.form-note{font-size:10px!important;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font);line-height:1.8;font-size:13px}.detail-page{padding:40px 7% 70px}.back{font-size:12px;padding:8px 0;border-bottom:1px solid var(--line)}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;min-height:530px}.detail-hero h1{font-size:clamp(32px,3.5vw,57px);letter-spacing:-2px;white-space:pre-line}.detail-description{font-size:15px;line-height:2;max-width:470px;word-break:keep-all}.detail-hero .primary{margin-top:30px;max-width:250px}.detail-art{height:440px;background-image:url('assets/atelier.png');background-size:280%;border-radius:120px 4px 4px 4px;background-position:var(--crop);mix-blend-mode:multiply}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:30px}.feature-list p{font-size:17px}.feature-list span{font-size:10px;color:var(--blue);letter-spacing:2px}.detail-note{margin-top:40px;color:var(--muted);font-size:12px}.work-link{display:flex;justify-content:space-between;border:1px solid var(--line);padding:24px;margin-top:30px}.work-link small{display:block;margin-top:12px;color:var(--muted);font-size:10px}.no-script{padding:25px;background:white}.media-error .stage{background:linear-gradient(120deg,#e8e8df,#cdd6dd);border:1px solid var(--line)}.media-error .activity{display:none}.media-error .architecture{visibility:hidden}.paused .signal circle{animation-play-state:paused}@keyframes signal{50%{opacity:.25}}@keyframes panel-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(min-width:1700px){.project-panel{width:350px;padding:40px}.stage-wrap{left:25%}}@media(max-width:1050px){header{height:85px}.brand{font-size:30px}nav{gap:15px;margin-right:20px}.about-link{margin-left:0}.motion-label{display:none}.world{height:calc(100svh - 161px);min-height:580px}.editorial{top:8%;width:29%}h1{font-size:43px;letter-spacing:-2px}.editorial-foot{margin-top:30px}.stage-wrap{left:20%;right:-8%}.room{padding:7px;min-width:105px}.room b{font-size:10px}.room small{font-size:7px}.project-panel{width:265px;padding:30px 20px}.footer-note{max-width:160px;line-height:1.7}.floor-nav{gap:8px}.scene-help{font-size:9px}.detail-art{height:350px}}
@media(max-width:700px){header{height:80px;padding:18px 6%;flex-wrap:wrap}.brand{font-size:26px;letter-spacing:4px}.brand span{font-size:6px;letter-spacing:.8px;margin-top:6px}nav{gap:14px;margin:0}.view{font-size:10px;padding:8px 0}.about-link{display:none}#motion{position:absolute;right:6%;top:96px;z-index:8}.world{min-height:0;height:auto;max-height:none;overflow:visible;padding-bottom:10px}.editorial{position:relative;top:auto;left:auto;width:auto;padding:30px 6% 0}.eyebrow{font-size:8px}h1{font-size:37px;line-height:1.35;letter-spacing:-2px;margin:20px 0 15px}h1 br:first-child{display:none}.intro{font-size:12px;line-height:1.85;margin-bottom:6px}.text-link{font-size:10px;padding:9px 0;margin:0}.editorial-foot{display:none}.stage-wrap{position:relative;inset:auto;width:100%;padding:0;margin-top:5px;display:block}.stage{width:100%;aspect-ratio:1.5;transform:none!important}.room{min-width:0;padding:7px 6px;border:1px solid #fff;box-shadow:0 2px 10px #30393419}.room b{font-size:8px}.room .number{font-size:7px;margin-right:3px}.room .arrow{margin-left:3px;font-size:9px}.room small{display:none}.world-note{display:none}.scene-help{position:static;transform:none;text-align:center;font-size:9px;white-space:normal;margin:15px 20px 20px}.project-panel{position:relative;left:auto;top:auto;margin:0 6% 22px;width:auto;padding:22px;box-shadow:none;animation:panel-in .25s}.project-panel h2{font-size:30px;margin:16px 0 7px}.project-panel .eyebrow{margin-top:0}#panel-description{font-size:13px;margin:15px 0 20px}.world:has(.project-panel:not([hidden])) .editorial{opacity:1}.panel-korean{font-size:11px}footer{margin:0 6%;min-height:115px;flex-wrap:wrap;gap:8px;padding:18px 0}.footer-note{order:3;max-width:none;width:100%;font-size:8px}.floor-nav{gap:5px}.floor-nav button{font-size:10px;padding:8px 6px}.contact-link{font-size:10px;padding:0}.contact-link span{width:24px;height:24px;margin-left:5px}.project-list{padding:25px 6%;min-height:65svh}.list-heading h2{font-size:28px}.project-row{grid-template-columns:22px 1fr 22px;gap:12px;padding:20px 0}.project-row b{font-size:21px}.project-row small{font-size:10px}.project-row p{display:none}.list-preview{padding:18px}.list-preview p{font-size:13px}.detail-page{padding:20px 6% 45px}.detail-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;gap:20px;min-height:0}.detail-hero h1{font-size:32px}.detail-description{font-size:13px}.detail-art{height:250px;border-radius:70px 3px 3px 3px}.feature-list{grid-template-columns:1fr;gap:5px;margin-top:30px;padding-top:10px}.feature-list p{font-size:15px}.detail-note{font-size:11px;line-height:1.8}dialog{padding:35px 25px}dialog h2{font-size:29px;letter-spacing:-1px}dialog p{font-size:12px}.work-link{font-size:13px}.primary{font-size:11px}.principles span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.stage{transform:none!important}}

@media(max-width:700px){.room{min-height:44px;min-width:104px}.room b{font-size:10px}.room .number{font-size:8px}.room .arrow{font-size:10px}.floor-nav button{min-height:44px}}