:root{--accent:#00899a;--cyan:#c7f6f8;--nav-height:66px}body{background:#fff;color:#111;font-family:'Pretendard Variable',sans-serif}.movement-page .wrap{width:min(1100px,calc(100% - 80px));margin-inline:auto}.movement-page img{width:100%;height:auto;display:block}.movement-page figure{margin:0;min-width:0}.movement-page [data-view]{display:block;width:100%;padding:0;cursor:zoom-in}.movement-page .intro{padding:60px 0 42px}.project-label{display:inline-block;background:#111;color:white;padding:10px 18px;font-size:21px;font-weight:650;margin:0 0 27px}.movement-page h1{font-size:clamp(40px,4.6vw,65px);font-weight:720;line-height:1.18;letter-spacing:-.055em;word-break:keep-all}.movement-page .lead{font-size:21px;line-height:1.8;margin-top:28px}.project-meta{display:grid;grid-template-columns:1fr .65fr 2fr;gap:30px;border-top:1px solid #ddd;margin-top:40px;padding-top:26px}.project-meta dt{font-size:16px;color:#777;margin-bottom:10px}.project-meta dd{font-size:18px;line-height:1.8;margin:0}.movement-page .hero{position:relative;display:block;height:auto;min-height:0;background:#000;padding:0}.hero-slides{width:100%;aspect-ratio:16/9}.hero-slide img{width:100%;height:auto}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#fffefcdd;color:#111;display:grid;place-items:center;z-index:2;transition:background .2s}.hero-arrow:hover{background:#fff}.hero-arrow svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5}.hero-prev{left:18px}.hero-next{right:18px}.hero-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.movement-page .section{padding:76px 0;border-bottom:1px solid #ddd}.movement-page h2{font-size:clamp(30px,3.2vw,43px);line-height:1.3;letter-spacing:-.045em;font-weight:680;margin:0}.movement-page h3{font-size:24px;line-height:1.4;letter-spacing:-.03em;font-weight:650}.concept-flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:stretch;gap:15px;margin-top:38px}.concept-flow>div{border-top:2px solid #111;padding:24px 0 8px}.concept-flow span{font-size:15px;color:#666;display:block;margin-bottom:17px}.concept-flow strong{display:block;font-size:24px;line-height:1.4;letter-spacing:-.035em;word-break:keep-all}.concept-flow p{font-size:17px;color:#666;margin-top:10px}.concept-flow i{align-self:center;font-style:normal;color:#00899a;font-size:26px}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;margin-top:22px;padding:0}.process-steps li{border-top:1px solid #bbb;padding-top:22px}.process-steps b{font-size:16px;color:#00818c;display:block;margin-bottom:10px}.process-steps p{font-size:18px;color:#555;line-height:1.7;margin-top:12px}.section-heading{display:flex;gap:24px;align-items:baseline}.number{font-size:40px;font-weight:650;color:#00818c}.scene-key{display:flex;justify-content:space-between;align-items:center;gap:15px;border-block:1px solid #ddd;padding:20px 22px;margin-top:34px;font-size:19px}.scene-key i{font-style:normal;color:#00818c}.film{margin-top:36px!important}.film video{width:100%;height:auto;display:block;background:#05090a}.movement-page figcaption{font-size:16px;line-height:1.65;color:#777;margin-top:14px;text-align:center}.contribution{font-size:25px;line-height:1.6;letter-spacing:-.025em;margin-top:30px}.photo-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}.official-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #111;width:250px;margin:26px 0 0 auto;padding:12px 0;font-size:18px}.official-link span{font-size:23px}.movement-page .close-scene{padding-top:60px;padding-bottom:60px}.credits{display:grid;grid-template-columns:1fr 2fr;gap:45px}.credits dl{margin:0}.credits dl>div{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:18px 0;border-bottom:1px solid #eee;font-size:17px;line-height:1.8}.credits dt{color:#777}.credits dd{margin:0}.neighbors{display:flex;justify-content:space-between;gap:25px;padding:50px 0 70px;font-size:16px;line-height:2}.neighbors>a:last-child{text-align:right}.neighbors strong{font-size:20px}#viewer{width:min(1200px,96vw);max-height:95vh;padding:55px;background:#fff;border:0;margin:auto}#viewer::backdrop{background:#000d}#viewer img{width:100%;height:78vh;object-fit:contain}#viewer button{position:absolute;background:#fff;color:#111;font-size:32px;width:44px;height:44px}.viewer-close{right:8px;top:5px}.viewer-prev{left:4px;top:50%}.viewer-next{right:4px;top:50%}
@media(max-width:700px){.movement-page .wrap{width:calc(100% - 40px)}.movement-page .intro{padding:30px 0}.project-label{font-size:17px;margin-bottom:24px}.movement-page h1{font-size:36px}.movement-page .lead{font-size:18px}.lead br{display:none}.project-meta{grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.project-meta>div:last-child{grid-column:1/-1}.project-meta dt{font-size:15px}.project-meta dd{font-size:17px}.hero-arrow{width:36px;height:36px}.hero-arrow svg{width:20px}.hero-prev{left:10px}.hero-next{right:10px}.movement-page .section{padding:48px 0}.movement-page h2{font-size:30px}.movement-page h3{font-size:22px}.concept-flow{grid-template-columns:1fr;gap:0;margin-top:28px}.concept-flow>div{padding:20px 0}.concept-flow span{margin-bottom:9px}.concept-flow strong{font-size:23px}.concept-flow i{transform:rotate(90deg);justify-self:center;margin-bottom:15px}.process-steps{grid-template-columns:1fr;gap:22px;margin-top:14px}.process-steps li{display:grid;grid-template-columns:32px 1fr;gap:0 12px;padding-top:18px}.process-steps b{grid-row:1/3;padding-top:4px}.process-steps p{font-size:17px;grid-column:2;margin-top:7px}.process-steps p br{display:none}.section-heading{gap:14px}.number{font-size:30px}.scene-key{padding:17px 0;font-size:15px;gap:8px}.scene-key strong{font-size:15px}.film{margin-top:26px!important}.contribution{font-size:22px}.photo-row{grid-template-columns:1fr;gap:25px;margin-top:28px}.movement-page figcaption{font-size:14px;margin-top:10px}.credits{grid-template-columns:1fr;gap:22px}.credits dl>div{font-size:15px;gap:20px}.neighbors{padding:36px 0 90px;flex-direction:column}.neighbors>a:last-child{text-align:left}.neighbors strong{font-size:18px}.official-link{font-size:17px;width:225px}#viewer{padding:45px 35px}#viewer img{height:65vh}}
/* XG creative revision: source-based design explanation. */
.project-context{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}.section-copy{max-width:850px;font-size:20px;line-height:1.85;word-break:keep-all;margin:24px 0 0;color:#444}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:38px 0 0;padding:0;list-style:none}.workflow li{position:relative;border-top:2px solid #111;padding:24px 0 0}.step-index{font-size:16px;color:var(--accent);font-weight:650;display:block;margin-bottom:25px}.workflow h3{font-size:24px;word-break:keep-all}.workflow p{font-size:17px;line-height:1.8;margin:15px 0 23px;color:#555}.step-output{display:block;border-top:1px solid #ddd;padding-top:16px;font-size:15px;color:#555}.workflow li:not(:last-child)::after{content:'→';position:absolute;right:0;top:18px;color:var(--accent);font-size:23px}.design-inputs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-block:1px solid #bbb;padding:26px 0}.design-inputs>div{padding:0 26px;border-right:1px solid #ddd}.design-inputs>div:first-child{padding-left:0}.design-inputs>div:last-child{border:0}.design-inputs span{display:block;font-size:15px;color:#666;margin-bottom:10px}.design-inputs strong{font-size:24px;font-weight:650;letter-spacing:-.035em}.design-output{text-align:center;padding:16px 12px 24px}.design-output>span{display:block;color:var(--accent);font-size:26px;margin-bottom:12px}.design-output strong{font-size:25px;letter-spacing:-.035em}.scene-studies{margin-top:12px}.contribution{margin-bottom:0}.operation-flow{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:36px;padding:24px 0;border-block:1px solid #ccc;font-size:20px}.operation-flow i{font-style:normal;color:var(--accent)}.result-wide{margin-top:45px}.result .photo-row{margin-top:24px}.credit-heading figure{margin-top:28px;max-width:270px}.credit-image{grid-column:1/-1}.movement-page .credits{row-gap:34px}.movement-page .credits dl>div:first-child{padding-top:0}.movement-page .workflow br{display:none}
@media(max-width:700px){.project-context{grid-template-columns:1fr;gap:28px}.section-copy{font-size:18px;line-height:1.8;margin-top:20px}.workflow{grid-template-columns:1fr;gap:24px;margin-top:28px}.workflow li{display:grid;grid-template-columns:30px 1fr;column-gap:14px;padding-top:19px}.step-index{margin:2px 0 0;grid-row:1/4}.workflow h3{font-size:22px;padding-right:20px}.workflow p{grid-column:2;margin:10px 0 16px}.step-output{grid-column:2;font-size:14px;padding-top:12px}.workflow li:not(:last-child)::after{content:'↓';font-size:21px;top:18px}.design-inputs{gap:0;padding:0;border-bottom:0;margin-top:28px}.design-inputs>div,.design-inputs>div:first-child{padding:18px 8px;border-right:1px solid #ddd;border-bottom:1px solid #bbb}.design-inputs>div:last-child{border-bottom:1px solid #bbb}.design-inputs span{font-size:13px;margin-bottom:8px}.design-inputs strong{font-size:17px;line-height:1.5;word-break:keep-all;display:block}.design-output{padding:14px 0 20px}.design-output strong{font-size:20px}.scene-studies{margin-top:8px}.operation-flow{font-size:17px;display:grid;grid-template-columns:1fr;gap:10px;text-align:center;padding:20px 0;margin-top:28px}.operation-flow i{transform:rotate(90deg)}.credit-heading figure{max-width:210px;margin-top:20px}.result-wide{margin-top:32px}.result .photo-row{margin-top:20px}.movement-page .credits{row-gap:28px}}

:root{--accent:#454c5f}.movement-page .project-label{font-size:18px;letter-spacing:.025em}.movement-page .project-meta{grid-template-columns:1fr 1fr 1.7fr}.movement-page .photo-row{grid-template-columns:var(--columns);align-items:start;gap:24px;margin-top:30px}.movement-page .photo-row img{height:auto}.movement-page [data-view]{border:0;background:none}.movement-page .space-model{margin:30px 0 42px}.movement-page .space-model img{height:auto}.movement-page .specs{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;margin-top:36px;border-block:1px solid #ddd;padding:25px 0}.specs strong{font-size:30px;font-weight:650;display:block;letter-spacing:-.025em}.specs strong span{font-size:20px}.specs div>span{display:block;color:#666;margin-top:10px;font-size:16px}.movement-page .concept-flow strong{color:#111}.movement-page .concept-flow i{color:#6e778c}.movement-page .concept-flow h3{font-size:25px}.movement-page .concept-flow p{line-height:1.8}.movement-page .contribution{margin:34px 0}.sync-flow{display:flex;justify-content:space-between;align-items:center;border-block:1px solid #ccc;padding:24px 0;gap:16px;margin-top:36px;font-size:22px;font-weight:600}.sync-flow i{font-style:normal;font-weight:400;color:#777}.audio-card{margin-top:40px;padding:30px;background:#f0f2f5;border:1px solid #d8dde5;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px 30px}.audio-kicker{font-size:15px;color:#566073}.audio-card h3{margin:8px 0!important;font-size:30px}.audio-card p{font-size:16px;margin:0;color:#555;line-height:1.6}.audio-card audio{width:100%}.audio-note{font-size:14px;color:#555;grid-column:2}.movement-page .audio-card+.film{margin-top:24px!important}.subsection{margin-top:55px}.subsection>h3{margin-bottom:24px}.movement-page .credits{grid-template-columns:1fr 2fr}.movement-page .credits dl>div{grid-template-columns:1fr 1.2fr}.movement-page .hero-arrow{background:#0006;color:#fff;border:1px solid #ffffff70;font-size:40px;line-height:1;padding-bottom:5px}.movement-page .hero-arrow:hover{background:#000a}.hero-prev{left:22px}.hero-next{right:22px}.movement-page .hero-slides{aspect-ratio:16/9}.movement-page .film video{aspect-ratio:16/9}.movement-page .workflow li>span{color:#586278;font-size:16px;display:block;margin-bottom:20px}
@media(max-width:700px){.movement-page .project-label{font-size:13px;padding:9px 12px}.movement-page h1{font-size:33px}.movement-page .project-meta{grid-template-columns:1fr 1fr}.movement-page .photo-row{grid-template-columns:1fr!important;gap:24px}.movement-page .specs{grid-template-columns:1fr;gap:20px;padding:24px 0}.specs strong{font-size:28px}.movement-page .space-model{margin:24px 0 30px}.sync-flow{display:grid;grid-template-columns:1fr;text-align:center;gap:12px;font-size:19px}.sync-flow i{transform:rotate(90deg)}.audio-card{grid-template-columns:1fr;padding:24px 20px;gap:20px;margin-top:30px}.audio-note{grid-column:1;font-size:13px}.movement-page .credits{grid-template-columns:1fr}.movement-page .credits dl>div{grid-template-columns:1fr 1.2fr}.movement-page .workflow li{display:block}.movement-page .workflow li>span{margin-bottom:12px}.movement-page .hero-arrow{width:44px;height:44px;font-size:32px}.hero-prev{left:12px}.hero-next{right:12px}.subsection{margin-top:38px}}

.project-meta dd{word-break:keep-all}.concept-flow>article{border-top:2px solid #111;padding-top:24px}.concept-flow>article>span{color:#666}

.movement-page .venue-exterior{margin-bottom:42px;scroll-margin-top:85px}.venue-exterior img{width:100%;height:auto}

.movement-page .space-context{margin-top:48px}.movement-page .space-context h3{margin:0 0 14px;font-size:28px}.movement-page .space-context p{font-size:18px;line-height:1.8;margin:8px 0}.movement-page .space-context .model-note{font-size:15px;color:#777}.movement-page .model-views{margin-bottom:48px}.movement-page .space-model button{width:100%}.movement-page #space-topview{scroll-margin-top:90px}

/* Context and explanatory diagrams — 2026-09-28 user review */
.movement-page .project-label strong{font-weight:800}.movement-page .lead strong{font-weight:750}.movement-page .venue-context .venue-exterior{margin:36px 0 0}.movement-page .venue-context .photo-row{margin-top:30px}.movement-page .structure-diagram{position:relative}.structure-diagram>div{position:relative}.structure-diagram>div:not(:last-child)::after{content:'→';position:absolute;right:0;top:5px;font-size:24px;color:#818797}
.room-diagram{display:grid;grid-template-columns:1fr 1.7fr 1fr;grid-template-areas:'back back back' 'left art right' 'front front front';gap:16px;margin:22px 0 38px;padding:24px;border:1px solid #d9dce2}.room-diagram>div{text-align:center;padding:18px 12px}.room-diagram span,.room-diagram small,.light-diagram span,.light-diagram small,.av-diagram small,.av-inputs article>span{display:block;color:#666;font-size:15px;line-height:1.6}.room-diagram strong,.light-diagram strong,.av-diagram strong{display:block;color:#111;font-size:23px;line-height:1.45;font-weight:720;letter-spacing:-.025em}.room-back{grid-area:back;border-bottom:2px solid #747c8a}.room-left{grid-area:left;border-left:3px solid #747c8a;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.room-right{grid-area:right;border-right:5px double #747c8a;background:linear-gradient(100deg,#fff,#edf0f4);display:flex;flex-direction:column;justify-content:center}.room-art{grid-area:art;border:1px solid #777;align-self:start;margin-top:8px}.room-art .diagram-led{font-size:33px;letter-spacing:3px;color:#434c5d;line-height:1.4}.room-art small{margin-top:8px}.room-front{grid-area:front;border-top:1px dashed #bbb}.room-front>span{font-size:27px;margin-bottom:5px}.room-front strong{font-size:19px}
.light-diagram{display:grid;grid-template-columns:1fr 36px 1fr;gap:24px;border-block:1px solid #ccc;padding:25px 0;margin-top:30px}.light-diagram i{font-style:normal;align-self:center;text-align:center;font-size:26px;color:#747c8a}.light-diagram strong{margin:8px 0}.av-diagram{margin-top:32px}.av-inputs{display:grid;grid-template-columns:1fr 45px 1fr;gap:20px}.av-inputs article{border-top:2px solid #111;padding:22px 0;text-align:center}.av-inputs i{font-style:normal;align-self:center;text-align:center;font-size:28px;color:#747c8a}.av-inputs strong{margin:8px 0}.av-result{text-align:center;border-top:1px solid #ccc;padding:10px 12px 24px}.av-result>span{display:block;font-size:28px;color:#747c8a;margin-bottom:10px}.av-result p{font-size:17px;line-height:1.6;color:#555;margin:10px 0 0}.av-master{padding:20px 0;border-block:1px solid #ccc;display:flex;justify-content:space-between;gap:24px;align-items:center}.av-master strong{font-size:18px}.av-master>span{font-size:15px;line-height:1.7;color:#666}
@media(max-width:700px){.movement-page .project-label{font-size:13px}.structure-diagram>div:not(:last-child)::after{content:'↓';right:10px;top:20px}.room-diagram{padding:12px;gap:8px;grid-template-columns:1fr 1.35fr 1fr}.room-diagram>div{padding:14px 5px}.room-diagram strong{font-size:17px}.room-diagram span,.room-diagram small{font-size:12px}.room-art .diagram-led{font-size:23px;letter-spacing:0}.room-front>span{font-size:25px}.room-front strong{font-size:17px}.light-diagram{gap:10px;grid-template-columns:1fr 22px 1fr}.light-diagram strong{font-size:18px}.light-diagram span,.light-diagram small{font-size:13px}.av-inputs{gap:8px;grid-template-columns:1fr 25px 1fr}.av-inputs strong{font-size:20px}.av-diagram small,.av-inputs article>span{font-size:13px}.av-result strong{font-size:23px}.av-master{display:block}.av-master>span{display:block;margin-top:8px}.movement-page .venue-context .venue-exterior{margin-top:26px}}

.watch-translation{display:grid;grid-template-columns:.7fr .75fr .75fr .75fr;gap:22px;margin-top:38px;align-items:start}.watch-translation figure{margin:0;min-width:0;position:relative}.translation-visual{width:100%;position:relative}.translation-visual img{display:block;width:100%;height:auto}.illustration-window{aspect-ratio:3/4;background-image:url('assets/concept/structure-to-light-v1.png');background-repeat:no-repeat;background-size:200% 100%}.illustration-window.first{background-position:left center}.illustration-window.second{background-position:right center}.watch-translation figcaption{border-top:1px solid #b9bec7;padding-top:20px;margin-top:16px;text-align:center}.watch-translation figcaption>span{font-size:14px;color:#737983}.watch-translation figcaption h3{font-size:25px;color:#111;line-height:1.45;margin:10px 0}.watch-translation figcaption p{font-size:17px;line-height:1.8;margin:0;color:#555}.translation-step:not(:last-child):after{content:'→';position:absolute;top:38%;right:-21px;color:#79818d;font-size:27px}.concept-source{font-size:12px!important;line-height:1.8!important;color:#777;margin:26px 0 0}.concept-source a{color:inherit;text-underline-offset:3px}
@media(max-width:700px){.watch-translation{grid-template-columns:1fr;gap:36px}.translation-visual{max-width:300px;margin:auto}.watch-translation figcaption{margin-top:4px;padding-top:16px}.watch-translation figcaption h3{font-size:24px}.translation-step:not(:last-child):after{content:'↓';top:auto;bottom:-32px;right:calc(50% - 9px);font-size:23px}.concept-source{font-size:11px!important}}

@media(min-width:701px){.watch-translation figcaption h3{font-size:22px}.watch-translation figcaption p{font-size:15px}}
@media(min-width:701px) and (max-width:900px){.watch-translation{gap:16px}.watch-translation figcaption h3{font-size:18px}.watch-translation figcaption p{font-size:14px}.watch-translation figcaption>span{font-size:12px}.translation-step:not(:last-child):after{right:-17px;font-size:21px}}