@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');
:root{--paper:#37305f;--ink:#fff8f2;--red:#f07979;--gold:#e4adba;--line:#817095}body{background:#37305f;color:#fff8f2}header{height:88px;background:#302950;border-color:#675677;padding:0 5%;gap:22px}.brand{color:#fff;letter-spacing:1px}.brand small{color:#c2b7d4}.seal{background:none;border:1px solid #ed7475;border-radius:0;color:#fff;font-family:'Noto Serif KR',serif}.main-nav{gap:25px}.main-nav a{color:#e8dfef;font-size:14px}.main-nav a:hover{color:#ff9992}.languages{border:0;gap:2px}.languages button{color:#d6cbe4;border:0;background:none;border-radius:0;font-size:12px}.languages button[aria-pressed=true]{color:#fff;border-bottom:1px solid #ee797b}.hero{position:relative;display:block;margin:0;min-height:860px;padding:0;overflow:hidden;border-radius:0;background:#37305f}.korea-panorama{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center bottom}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#37305f33 0%,transparent 60%,#28234566)}.hero-copy{position:relative;z-index:1;align-items:center;text-align:center;padding:45px 5% 0;display:flex}.hero-kicker{font-size:11px;letter-spacing:4px;color:#f3d5df}.hero-copy>.eyebrow{margin-top:15px;color:#d6c7e2;font-size:12px;letter-spacing:2px}.eyebrow i{display:none}h1,html[lang=en] h1{font-family:'Noto Serif KR',serif;font-size:clamp(58px,6.6vw,102px);font-weight:700;line-height:1.25;color:#fff9f1;letter-spacing:-4px;background:none;text-shadow:0 0 28px #df54586b;margin:25px 0 10px}.hero h1 br{display:none}.hanja{font-size:1em}.period{color:#fff1e8}.english{font:24px 'DM Serif Display',Georgia,serif;letter-spacing:5px;color:#ffdfdf}.intro{margin-top:19px;font-size:14px;line-height:1.8;color:#f0e3ef}.hero-copy>.text-link{border:1px solid #e97378;padding:11px 20px;width:250px;background:#37305fcc;border-radius:3px;color:#fff;margin-top:22px;font-size:13px;box-shadow:0 0 24px #ef6b7020}.hero-copy>.text-link:hover{background:#793d69}.lead-shortcut{display:flex;gap:18px;font-size:12px;margin-top:14px;color:#f0dbe8}.hero-bottom{display:none}.hero-art{display:none}.contents{padding:65px 9% 75px;background:radial-gradient(ellipse at 0% 100%,#68366b,transparent 60%),#37305f;display:grid;grid-template-columns:.9fr 1.4fr;gap:9%;border-bottom:1px solid #68557a}.contents-heading>span{font-size:10px;letter-spacing:2.5px;color:#c6b5d5}.contents-heading h2{font:62px/1.1 'DM Serif Display',Georgia,serif;letter-spacing:-1px;color:#fff8f1;text-shadow:0 0 17px #e64e6866;margin-top:18px}.categories{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 35px;padding:0;margin:0;background:none;box-shadow:none}.category{display:flex;flex-direction:row;gap:15px;padding:19px 0;border-bottom:1px solid #b29cb9;color:#fff4ee;align-items:center;font-size:16px}.category-number{color:#ee949d;font:italic 18px Georgia}.category-label{color:inherit;font-size:15px}.category:hover{color:#ffaba4}.section{padding:95px 7%}.section-label{color:#f1959b;letter-spacing:2px;font-size:11px}h2,html[lang=en] h2{font:600 40px/1.55 'Noto Serif KR',serif;color:#fff8f2;letter-spacing:-1px;text-shadow:0 0 20px #e5656030}.about{margin:0;padding:90px 9%;border:0;grid-template-columns:1fr 2.3fr;background:#3c3263;gap:6%}.about h2{font-size:36px}.heritage-intro{color:#f6d7dd;font-size:17px;line-height:1.9;margin:25px 0 0}.about-body{gap:32px;margin-top:30px;border-top:1px solid #a87588;padding-top:25px}.about p,.section-heading p{color:#d9cde2;font-size:15px;line-height:2}.about .heritage-intro{color:#ffe2e2;font-size:17px}.heritage-strip{display:flex;justify-content:space-between;gap:20px;padding:25px 9%;background:#30284f;border-block:1px solid #76596f;color:#c6acd0;font-size:10px;letter-spacing:2px}.artists{background:#37305f}.section-heading{margin-bottom:42px}.director{border:1px solid #df747d;border-radius:5px;overflow:hidden;background:#493562;grid-template-columns:.9fr 1.1fr;min-height:490px;color:#fff4ee}.director-portrait{min-height:490px;background:#60476f}.director-portrait .portrait-word{font:210px 'Noto Serif KR',serif;color:#b0869d}.director .photo-note{background:none;padding:0;color:#e6cbd8;font-size:12px}.director .portrait-index{color:#e8a2ae}.director-copy{padding:58px 12% 40px 10%}.director .eyebrow{color:#ffbdba;border:0;background:none;font-size:11px;padding:0;border-radius:0}.director h3{font:500 29px/1.6 'Noto Serif KR',serif;margin-top:24px}.director p{color:#d8c6dc;font-size:14px}.director-name{flex-wrap:wrap;gap:16px}.director-name strong{font:500 24px 'Noto Serif KR',serif}.director-name span{color:#d1b9ce}.director .text-link{color:#ffd7d2;border-color:#b67d8f}.director-side{color:#ce9bb2}.artists-grid{gap:30px 24px;margin-top:36px}.artist{background:none;border:0;border-radius:0;padding:0;color:#fff4ee;box-shadow:none}.artist:hover{box-shadow:none;transform:none}.artist .portrait,.artist:nth-child(2n) .portrait,.artist:nth-child(3n) .portrait,.artist:nth-child(4n) .portrait{background:#504069;border-radius:3px;border:1px solid #816080}.artist:nth-child(even) .portrait{background:#493c67}.artist:hover .portrait{background:#654775}.artist .portrait-word,.artist:nth-child(2n) .portrait-word,.artist:nth-child(3n) .portrait-word{font:90px 'Noto Serif KR',serif;color:#a783aa}.artist .photo-note{color:#d2bcd7}.artist-title{margin:17px 0 0}.artist-title strong{font-size:15px}.artist-title small{color:#f498a3}.artist-sub{margin:8px 0 0;color:#bfaecc}.works{background:#2d274b}.work-visual{border:1px solid #c76173;border-radius:0}.work-copy h3{font:500 36px/1.6 'Noto Serif KR',serif}.work-copy p,.notice{color:#d4c5dd}.notice{border-color:#74607c}.coming{color:#f2a6ae}.journey{border:0;background:radial-gradient(ellipse at 100% 100%,#713674,transparent 70%),#3b3061}.journey-year{font:80px 'DM Serif Display',serif;color:#aa7d9c}.journey-grid{gap:26px}.journey-grid article,.journey-grid article:nth-child(2),.journey-grid article:nth-child(3){border:1px solid #d76877;border-radius:20px;padding:32px;background:#42326077;scroll-margin-top:30px}.journey-grid h3{font:500 25px 'Noto Serif KR',serif;margin:25px 0 20px}.journey-grid p{color:#e0cfe4}.journey-grid small{color:#c3a9cb}.closing{position:relative;margin:0;border-radius:0;background:#302951;padding:75px 20px;border-top:1px solid #86607f}.closing>span{color:#edabb7}.closing h2{font-size:36px}.closing p{color:#c9b0d3}.closing>a{border:1px solid #c96879;border-radius:3px;background:none;padding:12px 24px;color:#ffe3e4}.closing>a:hover{background:#62365e}footer{background:#292340;color:#c6b4d1;padding:40px 5%}.brand small{font-size:9px}dialog{background:#3d315f;color:#fff3ed;border:1px solid #cc7284;border-radius:6px}dialog h2{font-family:'Noto Serif KR',serif}dialog p{color:#dfcde4}.profile-info{border-color:#846886}.dialog-done{background:#b5576d;color:#fff;border-radius:3px}dialog::backdrop{background:#171027cc}.main-nav.open{background:#302950}.skip{background:#37305f}.hero h1 .hanja{font-family:'Noto Serif KR',serif}html[lang=en] .hero h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(60px,7vw,106px);letter-spacing:-2px}html[lang=en] .hero h1 br{display:none}html[lang=en] .hero h1 .hanja{display:none}
@media(max-width:1000px){header{gap:12px}.main-nav{gap:16px}.hero{min-height:790px}.contents{gap:5%;padding:55px 7%}.contents-heading h2{font-size:48px}.category{font-size:14px}.director-copy{padding:40px 11% 35px 8%}.director h3{font-size:25px}.about{padding:70px 7%;grid-template-columns:.7fr 2fr}}
@media(max-width:680px){header{height:78px;padding:0 5%;gap:8px}.main-nav{top:78px}.languages button{font-size:10px;padding:8px 4px}.hero{min-height:760px}.korea-panorama{object-fit:cover;object-position:45% bottom}.hero-shade{background:linear-gradient(#37305f99,transparent 85%)}.hero-copy{padding:38px 6% 0}.hero-kicker{font-size:8px;letter-spacing:2px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1px}.hero h1{font-size:49px;letter-spacing:-2px;line-height:1.35;margin-top:24px}.hero h1 br{display:block}html[lang=en] .hero h1{font-size:58px;line-height:1.1}html[lang=en] .hero h1 br{display:block}.english{font-size:15px;letter-spacing:2px}.intro{font-size:13px;margin-top:18px}.hero-copy>.text-link{font-size:12px;width:230px}.lead-shortcut{font-size:11px}.contents{padding:40px 7% 45px;display:block}.contents-heading h2{font-size:46px;margin:12px 0 25px}.categories{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.category{padding:17px 0;gap:10px}.category-label{font-size:13px}.category-number{font-size:16px}.section{padding:60px 6%}.about{display:block;margin:0;padding:60px 7%}.about h2,h2,html[lang=en] h2{font-size:28px}.about .heritage-intro{font-size:15px}.about-body{gap:22px;margin-top:22px}.heritage-strip{padding:20px 6%;font-size:8px;letter-spacing:.5px;gap:10px}.heritage-strip span:nth-child(2){display:none}.director{display:block}.director-portrait{min-height:320px}.director-copy{padding:32px 9%}.director-side{top:350px;right:12px;font-size:8px}.director h3,html[lang=en] .director h3{font-size:24px}.director-name strong{font-size:22px}.director-name span{font-size:11px}.artists-grid{gap:26px 15px}.artist .portrait-word{font-size:72px}.artist .photo-note{font-size:9px}.artist-title strong,html[lang=en] .artist-title strong{font-size:12px}.artist-sub{font-size:8px}.work-copy h3{font-size:29px}.journey-grid{gap:18px}.journey-grid article{padding:28px}.closing{padding:55px 20px}.closing h2{font-size:26px}footer .brand{width:100%}}
.korea-panorama{object-fit:contain;object-position:center bottom}@media(max-width:680px){.korea-panorama{height:auto;top:auto;bottom:0;object-fit:contain}.hero{min-height:690px}.hero-shade{background:linear-gradient(#37305f00 60%,#37305f00)}}

/* Softer architectural backdrop and a prominent handwritten 美. */
.korea-panorama{opacity:.48}
.hero h1 .hanja,html[lang=en] .hero h1 .hanja{display:inline-block;font-family:'Noto Serif KR',serif;font-size:1.75em;font-weight:400;line-height:.95;letter-spacing:-.06em;vertical-align:-.09em;text-shadow:0 0 22px #ef778344}
.director-portrait{background:#ddd7d4}
.director-photo{position:absolute;inset:0;width:100%;height:100%;padding:clamp(10px,1.4vw,24px);object-fit:contain;object-position:center;display:block}
.director-portrait .portrait-index{z-index:1;color:#bf566a;text-shadow:0 1px 8px #fff}
@media(max-width:680px){.hero h1 .hanja,html[lang=en] .hero h1 .hanja{font-size:1.9em;display:block;line-height:1.05;margin-bottom:6px}.hero h1 br{display:none}html[lang=en] .hero h1{font-size:44px}.hero{min-height:760px}}
/* Supplied artwork, shown in its full portrait composition. */
.work-visual{aspect-ratio:1060/1456}
.work-visual .art-image{background-image:url('blue-art-mask.png');background-size:contain;background-repeat:no-repeat;background-position:center}
.work-visual>span{background:#171126b3;padding:6px 10px}

.artist-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}
#profile-photo{display:block;width:100%;max-height:380px;object-fit:contain;margin-top:22px}
#profile-photo[hidden]{display:none}

footer{flex-wrap:wrap;gap:26px}.institution{flex-basis:100%;border-top:1px solid #675677;padding-top:26px}.institution-name{display:block;font-size:16px;font-weight:500;color:#eee2f1;letter-spacing:0}.institution-address{margin-top:12px;font-size:14px;line-height:1.9;font-style:normal;color:#c6b4d1;overflow-wrap:anywhere}@media(max-width:680px){.institution-name{font-size:15px}.institution-address{font-size:13px}}

#profile-desc{white-space:pre-line}#artist-career{margin-top:28px}#artist-career h3{font-size:16px;color:#fff3ed}#artist-career ul{padding-left:20px;margin:16px 0 0;color:#dfcde4;font-size:14px;line-height:1.9}#artist-career li{margin-bottom:12px}#artist-career[hidden]{display:none}

/* Compact lead-professor feature: quieter portrait scale and a shorter card. */
.director{grid-template-columns:minmax(280px,340px) minmax(0,1fr);max-width:1120px;min-height:420px;margin-inline:auto}
.director-portrait{min-height:420px}
.director-photo{padding:18px clamp(34px,4vw,68px)}
.director-copy{padding:46px 9% 34px}
@media(max-width:1000px) and (min-width:681px){.director{grid-template-columns:280px minmax(0,1fr)}.director-photo{padding-inline:36px}}
@media(max-width:680px){.director{display:grid;grid-template-columns:minmax(0,40%) minmax(0,60%);max-width:560px;min-height:0;padding:18px 12px;gap:0;align-items:start}.director-portrait{min-height:0;height:auto;aspect-ratio:2/3;background:transparent;overflow:hidden;margin-top:4px}.director-photo{position:static;display:block;width:100%;height:auto;max-height:240px;padding:0;object-fit:contain}.director-portrait .portrait-index{top:4px;left:5px;font-size:14px}.director-copy{padding:0 0 0 16px;min-width:0}.director h3,html[lang=en] .director h3{font-size:20px;line-height:1.55;margin-top:14px}.director .eyebrow{font-size:10px;letter-spacing:.7px}.director p{font-size:14px;line-height:1.8;margin-top:16px}.director p br{display:none}.director-name{display:block;margin-top:18px}.director-name strong{font-size:19px}.director-name span{display:block;font-size:12px;margin-top:8px}.director .text-link{font-size:13px;margin-top:18px}.director-side{display:none}}
