/* 생성일자: 2026-09-07 */
:root{color-scheme:dark;--bg:#08090c;--fg:#eeedf2;--muted:#a5a7b2;--line:#ffffff21;--accent:#b8a0ee;--glow:167,128,229;--sans:Manrope,Arial,sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--sans)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:fixed;z-index:100;top:-90px;left:20px;background:var(--fg);color:var(--bg);padding:12px}.skip:focus{top:16px}
.site-header{height:80px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#08090cf0}.brand{font-size:27px;font-weight:800;letter-spacing:-.08em;line-height:1}.brand span{display:block;font:10px var(--mono);letter-spacing:.25em;margin-top:7px}.site-header nav{display:flex;align-items:center;gap:30px;font:12px var(--mono);letter-spacing:.06em}.site-header nav a{color:var(--muted)}.site-header nav .current{color:var(--fg)}.site-header nav button{font-size:12px;border-left:1px solid var(--line);padding-left:25px}
.exhibition{max-width:1800px;margin:auto;padding:0 4vw}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:38px 0 30px}.eyebrow{font:12px/1.6 var(--mono);letter-spacing:.14em;color:var(--muted);margin:0 0 14px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);margin-right:10px;vertical-align:middle}h1{font-size:clamp(38px,5vw,78px);letter-spacing:-.065em;line-height:1.08;margin:0;font-weight:500}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;color:#d0c4e6}.intro-note{font-size:14px;color:var(--muted);margin:0;line-height:1.8}
.toolbar{display:flex;align-items:center;gap:20px;padding:16px 0;border-top:1px solid var(--line)}.filters{display:flex;gap:5px;overflow:auto;scrollbar-width:thin;flex:1;min-width:0;padding:6px 2px}.filters button{flex-shrink:0;white-space:nowrap;font:12px var(--mono);padding:10px 13px;border:1px solid transparent;border-radius:3px;color:var(--muted);transition:color .2s,border-color .2s}.filters small{font-size:10px;margin-right:6px;opacity:.65}.filters sup{font-size:10px;margin-left:5px}.filters button:hover{color:var(--fg)}.filters button[aria-pressed=true]{color:var(--fg);border-color:#ffffff43;background:#ffffff08}.view-switch{display:flex;flex-shrink:0;padding:4px;border:1px solid var(--line);border-radius:4px;gap:3px}.view-switch button{font:11px var(--mono);padding:9px 10px;color:var(--muted)}.view-switch button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-radius:2px}
.space{height:clamp(430px,49vw,580px);position:relative;overflow:hidden;isolation:isolate;border:1px solid #ffffff17;background:radial-gradient(ellipse at 50% 15%,rgba(var(--glow),.14),transparent 52%),linear-gradient(#101117,#0b0c10 72%,#111219);touch-action:pan-y pinch-zoom;--spread:clamp(190px,24vw,350px);--frame-width:clamp(205px,24vw,335px);--frame-height:clamp(300px,34vw,437px)}
.space:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;box-shadow:inset 90px 0 100px -65px #08090c,inset -90px 0 100px -65px #08090c}
.room-label{position:absolute;top:23px;left:27px;font:10px var(--mono);letter-spacing:.18em;color:#81818e;z-index:3}.room-word{position:absolute;top:12%;width:100%;text-align:center;font-weight:700;font-size:clamp(70px,17vw,250px);letter-spacing:.1em;line-height:1;color:#ffffff03;user-select:none}.room-light{position:absolute;top:0;left:32%;width:36%;height:1px;box-shadow:0 0 36px 3px rgba(var(--glow),.3);background:linear-gradient(90deg,transparent,#e0d8f266,transparent)}
.floor{position:absolute;bottom:-150px;left:-25%;width:150%;height:330px;transform:perspective(650px) rotateX(66deg);background:linear-gradient(90deg,transparent 49.9%,#ffffff0b 50%,transparent 50.1%),repeating-linear-gradient(0deg,transparent 0 80px,#ffffff07 81px 82px),radial-gradient(ellipse at 50% 5%,rgba(var(--glow),.09),transparent 60%);border-top:1px solid #ffffff0c;pointer-events:none}
.stage{position:absolute;inset:0;perspective:1300px;perspective-origin:50% 42%;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s ease}
.art-frame{position:absolute;left:50%;top:46%;width:var(--frame-width);height:var(--frame-height);padding:7px;background:linear-gradient(130deg,#6a6575,#22232c 20%,#121319 70%,#49454e);border:1px solid #ffffff30;box-shadow:0 24px 40px #0009,inset 0 0 0 1px #ffffff09;transform:translate(-50%,-50%) translateX(calc(var(--offset) * var(--spread))) translateZ(var(--depth)) rotateY(var(--angle));transition:transform .8s cubic-bezier(.22,.8,.18,1),opacity .65s,filter .65s;backface-visibility:hidden;filter:brightness(.57);opacity:.85}
.art-frame img{display:block;width:100%;height:100%;object-fit:contain;background:#090a0e}.art-frame[data-active=true]{filter:brightness(1);opacity:1;box-shadow:0 28px 50px #000b,0 0 40px rgba(var(--glow),.09)}
.art-frame:after{content:"";position:absolute;inset:7px;background:linear-gradient(120deg,#ffffff0b,transparent 32%,transparent 80%,#ffffff06);pointer-events:none}
.art-frame .frame-number{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%);font:10px var(--mono);letter-spacing:.18em;color:#bcb5c9;white-space:nowrap}
.round{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid #ffffff38;border-radius:50%;background:#0c0d13cc;color:var(--fg);font:23px/1 var(--sans);transition:background .2s,border-color .2s}.round:hover{border-color:var(--accent);background:#27222f}.stage-prev,.stage-next{position:absolute;z-index:5;top:calc(50% - 24px)}.stage-prev{left:24px}.stage-next{right:24px}.gesture{position:absolute;bottom:15px;left:0;right:0;text-align:center;font:11px var(--mono);color:#9896a4;pointer-events:none;z-index:3}
.work-info{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:26px 0 23px}.work-heading .eyebrow{font-size:11px;color:var(--accent);margin-bottom:4px}.work-heading h2{font-size:clamp(20px,2.3vw,32px);font-weight:500;letter-spacing:-.045em;margin:0}.work-actions{display:flex;gap:30px;align-items:center}.work-actions output{font:13px var(--mono);color:var(--muted)}.text-button{font-size:14px;border-bottom:1px solid #ffffff50;padding:8px 0}
.filmstrip{display:flex;gap:10px;overflow-x:auto;padding:5px 2px 19px;scrollbar-width:thin;scrollbar-color:#37313e transparent}.thumb{position:relative;flex:0 0 54px;padding:3px;border:1px solid transparent;opacity:.48;transition:opacity .25s,border-color .25s}.thumb img{width:46px;height:60px;display:block;object-fit:cover}.thumb span{display:block;font:10px var(--mono);margin-top:5px}.thumb:hover,.thumb[aria-pressed=true]{opacity:1}.thumb[aria-pressed=true]{border-color:var(--accent)}
.collection-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.collection-note h2{font-size:26px;font-weight:500}.collection-note output{font:12px var(--mono);color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 25px;padding-bottom:30px}.tile{text-align:left;padding:0;min-width:0}.tile-art{display:block;aspect-ratio:4/5;background:radial-gradient(ellipse at 50% 30%,#24212c,#101115 75%);padding:20px;overflow:hidden;border:1px solid #ffffff0d}.tile img{height:100%;width:100%;object-fit:contain;display:block;transition:transform .65s;filter:drop-shadow(0 10px 15px #0009)}.tile:hover img{transform:scale(1.025)}.tile-meta{display:flex;justify-content:space-between;gap:12px;padding-top:15px}.tile-title{display:block;font-size:14px;font-weight:500}.tile-caption{display:block;font:10px/1.8 var(--mono);color:var(--muted);margin-top:5px}.tile-index{font:11px var(--mono);color:var(--muted)}
.cinema{max-width:1800px;margin:68px auto 0;padding:60px 4vw 75px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.65fr;gap:7vw;background:radial-gradient(ellipse at 100% 60%,#19132166,transparent 60%);scroll-margin-top:25px}.cinema h2{font-size:clamp(35px,4vw,61px);line-height:1.15;letter-spacing:-.055em;font-weight:500;margin:20px 0}.cinema-head>p:not(.eyebrow){color:var(--muted);font-size:16px}.cinema a{display:inline-block;font:12px var(--mono);border-bottom:1px solid #ffffff50;padding:12px 0}.screen{min-width:0;align-self:center}.screen-top{display:flex;align-items:center;gap:6px;font:10px var(--mono);padding:15px;border:1px solid var(--line);border-bottom:0;background:#111217}.screen-top>span:last-child{margin-left:auto;color:var(--muted)}.screen-top .status-dot{margin-right:3px}.watch-player{aspect-ratio:16/9;background:#030406;border:1px solid var(--line);box-shadow:0 25px 65px #0006}.watch-player iframe{border:0;width:100%;height:100%;display:block}.screen>p{color:var(--muted);font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 4vw;border-top:1px solid var(--line)}footer>span,footer>a:last-child{font:11px var(--mono);color:var(--muted)}
dialog{width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;background:#090a0df5;color:var(--fg);overflow-y:auto}dialog::backdrop{background:#030408ed;backdrop-filter:blur(18px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:18px 4vw}.dialog-top .eyebrow{margin:0}.viewer{position:relative;display:flex;justify-content:center;align-items:center;height:calc(100dvh - 235px);min-height:240px;touch-action:pan-y pinch-zoom}.viewer img{max-width:86%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 40px #0009)}.viewer .round{position:absolute;z-index:2;top:calc(50% - 24px)}.prev{left:3vw}.next{right:3vw}.image-status{position:absolute;bottom:0;background:#08090cee;padding:8px 15px;font-size:14px}.image-status:empty{display:none}.dialog-info{display:flex;justify-content:space-between;align-items:start;gap:30px;max-width:1300px;margin:auto;padding:24px 4vw}.dialog-info h2{font-size:24px;margin:0;font-weight:500}.dialog-info p{margin:7px 0;color:var(--muted);font-size:14px}.dialog-info output{font:13px var(--mono);white-space:nowrap}
@media(min-width:1800px){.space{--spread:350px;--frame-width:335px;--frame-height:437px}}
@media(max-width:1000px){.toolbar{flex-wrap:wrap;gap:5px}.filters{flex-basis:100%}.view-switch{margin:6px 0}.intro-note{max-width:250px}.cinema{gap:35px;grid-template-columns:1fr 1.3fr}}
@media(max-width:640px){.site-header{height:68px;padding:0 20px}.brand{font-size:24px}.site-header nav{gap:16px;font-size:11px}.site-header nav>a:first-child{display:none}.site-header nav button{padding-left:14px;font-size:11px}.exhibition{padding:0 18px}.intro{display:block;padding:30px 0 22px}.intro h1{font-size:42px}.intro-note{font-size:13px;max-width:none;margin-top:18px}.intro-note br{display:none}.eyebrow{font-size:10px}.toolbar{padding:10px 0}.filters button{font-size:11px;padding:10px}.space{height:430px;--frame-width:210px;--frame-height:302px;--spread:210px}.room-label{font-size:9px;left:15px;top:16px}.room-word{top:20%}.art-frame{top:46%;padding:5px}.art-frame .frame-number{font-size:9px}.round{width:42px;height:42px}.stage-prev{left:9px}.stage-next{right:9px}.gesture{font-size:10px}.work-info{align-items:start;padding:23px 0 17px;gap:12px}.work-heading h2{font-size:19px}.work-heading .eyebrow{font-size:9px}.work-actions{flex-direction:column;gap:4px;align-items:end;flex-shrink:0}.work-actions output{font-size:11px}.text-button{font-size:12px}.filmstrip{gap:7px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.tile-art{padding:8px}.tile-title{font-size:12px}.tile-caption{font-size:9px}.tile-index{font-size:10px}.collection-note h2{font-size:20px}.cinema{display:block;margin-top:36px;padding:35px 20px}.cinema-head{margin-bottom:30px}.cinema h2{font-size:39px}.cinema-head>p:not(.eyebrow){font-size:14px}.screen-top{font-size:9px;padding:12px}footer{flex-wrap:wrap;padding:28px 20px;gap:25px}footer>span{font-size:10px}.dialog-top{padding:15px 18px;gap:15px}.dialog-top .eyebrow{font-size:10px}.viewer{height:65dvh;min-height:220px}.viewer img{max-width:100%}.viewer .round{background:#0c0d13e6}.dialog-info{padding:22px 20px;gap:12px}.dialog-info h2{font-size:20px}.dialog-info p{font-size:13px}.dialog-info output{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.stage{transform:none!important}.art-frame{transform:translate(-50%,-50%) translateX(calc(var(--offset) * var(--spread))) scale(.85)}.art-frame[data-active=true]{transform:translate(-50%,-50%)}}