:root{--paper:#f6f4ed;--white:#fff;--ink:#252720;--muted:#696b60;--dark:#22241f;--gold:#d7ba7b;--bronze:#7b6031;--line:#d8d6cb;--serif:Georgia,"Nanum Myeongjo","Noto Serif KR","Batang","AppleMyungjo",serif;--sans:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.75 var(--sans);word-break:keep-all;overflow-wrap:break-word}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400}svg{width:20px;height:20px;flex-shrink:0}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #946924;outline-offset:6px}.content-width{width:min(1280px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.18em;color:var(--bronze);line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:-100px;left:16px;padding:12px 20px;background:var(--dark);color:#fff}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{max-width:1480px;min-height:92px;margin:auto;padding:12px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:18px;flex-shrink:0}.brand-hanja{font-family:var(--serif);font-size:2.1rem;letter-spacing:.12em;line-height:1.2}.brand-details{display:grid;border-left:1px solid #c5c3b9;padding-left:18px;font-size:.875rem;line-height:1.55}.brand-english{font-size:.6875rem;letter-spacing:.14em}.main-navigation{display:flex;gap:34px;align-items:center;font-size:.9375rem}.main-navigation>a{padding-block:12px}.main-navigation>a:hover{color:var(--bronze)}.main-navigation .header-call{display:flex;align-items:center;gap:9px;border:1px solid #b9b6a9;padding:10px 19px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);max-width:1600px;margin-inline:auto;background:var(--dark);color:var(--paper)}.hero-copy{padding:66px 9% 36px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-eyebrow{color:var(--gold);letter-spacing:.08em;font-size:.875rem;margin-bottom:24px}.hero h1{font:400 clamp(2.6rem,4.3vw,4.25rem)/1.36 var(--serif);letter-spacing:-.065em}.hero h1 span{display:block}.hero h1 span:last-child{color:var(--gold)}.hero-description{color:#d4d4c9;margin-top:25px;line-height:1.9;font-size:.9375rem;white-space:pre-line}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:14px 24px;font-size:.9375rem;line-height:1.5;border:1px solid transparent;transition:background .2s,color .2s}.button-gold{background:var(--gold);color:var(--dark)}.button-gold:hover{background:#e4cb95}.hero-copy>.button{margin-top:30px}.hero-signature{margin-top:50px;border-top:1px solid #4c4e42;padding-top:23px;display:flex;align-items:center;justify-content:space-between;width:100%;gap:24px;color:#c2c4b8;font-size:.8125rem;line-height:1.7}.established{font-size:.6875rem;letter-spacing:.16em;white-space:nowrap}.established strong{font:400 2rem/1.2 var(--serif);letter-spacing:0;color:var(--gold);margin-left:7px}.hero-image{position:relative;min-height:590px}.hero-image>img{height:100%;width:100%;object-fit:cover;object-position:50% 50%}.hero-image:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(17,21,15,.72));pointer-events:none}.hero-image figcaption{position:absolute;left:34px;bottom:27px;right:24px;z-index:1;display:flex;align-items:center;gap:12px;font-size:.875rem;color:#fff}.small-rule{width:34px;height:1px;background:var(--gold);flex-shrink:0}.collection-section{padding-top:100px;padding-bottom:112px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading h2{font:400 clamp(2rem,3vw,2.8rem)/1.45 var(--serif);letter-spacing:-.06em;margin-top:13px}.section-intro{color:var(--muted);font-size:.9375rem;line-height:1.9}.category-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:65px}.category-navigation a{display:flex;align-items:center;gap:14px;padding:19px 23px;font-size:1rem;transition:background .2s}.category-navigation a+a{border-left:1px solid var(--line)}.category-navigation a:hover{background:#eae7dd}.category-navigation .category-number{color:var(--bronze);font-size:.75rem;letter-spacing:.08em}.category-navigation svg{margin-left:auto;width:16px}.collection-group{scroll-margin-top:105px}.collection-group+.collection-group{margin-top:85px;padding-top:50px;border-top:1px solid var(--line)}.category-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:25px}.category-title{display:flex;align-items:baseline;gap:16px}.category-title h3{font:400 1.9rem/1.4 var(--serif);letter-spacing:-.05em}.category-title>span{font-size:.75rem;color:var(--bronze);letter-spacing:.08em}.category-heading>p{color:var(--muted);font-size:.875rem}.artwork-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 27px}.artwork-card{min-width:0}.artwork-button{padding:0;display:block;width:100%;border:0;background:none;color:var(--ink);text-align:left}.photo-frame{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/4.5;background:#e5e2d8;overflow:hidden}.photo-frame>img{width:100%;height:100%;object-fit:contain;transition:filter .25s}.zoom-label{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;background:rgba(28,30,24,.91);color:#fff;padding:7px 10px;font-size:.75rem;line-height:1.5;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}.zoom-label svg{width:16px;height:16px}.artwork-button:hover .zoom-label,.artwork-button:focus-visible .zoom-label{opacity:1;transform:none}.artwork-button:hover img{filter:brightness(1.04)}.artwork-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:13px}.artwork-name{font-size:1rem;line-height:1.65}.artwork-id{color:var(--muted);font-size:.75rem;white-space:nowrap;letter-spacing:.06em}.story-section{background:var(--dark);color:var(--paper);padding-block:92px}.story-inner{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1fr);gap:80px;align-items:center}.story-image{position:relative}.story-image>img{width:100%;max-height:720px;object-fit:contain;background:#191b17}.story-image figcaption{font-family:var(--serif);font-size:.875rem;letter-spacing:.1em;color:#b4b7a7;padding-top:14px}.story-copy .eyebrow{color:var(--gold)}.story-copy h2{font:400 clamp(2rem,3vw,2.8rem)/1.5 var(--serif);letter-spacing:-.05em;margin-block:18px 24px}.story-copy h2 span{display:block}.story-copy>p:not(.eyebrow){color:#c4c7ba;line-height:1.95;font-size:.9375rem;margin-top:17px}.timeline{list-style:none;padding:0;margin:35px 0 0}.timeline li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:20px;padding:20px 0;border-top:1px solid #484b40}.timeline-year{color:var(--gold);font:400 1.35rem/1.5 var(--serif)}.timeline strong{font-weight:500;font-size:1rem;line-height:1.65}.timeline p{font-size:.8125rem;line-height:1.8;color:#b4b7a7;margin-top:5px}.visit-section{padding-block:100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:100px;align-items:start}.visit-heading h2{font:400 clamp(2.1rem,3.2vw,3rem)/1.5 var(--serif);letter-spacing:-.05em;margin-top:20px}.visit-heading h2 span{display:block}.visit-heading>p:not(.eyebrow){max-width:370px;margin-block:23px 30px;color:var(--muted);line-height:1.95}.button-dark{background:var(--dark);color:var(--paper)}.button-dark:hover{background:#414638}.contact-list{margin:0;border-top:1px solid #aaa998}.contact-list>div{display:grid;grid-template-columns:85px minmax(0,1fr);gap:20px;padding:21px 0;border-bottom:1px solid var(--line)}.contact-list dt{font-size:.875rem;color:var(--muted);padding-top:2px}.contact-list dd{margin:0;font-size:1rem;line-height:1.8}.contact-list a:hover{color:var(--bronze)}.contact-number{font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.3;letter-spacing:.015em}.map-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:var(--bronze);font-size:.875rem;text-decoration:underline;text-underline-offset:4px}.map-link svg{width:16px;height:16px}.visit-note{font-size:.875rem;color:var(--muted);margin-top:20px}.visit-image{display:flex;align-items:flex-end;gap:16px;margin-top:30px}.visit-image img{width:120px;height:158px;object-fit:cover}.visit-image figcaption{font-size:.8125rem;color:var(--muted)}.site-footer{background:var(--dark);color:#c5c7bb;padding-block:32px 22px}.footer-inner{display:flex;align-items:center;gap:30px;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand>span:first-child{font:400 1.55rem/1.5 var(--serif);letter-spacing:.08em;color:#f0eddf}.footer-brand>span:last-child{font-size:.625rem;letter-spacing:.15em}.footer-inner p{font-size:.8125rem;color:#a4a896}.footer-inner>a:last-child{font-size:.875rem}.footer-bottom{border-top:1px solid #44483b;margin-top:24px;padding-top:17px;display:flex;justify-content:space-between;font-size:.75rem;color:#a4a896}.mobile-contact{display:none}.artwork-dialog{border:0;padding:0;max-width:min(1120px,calc(100vw - 48px));width:1120px;max-height:calc(100dvh - 48px);background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #0006;overflow:auto}.artwork-dialog::backdrop{background:rgba(11,14,10,.86)}.dialog-shell{position:relative}.dialog-close{position:absolute;right:14px;top:14px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border:1px solid #737569;border-radius:50%;background:#252720ee;color:#fff}.dialog-close:hover{background:#4b5042}.dialog-image-wrap{position:relative;display:grid;place-items:center;background:#171915;min-height:220px}.dialog-image-wrap>img{height:min(66dvh,730px);max-width:100%;object-fit:contain}.image-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:54px;background:#252720db;color:#fff;border:1px solid #737569;display:grid;place-items:center}.image-previous{left:14px}.image-next{right:14px}.image-arrow:hover{background:#4b5042}.dialog-information{padding:23px 30px;display:flex;justify-content:space-between;gap:26px;align-items:center}.dialog-category{font-size:.75rem;letter-spacing:.08em;color:var(--bronze)}.dialog-information h2{font-family:var(--serif);font-size:1.7rem;line-height:1.5;margin-top:3px}.dialog-description{font-size:.875rem;color:var(--muted);margin-top:5px}.dialog-counter{font-size:.75rem;color:var(--muted);margin-top:5px}.dialog-call{flex-shrink:0;flex-wrap:wrap;gap:8px 12px}.dialog-call>span{width:100%;text-align:center;font-size:.875rem}body.dialog-open{overflow:hidden}
@media(min-width:1550px){.hero-copy{padding-left:14%}.hero-image{min-height:670px}}
@media(max-width:1100px){.header-inner{padding-inline:32px}.main-navigation{gap:22px}.content-width{width:calc(100% - 72px)}.hero-copy{padding:46px 9% 32px}.hero h1{font-size:3rem}.hero-image{min-height:570px}.hero-description{font-size:.875rem}.hero-signature{margin-top:35px;gap:12px}.hero-signature>span:last-child{font-size:.75rem}.story-inner{gap:44px}.visit-section{gap:55px}.category-heading{align-items:flex-start;flex-direction:column;gap:8px}.artwork-grid{gap:32px 20px}.category-title>span{display:none}.footer-inner{gap:20px}.footer-inner p{display:none}}
@media(max-width:800px){html{scroll-padding-top:88px}.header-inner{min-height:78px;padding:12px 25px}.brand-hanja{font-size:1.9rem}.brand-details{padding-left:13px}.brand{gap:13px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;width:44px;height:44px;padding:10px;background:none;border:1px solid var(--line)}.menu-toggle span{display:block;width:21px;height:1px;background:var(--ink)}.main-navigation{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 25px 20px;box-shadow:0 15px 20px #0001}.main-navigation.is-open{display:flex}.main-navigation>a{padding:14px 0;border-top:1px solid var(--line)}.main-navigation .header-call{justify-content:center;margin-top:10px;padding:13px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:2.55rem}.hero-copy{padding:38px 25px 28px}.hero-eyebrow{font-size:.8125rem;margin-bottom:18px}.hero-image{min-height:530px}.hero-description{font-size:.875rem;margin-top:20px}.hero-signature{margin-top:32px}.hero-signature>span:last-child{display:none}.hero-copy>.button{padding:13px 18px;gap:10px;font-size:.875rem}.hero-image figcaption{left:18px;bottom:18px;font-size:.75rem}.small-rule{display:none}.content-width{width:calc(100% - 50px)}.collection-section{padding-block:65px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-heading h2{font-size:2.25rem}.section-intro{font-size:.875rem}.category-navigation a{padding:16px 13px;gap:8px;font-size:.875rem}.category-navigation{margin-bottom:42px}.category-navigation svg{display:none}.artwork-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.artwork-name{font-size:.9375rem}.zoom-label{opacity:1;transform:none;font-size:.6875rem;padding:5px 7px}.zoom-label svg{width:13px;height:13px}.collection-group+.collection-group{margin-top:58px;padding-top:35px}.story-section{padding-block:60px}.story-inner{gap:32px;grid-template-columns:1fr 1fr;align-items:start}.story-copy h2{font-size:2rem;margin-block:15px 18px}.story-copy>p:not(.eyebrow){font-size:.875rem}.timeline li{grid-template-columns:55px 1fr;gap:13px;padding:18px 0}.timeline-year{font-size:1.15rem}.timeline strong{font-size:.9375rem}.visit-section{padding-block:70px;gap:40px}.visit-heading h2{font-size:2.2rem}.visit-heading>p:not(.eyebrow){font-size:.9375rem}.contact-list>div{grid-template-columns:67px 1fr;gap:10px}.contact-list dd{font-size:.9375rem}.contact-number{font-size:1.3rem}.visit-image{align-items:flex-start;flex-direction:column}.visit-image img{width:100%;height:220px;object-fit:contain;object-position:left;background:#e7e4da}.dialog-information{padding:20px;flex-direction:column;align-items:stretch;gap:16px}.dialog-call{gap:10px}.dialog-call>span{width:auto}}
@media(max-width:580px){.hero{display:flex;flex-direction:column}.hero-copy{padding:39px 26px 29px}.hero-eyebrow{font-size:.8125rem}.hero h1{font-size:2.65rem;line-height:1.4}.hero h1 span{display:inline}.hero h1 span:nth-child(2):before{content:" "}.hero h1 span:last-child{display:block}.hero-description{font-size:.9375rem;margin-top:17px}.hero-copy>.button{margin-top:23px;min-height:50px}.hero-signature{margin-top:27px;padding-top:16px;align-items:center}.hero-signature>span:last-child{display:block;font-size:.75rem}.established strong{font-size:1.7rem}.hero-image{min-height:0;width:100%;aspect-ratio:4/3}.hero-image>img{width:100%;height:100%;object-fit:contain}.hero-image figcaption{font-size:.8125rem;left:25px}.content-width{width:calc(100% - 44px)}.category-navigation a{padding:15px 8px;justify-content:center;gap:5px;font-size:.8125rem}.category-number{display:none}.section-heading h2{font-size:2.05rem}.category-title h3{font-size:1.7rem}.category-heading>p{font-size:.8125rem}.artwork-grid{grid-template-columns:1fr;gap:29px}.photo-frame{aspect-ratio:4/4.2;max-height:470px}.artwork-name{font-size:1rem}.artwork-meta{padding-top:12px}.artwork-id{font-size:.8125rem}.zoom-label{font-size:.75rem;padding:7px 10px;right:12px;bottom:12px}.zoom-label svg{width:16px;height:16px}.story-inner{display:flex;flex-direction:column;gap:34px}.story-image{width:100%}.story-image>img{max-height:470px;width:100%;object-fit:contain}.story-copy h2{font-size:2.15rem}.story-copy>p:not(.eyebrow){font-size:.9375rem}.timeline li{grid-template-columns:70px 1fr;gap:20px}.timeline-year{font-size:1.35rem}.timeline strong{font-size:1rem}.visit-section{grid-template-columns:1fr;gap:40px}.visit-heading h2{font-size:2.3rem}.contact-list>div{grid-template-columns:78px minmax(0,1fr);gap:13px}.contact-list dd{font-size:1rem}.contact-number{font-size:1.5rem}.visit-image{flex-direction:row;align-items:flex-end}.visit-image img{width:110px;height:147px}.footer-inner{align-items:flex-start;gap:20px}.footer-brand{flex-direction:column;align-items:flex-start;gap:4px}.footer-inner>a:last-child{font-size:.8125rem}.site-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:21;min-height:62px;padding:14px 22px calc(14px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:11px;background:var(--dark);color:var(--paper);border-top:1px solid #62644e;box-shadow:0 -3px 15px #0001;font-size:.9375rem}.mobile-contact strong{font-weight:500;font-size:1.0625rem;color:var(--gold);letter-spacing:.02em}.artwork-dialog{max-width:100vw;width:100%;max-height:100dvh;height:100dvh;margin:0}.dialog-shell{min-height:100%;display:flex;flex-direction:column}.dialog-image-wrap{flex:1;min-height:260px}.dialog-image-wrap>img{height:59dvh;max-height:none;width:100%;padding:6px 0;object-fit:contain}.dialog-close{right:11px;top:11px}.image-arrow{width:40px;height:48px}.image-previous{left:10px}.image-next{right:10px}.dialog-information{padding:20px 22px calc(22px + env(safe-area-inset-bottom))}.dialog-information h2{font-size:1.5rem}.dialog-call{font-size:.9375rem}.dialog-call>span{font-size:.875rem}.dialog-description{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.category-navigation,.button,.mobile-contact,.site-footer,.artwork-dialog,.zoom-label{display:none!important}body{background:#fff;color:#111}.content-width{width:100%}.hero{background:#fff;color:#111}.hero-image{min-height:0}.hero-signature{display:none}.story-section{background:#fff;color:#111}.story-copy>p:not(.eyebrow),.timeline p{color:#333}.artwork-card{break-inside:avoid}.artwork-grid{grid-template-columns:repeat(3,1fr)}}

/* Readable inquiry codes and action labels at every viewport. */
.artwork-id,.zoom-label,.dialog-category{font-size:.875rem}.brand-english,.footer-brand>span:last-child,.established{font-size:.75rem}#dialog-item-description{margin-top:10px;font-size:1rem;line-height:1.7;white-space:pre-line}

/* Reflow long text and navigation at narrow widths and enlarged text sizes. */
body{overflow-wrap:anywhere}
html{scroll-padding-top:calc(var(--header-height,92px) + 16px)}
.skip-link{top:0;transform:translateY(calc(-100% - 16px))}
.skip-link:focus{transform:none}
.hero-copy,.hero h1,.story-copy,.visit-heading,.visit-details,.dialog-information>div{min-width:0;max-width:100%}
.collection-group{scroll-margin-top:16px}
@media(max-width:800px){
  .header-inner{gap:12px}
  .brand{flex:0 1 auto;min-width:0;flex-wrap:wrap;row-gap:5px}
  .brand-hanja,.brand-details{max-width:100%;min-width:0}
  .main-navigation{max-height:calc(100dvh - var(--header-height,78px));overflow-y:auto}
}
@media(max-width:580px){
  .mobile-contact{flex-wrap:wrap;gap:3px 10px}
  .mobile-contact strong{white-space:nowrap}
  .site-footer{padding-bottom:calc(var(--mobile-contact-height,62px) + 34px)}
  .visit-section{grid-template-columns:minmax(0,1fr)}
  .contact-list>div{grid-template-columns:minmax(0,78px) minmax(0,1fr)}
}
@media(max-width:380px){
  .header-inner{padding-inline:18px}
  .brand-details{border:0;padding-left:0}
  .brand-english{display:none}
}