@charset "UTF-8";
:root{--paper:#f3efe7;--ink:#252620;--muted:#797a70;--line:#d6d3c7;--accent:#a54b2a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #c77743;outline-offset:4px}header{height:82px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.13em;font-size:14px}.brand span{font-size:10px;letter-spacing:.22em;display:block;font-weight:400;margin-top:7px}nav{display:flex;gap:28px;font-size:13px}.hero{min-height:680px;height:calc(100svh - 82px);max-height:900px;position:relative;overflow:hidden;background:#171915;color:#fff}.hero-art{position:absolute;inset:0 0 0 37%;background:url('assets/38626.webp') center/cover}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171915 0%,#17191522 35%,#17191500 65%),linear-gradient(0deg,#171915a0,transparent 35%)}.hero-copy{position:relative;padding:90px 6% 110px;width:65%}.eyebrow{font-size:10px;letter-spacing:.2em;line-height:1.7;margin:0 0 24px;font-weight:600}.hero .eyebrow{color:#d4b78d}.hero h1{font-size:clamp(46px,5.7vw,90px);line-height:1.23;letter-spacing:-.065em;margin:0;font-weight:400}.hero em{font-style:normal;color:#e9c88d}.intro{font-size:17px;line-height:1.9;color:#cccbbf;margin:30px 0}.enter{border:1px solid #b4ab8b;display:flex;align-items:center;justify-content:space-between;width:240px;padding:18px 23px;font-size:14px}.enter:hover{background:#e9c88d;color:#171915}.enter span{font-size:24px}.hero-caption{font-size:12px;color:#e0ddd2;margin-top:36px}.hero-caption span{display:block;color:#9b9d90;margin-top:8px;font-size:11px}.hero-index{position:absolute;bottom:25px;left:6%;right:6%;border-top:1px solid #ffffff30;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em}.exhibition,#collection,.about{padding:85px 6% 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading .eyebrow,.about .eyebrow{color:var(--accent);margin-bottom:12px}h2{font-size:clamp(25px,2.6vw,39px);line-height:1.4;font-weight:500;letter-spacing:-.05em;margin:0}.muted{font-size:12px;color:var(--muted)}.gallery-shell{position:relative;background:#e9e5d9;height:650px;overflow:hidden;border:1px solid #d4d0c4}.gallery-shell:fullscreen{height:100%;width:100%}#scene{width:100%;height:100%;touch-action:none}#scene canvas{display:block;width:100%;height:100%}.scene-top{position:absolute;top:20px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.scene-top>span{font-size:9px;letter-spacing:.15em}.scene-top button{pointer-events:auto;border:1px solid #d4d0c4;background:#ffffffe0;border-radius:3px;padding:9px 12px;font-size:11px}.scene-bottom{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 32px));display:flex;align-items:center;gap:14px;background:#fffffff0;border:1px solid #d9d3c7;padding:15px 18px;box-shadow:0 5px 25px #30281c0d}.scene-bottom>button{background:none;border:0;color:var(--ink);padding:10px;font-size:23px}.scene-bottom #current{flex:1;text-align:left;font-size:14px;min-width:0;padding:0}.scene-bottom small{font-size:9px;letter-spacing:.13em;color:var(--accent)}.scene-bottom strong{font-weight:500;display:block;margin:6px 0}.scene-bottom #current span{font-size:10px;color:var(--muted)}.scene-help{position:absolute;bottom:147px;width:100%;text-align:center;font-size:10px;color:#55584d;pointer-events:none}.gallery-note{font-size:11px;color:var(--muted);line-height:1.7}#loading{position:absolute;inset:45% 20px auto;text-align:center;font-size:13px;pointer-events:none}.loading-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:10px}.start{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);border:0;background:#292d24;color:#fff;padding:20px 28px;white-space:nowrap}.start span{margin-left:30px}.touch-move{position:absolute;left:20px;bottom:170px;display:grid;grid-template-columns:repeat(3,35px);gap:3px}.touch-move button{border:1px solid #d6d3c7;background:#ffffffc0;width:35px;height:35px;touch-action:none}.touch-move button:first-child{grid-column:2}.touch-move button:nth-child(2){grid-column:1}.works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}.work{background:none;border:0;padding:0;text-align:left;color:var(--ink)}.work-image{background:#e4e0d5;height:310px;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.work img{max-height:100%;max-width:100%;object-fit:contain;box-shadow:0 9px 20px #1c1b1820;transition:transform .3s}.work:hover img{transform:scale(1.035)}.work-label{display:flex;align-items:baseline;gap:15px;margin-top:18px}.work-label span{color:var(--accent);font-size:10px}.work h3{font-size:15px;font-weight:500;margin:0;line-height:1.5}.work p{font-size:10px;color:var(--muted);margin:8px 0 0 29px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding-top:100px;padding-bottom:90px;margin-top:80px;border-top:1px solid var(--line)}.about h2{line-height:1.55}.artist{margin-top:38px;font-size:15px}.artist span{font-size:10px;margin-left:15px;color:var(--muted)}#statement{margin:0;font-size:14px;line-height:2.1;color:#595c51;white-space:pre-line}.related{margin-top:30px;display:flex;gap:30px;font-size:13px}.text-button{border:0;border-bottom:1px solid var(--line);padding:10px 0;background:none;color:var(--accent);font-size:12px}footer{padding:30px 6%;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;letter-spacing:.07em;color:var(--muted)}footer a{font-weight:bold}dialog{width:min(1250px,94vw);max-height:92svh;padding:0;border:0;background:var(--paper);color:var(--ink);overflow:auto}dialog[open]{display:grid;grid-template-columns:1.45fr 1fr}dialog::backdrop{background:#141710e8}.close{position:absolute;right:16px;top:12px;z-index:2;border:0;background:var(--paper);font-size:28px;width:36px;height:36px}.detail-image{background:#dedace;min-height:600px;max-height:90svh;padding:40px;display:flex;align-items:center;justify-content:center;position:relative;overflow:auto}.detail-image img{max-width:100%;max-height:77svh;object-fit:contain}.detail-image.zoomed{display:block}.detail-image.zoomed img{max-width:none;max-height:none;width:180%;display:block}#zoom{position:sticky;bottom:0;align-self:end;background:var(--paper);border:1px solid var(--line);padding:9px 13px;font-size:11px;white-space:nowrap;margin-left:-80px}.detail-copy{padding:70px 38px 40px;display:flex;flex-direction:column}.detail-copy h2{font-size:27px}.detail-copy .eyebrow{color:var(--accent)}#detail-meta{font-size:11px;color:var(--muted);margin-top:18px}#detail-description{white-space:pre-line;line-height:1.95;font-size:14px;margin:28px 0;flex:1}.detail-nav{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between}.detail-nav button{border:0;background:none;font-size:12px;color:var(--ink)}[hidden]{display:none!important}@media(max-width:800px){header{height:72px;padding:0 5%}.brand{font-size:11px}nav{gap:14px;font-size:11px}.hero{height:auto;min-height:680px}.hero-art{inset:0 0 0 0;background-position:64% center}.hero-art:after{background:linear-gradient(90deg,#171915ef,#17191560),linear-gradient(0deg,#171915b0,transparent)}.hero-copy{width:100%;padding:85px 7% 100px}.hero h1{font-size:57px}.hero-index{font-size:8px}.exhibition,#collection{padding:55px 5% 0}.section-heading{display:block}.section-heading>.muted{display:block;margin-top:14px}.gallery-shell{height:600px}.scene-top>span{font-size:7px}.scene-top{left:16px;right:16px}.scene-help{padding:0 15px;line-height:1.7;bottom:151px}.works{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.work-image{height:235px;padding:16px}.work h3{font-size:12px}.work-label{gap:8px}.work p{margin-left:22px}.about{grid-template-columns:1fr;gap:32px;padding:55px 6%;margin-top:55px}.about h2{font-size:29px}dialog[open]{display:block}.detail-image{min-height:300px;height:48svh;padding:24px}.detail-image img{max-height:42svh}.detail-copy{padding:30px 25px}.detail-copy h2{font-size:24px}.close{position:sticky;display:block;margin:10px 10px -46px auto}.touch-move{bottom:195px}.scene-bottom strong{font-size:12px}footer{gap:20px;line-height:1.7}}@media(max-width:420px){.work-image{height:190px}.hero h1{font-size:49px}nav a:first-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.detail-image:not(.zoomed) #zoom{position:absolute;right:24px;bottom:24px;margin:0}.detail-image.zoomed #zoom{margin:12px 0 0;left:0}.detail-image:not(.zoomed){overflow:hidden}
.scene-top>span{color:#f3efe7;background:#242622c9;padding:8px 10px;border-radius:2px}

.artwork-music{position:absolute;top:70px;right:18px;width:min(330px,calc(100% - 36px));padding:12px 14px;background:#fffffff2;border:1px solid #c8b58b;box-shadow:0 3px 15px #0001;z-index:2}.artwork-music p{font-size:12px;line-height:1.5;margin:0 0 8px}.artwork-music audio{width:100%;height:36px;display:block}.artwork-music small{display:block;font-size:10px;line-height:1.5;margin-top:7px;color:#666}.detail-copy .artwork-music{position:static;width:100%;margin-top:18px;order:0}

.artwork-music select{width:100%;margin:0 0 10px;padding:8px;border:1px solid #c8b58b;background:#fff;color:#252620;font:inherit;font-size:12px}

/* Large artwork view: fit the entire image instead of scrolling inside it. */
dialog[open]{width:min(1600px,98vw);grid-template-columns:minmax(0,2.5fr) minmax(280px,1fr)}
.detail-image{padding:18px;min-height:640px;height:86svh;max-height:90svh}
.detail-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
dialog.artwork-expanded[open]{position:fixed;inset:0;margin:auto;width:100vw;max-width:100vw;height:100svh;max-height:100svh;display:block;overflow:hidden;background:#202222}
dialog.artwork-expanded .detail-copy{display:none}
dialog.artwork-expanded .detail-image{width:100%;height:100%;min-height:0;max-height:none;padding:52px 18px 66px;background:#202222;overflow:hidden}
dialog.artwork-expanded .detail-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
dialog.artwork-expanded .close{position:absolute;top:10px;right:16px;margin:0}
dialog.artwork-expanded #zoom{position:absolute;right:20px;bottom:16px;margin:0}
@media(max-width:800px){dialog[open]{display:block}.detail-image{height:65svh;min-height:0;padding:14px}.detail-image img{max-height:100%}.detail-copy{padding:25px}.works{grid-template-columns:1fr}.work-image{height:65vw;max-height:550px}}

/* Mobile controls leave the central exhibition view unobstructed. */
.music-toggle{display:none}
@media(max-width:800px){
 .gallery-shell{height:78svh;min-height:360px;max-height:760px}
 .scene-top{top:10px;left:10px;right:10px;justify-content:flex-end}
 .scene-top>span,.scene-help{display:none}
 .scene-top button{min-height:44px;padding:8px 10px}
 .gallery-shell>.artwork-music{top:10px;left:10px;right:auto;width:auto;max-width:calc(100% - 20px);padding:0;border:0;box-shadow:none;background:transparent}
 .gallery-shell>.artwork-music .music-toggle{display:block;min-height:44px;padding:8px 12px;border:1px solid #c8b58b;border-radius:5px;background:#ffffffe6;color:#252620;font-size:12px}
 .gallery-shell>.artwork-music:not(.music-open)>:not(.music-toggle){display:none}
 .gallery-shell>.artwork-music.music-open{top:64px;width:min(330px,calc(100% - 20px));padding:10px;background:#fffffff5;border:1px solid #c8b58b;border-radius:6px}
 .gallery-shell>.artwork-music.music-open .music-toggle{margin-bottom:8px}
 .scene-bottom{bottom:8px;width:calc(100% - 16px);padding:5px 6px;gap:4px;border-radius:6px;box-shadow:none;background:#ffffffe3}
 .scene-bottom>button{min-width:44px;min-height:44px;padding:5px;font-size:20px}
 .scene-bottom #current{font-size:11px}
 .scene-bottom strong{font-size:11px;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .scene-bottom #current span{display:none}
 .touch-move{left:10px;bottom:78px;grid-template-columns:repeat(3,44px);gap:2px;opacity:.72}
 .touch-move:focus-within,.touch-move:active{opacity:1}
 .touch-move button{width:44px;height:44px;border-radius:4px;color:#252620}
 .detail-copy .music-toggle{display:none}
}