@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');
:root{--paper:#080e19;--ink:#edf3ff;--blue:#629cff;--line:#273750;--muted:#9dacc2;--font:Pretendard,-apple-system,BlinkMacSystemFont,Arial,sans-serif}
body{background:#080e19}header{border-color:#253249;background:#080e1ae8}.brand{font-family:var(--font);font-weight:800;font-size:38px}.brand span{font-size:9px;font-weight:600;color:#b1bed2}.view,.about-link{font-size:16px;font-weight:700}.view.active{color:#d9e8ff;box-shadow:0 2px #5997ff}#motion{font-size:12px}.motion-icon{border-color:#4a607d}.world{isolation:isolate;min-height:710px;height:calc(100svh - 190px)}.editorial{top:11%;width:27%}.eyebrow{font-size:12px;color:#a3c6fc;font-weight:700;letter-spacing:1.8px}h1{font-family:var(--font);font-weight:800;letter-spacing:-3px;font-size:clamp(45px,4.7vw,77px)}h1 em{color:#75aaff}.intro{font-size:17px;line-height:1.8;color:#bccade}.text-link{font-size:14px;font-weight:700;border-color:#536580}.editorial-foot{font-size:12px;color:#a3b2c8;margin-top:42px}.editorial-foot span:first-child{font-size:12px;color:#86b6ff}.stage-wrap{left:23%;right:-2%}.architecture{mix-blend-mode:normal;filter:brightness(.91);mask-image:linear-gradient(to right,transparent,black 8%,black 94%,transparent),linear-gradient(to bottom,transparent,black 7%,black 92%,transparent);mask-composite:intersect}.activity{display:none}.room{min-width:177px;min-height:70px;padding:13px 15px;background:linear-gradient(135deg,#142339ed,#080f1ded);border:1px solid #567eaf;border-top-color:#8cc5ff;border-radius:3px;box-shadow:0 9px 30px #0006,inset 0 0 20px #36578919;backdrop-filter:blur(15px);z-index:4}.room::before,.project-panel::before{content:'';position:absolute;left:5px;top:5px;width:8px;height:8px;border-left:1px solid #9ed2ff;border-top:1px solid #9ed2ff;pointer-events:none}.room::after{content:'';position:absolute;bottom:0;left:15px;width:27%;height:2px;background:#61a8ff;box-shadow:0 0 12px #3288ff}.room b{font-family:var(--font);font-size:17px;font-weight:800}.room .number{font-size:11px;color:#92c2ff}.room .arrow{font-size:16px;margin-left:7px}.room small{font-size:11px;color:#a7bad5;margin-top:7px;font-weight:500}.room:hover,.room.selected,.room:focus-visible{background:linear-gradient(135deg,#193a6a,#0b1d36);border-color:#b1dbff;box-shadow:0 0 24px #3a88ff40,inset 0 0 22px #377dee20}.project-panel{background:linear-gradient(145deg,#16243af5,#07111ff5);border:1px solid #4e80b7;border-top-color:#9cd0ff;box-shadow:0 25px 90px #0009,inset 0 0 90px #2b558314;width:330px;padding:35px 28px;top:13%}.project-panel h2{font-family:var(--font);font-size:42px;font-weight:800;letter-spacing:-1.5px}.panel-korean{font-size:19px;font-weight:700;color:#8abaff}#panel-description{font-size:17px;color:#c9d6e9;line-height:1.85}.project-panel .eyebrow{font-size:11px}.primary{background:linear-gradient(110deg,#1852de,#0869eb);border:1px solid #4799ff;box-shadow:0 5px 24px #135ad830,inset 0 1px #a9d6ff50;font-size:15px;font-weight:700;color:#fff}.scene-help,.world-note{font-size:12px;color:#a1b5d2}.world-note{display:none}.footer-note{font-size:12px}.floor-nav button{font-size:14px;font-weight:700;font-family:var(--font);min-width:34px;color:#b2c1d5}.floor-nav button.selected{color:#99caff}.contact-link{font-size:15px;font-weight:700}.contact-link span{background:#1d5aea}.flow-background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 70% 40%,#17335833,transparent 60%)}.flow-background svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.flow-background path{fill:none;stroke:#356fff;stroke-width:1;opacity:.3;stroke-dasharray:170 900;animation:flow 22s linear infinite}.flow-background path:nth-child(2){stroke:#89d6ff;animation-duration:29s;animation-delay:-8s;opacity:.22}.flow-background path:nth-child(3){stroke-width:3;filter:blur(5px);opacity:.25;animation-duration:35s}.flow-background::after{content:'';position:absolute;inset:0;background-image:radial-gradient(#76a7ef33 .6px,transparent .7px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,#0005,transparent)}@keyframes flow{to{stroke-dashoffset:-2140}}.room-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;filter:brightness(1.42) saturate(1.12);transition:opacity .45s ease;z-index:1}.room-light.on{opacity:1}.room-zone{position:absolute;z-index:2;border:0;background:transparent;cursor:pointer;clip-path:var(--shape)}.paused .flow-background path{animation-play-state:paused}.company-footer{position:relative;padding:35px 3.4% 30px;margin-top:0;border-top:1px solid #273750;display:grid;grid-template-columns:200px 1fr auto;gap:35px;background:#060b13;font-size:13px;line-height:1.9;color:#98a9c0}.company-footer strong{display:block;font-size:27px;letter-spacing:5px;font-weight:800;color:#e7f1ff}.company-footer p{margin:0 0 5px}.company-footer a:hover{text-decoration:underline;color:#accfff}.company-links{display:flex;gap:15px;flex-wrap:wrap}.company-footer .copyright{font-size:10px;margin-top:10px;color:#798aa3}.project-row b{font-family:var(--font);font-weight:800;font-size:28px}.project-row p{font-size:15px}.project-row small{font-size:14px}.list-heading h2{font-weight:800}.list-preview{background:#132036;border:1px solid #395773}.list-preview p{font-size:16px}dialog{background:linear-gradient(140deg,#14233b,#080f1c);border-color:#49698f}dialog h2{font-weight:800}dialog p{font-size:16px}.principles b{font-size:15px}.principles span{font-size:14px}textarea,select{background:#091320;color:#ecf3ff;border-color:#405575}.detail-art{background-image:url('assets/atelier-night.png');mix-blend-mode:normal}.detail-hero h1{font-weight:800}.detail-description{color:#bac9dd}.media-error .stage{background:linear-gradient(135deg,#11263d,#101927)}.media-error .room-light{display:none}.detail-note{line-height:1.9}
@media(max-width:1100px){nav{gap:20px;margin-right:22px}.view,.about-link{font-size:14px}.room{min-width:149px;padding:10px;min-height:61px}.room b{font-size:14px}.room small{font-size:10px}.project-panel{width:290px;padding:29px 22px}.project-panel h2{font-size:36px}#panel-description{font-size:15px}.intro{font-size:15px}.company-footer{grid-template-columns:140px 1fr}.company-links{grid-column:2}.scene-help{font-size:11px}.stage-wrap{left:22%;right:-4%}}
@media(max-width:700px){header{height:85px;padding:18px 5%}.brand{font-size:28px}.brand span{font-size:6px}nav{gap:15px;margin:0}.view{font-size:13px}.about-link{display:none}.world{height:auto;min-height:0}.editorial{top:auto;width:auto;padding:30px 6% 0}h1{font-size:42px;letter-spacing:-1.8px;margin-top:24px}.intro{font-size:16px}.text-link{font-size:14px}.eyebrow{font-size:10px}.stage-wrap{left:auto;right:auto;margin:20px 0 0}.stage{aspect-ratio:1.2}.architecture{height:100%;object-fit:cover;object-position:center}.room-light{object-fit:cover}.room{min-width:116px;min-height:51px;padding:8px 6px}.room b{font-size:11px}.room .number{font-size:8px;margin-right:3px}.room .arrow{font-size:11px;margin-left:3px}.room small{display:none}.room::after{left:6px}.project-panel{width:auto;margin:0 6% 22px;padding:26px}.project-panel h2{font-size:36px}.panel-korean{font-size:17px}#panel-description{font-size:16px}.scene-help{font-size:11px;line-height:1.7;margin-top:18px}.primary{font-size:14px;padding:15px}.footer-note{font-size:11px}.floor-nav{gap:1px}.floor-nav button{font-size:13px;min-width:30px}.contact-link{font-size:12px}footer{min-height:118px}.company-footer{padding:30px 6%;grid-template-columns:1fr;gap:15px;font-size:12px}.company-footer strong{font-size:25px}.company-links{grid-column:1;gap:16px}.company-footer .copyright{font-size:10px}.project-row b{font-size:24px}.project-row small{font-size:12px}.project-list{padding-top:35px}dialog h2{font-size:30px}dialog p{font-size:15px}.detail-description{font-size:16px}.detail-hero h1{font-size:35px}}
@media(max-width:700px){.stage{aspect-ratio:1.5}.room{min-width:116px}}
@media(prefers-reduced-motion:reduce){.flow-background path{animation:none}.room-light{transition:none}}