*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f6f2;color:#202724;font-family:"DM Sans","Noto Serif KR",sans-serif}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 5.4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e3dc;background:#f7f6f2;position:sticky;top:0;z-index:20}.brand{font-size:16px;letter-spacing:.12em;font-weight:600;display:flex;flex-direction:column;gap:5px}.brand span{font-size:9px;letter-spacing:.2em;color:#78817c;font-weight:500}.topbar nav{display:flex;gap:36px;margin-left:auto;margin-right:34px}.topbar nav a,.lang{font-size:10px;letter-spacing:.16em;color:#4e5a55}.topbar nav a:hover,.text-link:hover{color:#2b7770}.lang,.menu{border:0;background:none;cursor:pointer;letter-spacing:.12em}.menu{display:none}.hero{min-height:650px;height:calc(100vh - 82px);max-height:850px;display:grid;grid-template-columns:55% 45%;position:relative;overflow:hidden}.hero-image{background:#dce5df;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.86)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw 7vw 8vw 8vw}.eyebrow{font-size:10px;letter-spacing:.2em;color:#6f8179;font-weight:600;margin:0 0 24px}.hero h1{font-family:"Noto Serif KR",serif;font-weight:400;font-size:clamp(38px,5vw,68px);line-height:1.42;letter-spacing:-.06em;margin:0 0 25px}.hero-sub{font-family:"Noto Serif KR",serif;font-size:15px;line-height:2;color:#69736e;max-width:390px}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:10px;letter-spacing:.16em;border-bottom:1px solid #9aa49e;padding:0 0 12px;margin-top:28px;width:max-content}.text-link b{font-size:16px;font-weight:400}.hero-index{position:absolute;bottom:26px;left:5.4vw;font-size:9px;letter-spacing:.18em;color:#f7f6f2;mix-blend-mode:difference}.hero-index span{margin-left:20px}.section-pad{padding:115px 10vw}.intro{padding-top:130px;padding-bottom:130px;text-align:center;border-bottom:1px solid #e7e5df}.intro .eyebrow{margin-bottom:25px}.intro-text{font-family:"Noto Serif KR",serif;font-size:clamp(20px,2.6vw,32px);line-height:1.9;letter-spacing:-.045em;max-width:850px;margin:0 auto;color:#35443e}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-head h2,.contact h2{font-family:"Noto Serif KR",serif;font-size:42px;font-weight:400;letter-spacing:-.06em;margin:0}.section-head .eyebrow{margin-bottom:15px}.section-head>p{font-size:11px;color:#87918b;margin:0 0 6px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px 24px}.work-card{border:0;background:none;padding:0;text-align:left;cursor:pointer;min-width:0}.work-card .image-wrap{background:#e9e8e1;overflow:hidden;aspect-ratio:1/1;display:block}.work-card:nth-child(4) .image-wrap{aspect-ratio:4/5}.work-card:nth-child(5) .image-wrap{aspect-ratio:1.45/1}.work-card:nth-child(6) .image-wrap{aspect-ratio:4/5}.work-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.work-card:hover img{transform:scale(1.035)}.work-card .number{font-size:9px;letter-spacing:.18em;color:#88948d;margin:17px 0 8px;display:block}.work-card h3{font-family:"Noto Serif KR",serif;font-size:16px;line-height:1.65;font-weight:400;margin:0 0 7px}.work-card .meta{font-size:10px;color:#89928d;letter-spacing:.04em}.statement{display:grid;grid-template-columns:50% 50%;background:#e9eee9;min-height:480px}.statement-image{min-height:480px;overflow:hidden}.statement-image img{width:100%;height:100%;object-fit:cover}.statement-copy{padding:9vw 10vw 7vw 8vw;display:flex;flex-direction:column;justify-content:center}.statement-copy blockquote{font-family:"Noto Serif KR",serif;font-size:clamp(23px,3vw,38px);line-height:1.8;letter-spacing:-.05em;margin:0;color:#344b43}.statement-copy .text-link{margin-top:35px}.about{background:#f7f6f2}.profile-en{font-size:10px;letter-spacing:.15em;line-height:1.8;color:#87918b}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid #e3e1da;padding-top:42px}.about-lead{font-family:"Noto Serif KR",serif;font-size:25px;line-height:1.8;letter-spacing:-.05em;color:#344b43}.about-text{font-family:"Noto Serif KR",serif;font-size:14px;line-height:2.15;color:#68736d}.about-text p{margin:0 0 18px}.exhibitions{background:#eef0eb}.timeline{display:grid;grid-template-columns:120px 1fr;row-gap:38px;border-top:1px solid #d9ded8;padding-top:35px}.year{font-size:16px;letter-spacing:.08em;color:#3e6d62}.events p{font-family:"Noto Serif KR",serif;font-size:16px;margin:0 0 17px}.events span{font-family:"DM Sans",sans-serif;font-size:11px;color:#8a948e;margin-left:12px}.small-note{font-size:10px;color:#8b958f;margin-top:35px}.contact{text-align:center;padding-top:125px;padding-bottom:135px}.contact .eyebrow{margin-bottom:18px}.contact h2{font-size:38px}.contact>p:not(.eyebrow){font-family:"Noto Serif KR",serif;color:#7a8580;font-size:13px;margin:20px 0}.contact-placeholder{display:inline-block;border:1px solid #cbd2cc;padding:13px 22px;font-size:9px;letter-spacing:.15em;color:#718079;margin-top:18px}footer{padding:32px 5.4vw;border-top:1px solid #e5e3dc;display:flex;align-items:center;justify-content:space-between}footer>span,footer>a:last-child{font-size:9px;letter-spacing:.12em;color:#89938d}.modal{display:none;position:fixed;inset:0;z-index:50;align-items:center;justify-content:center;padding:4vw}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(17,26,23,.78)}.modal-panel{position:relative;background:#f7f6f2;max-width:1000px;width:100%;max-height:90vh;display:grid;grid-template-columns:58% 42%;z-index:1}.modal-panel>img{width:100%;height:78vh;max-height:760px;object-fit:contain;background:#e7e8e1}.modal-info{padding:60px 40px;align-self:center}.modal-info h3{font-family:"Noto Serif KR",serif;font-size:25px;line-height:1.7;font-weight:400}.modal-info p:last-child{font-size:12px;line-height:2;color:#7d8982}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:30px;cursor:pointer;z-index:2}.empty{color:#7d8982}@media(max-width:800px){.topbar{height:70px;padding:0 6vw}.topbar nav{display:none;position:absolute;top:70px;left:0;right:0;background:#f7f6f2;padding:24px 6vw;flex-direction:column;gap:22px;border-bottom:1px solid #e5e3dc}.topbar nav.open{display:flex}.menu{display:block;margin-left:18px}.lang{margin-left:auto}.hero{height:auto;max-height:none;min-height:0;grid-template-columns:1fr}.hero-image{height:62vh;min-height:390px}.hero-copy{padding:55px 8vw 80px}.hero-index{color:#fff;bottom:auto;top:calc(62vh - 26px)}.section-pad{padding:80px 7vw}.intro{padding-top:95px;padding-bottom:95px}.section-head{align-items:start;gap:20px;flex-direction:column;margin-bottom:35px}.section-head h2{font-size:36px}.work-grid{grid-template-columns:repeat(2,1fr);gap:36px 14px}.work-card h3{font-size:14px}.statement{grid-template-columns:1fr}.statement-image{min-height:350px;height:55vw}.statement-copy{padding:65px 8vw 75px}.about-body{grid-template-columns:1fr;gap:25px}.about-lead{font-size:22px}.timeline{grid-template-columns:65px 1fr;gap:28px 12px}.events p{font-size:14px;line-height:1.7}.events span{display:block;margin:4px 0 0}.modal-panel{grid-template-columns:1fr;max-height:90vh;overflow:auto}.modal-panel>img{height:55vh}.modal-info{padding:25px}.modal-info h3{font-size:20px}footer{padding:28px 6vw;gap:20px;flex-wrap:wrap}footer>span{order:3;width:100%}}@media(max-width:430px){.work-grid{grid-template-columns:1fr}.work-card .image-wrap{aspect-ratio:1.08/1!important}.hero h1{font-size:42px}.hero-image{height:54vh}.hero-index{top:calc(54vh - 26px)}}

/* Artist profile portrait */
.about-body{grid-template-columns:minmax(220px, .72fr) 1.28fr;gap:8%}
.artist-portrait-wrap{max-width:360px}
.artist-portrait{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;filter:grayscale(100%);background:#e5e5e1}
.portrait-caption{display:block;margin-top:12px;font-size:9px;letter-spacing:.17em;color:#87918b}
.about-content{min-width:0}
@media(max-width:800px){.about-body{grid-template-columns:1fr;gap:34px}.artist-portrait-wrap{max-width:260px}.about-content{width:100%}}


/* Expanded archive and installation note */
.installation{background:#f0f1ec;border-top:1px solid #e2e5df}
.installation-card{border-top:1px solid #d9ded8;border-bottom:1px solid #d9ded8;padding:34px 0;display:grid;grid-template-columns:1fr 1fr;gap:8%}
.installation-card h3{font-family:"Noto Serif KR",serif;font-weight:400;font-size:27px;margin:0 0 8px}
.installation-en{color:#849089;font-size:12px;letter-spacing:.06em}
.installation-meta{font-size:12px;line-height:1.9;color:#64716a}
.installation-meta small{display:block;margin-top:18px;color:#87918b;line-height:1.8}
.work-card .number{font-size:8px;letter-spacing:.12em}
@media(max-width:800px){.installation-card{grid-template-columns:1fr;gap:16px}}


/* Latest portfolio update: 28 works, 2022–2026 */
.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 18px}
.work-card{min-width:0}
.work-card .image-wrap{display:block;aspect-ratio:4/5;background:#e7e7e1;overflow:hidden}
.work-card .image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.work-card:hover .image-wrap img{transform:scale(1.035)}
.work-card .number{display:block;margin-top:13px}
.work-card h3{min-height:2.8em}
.review-note{display:block;color:#9b7954;font-size:10px;line-height:1.6;margin-top:6px}
.installation-card{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);align-items:center;gap:5%}
.installation-card>img{width:100%;height:auto;max-height:480px;object-fit:cover;display:block}
.installation-meta h3{font-family:"Noto Serif KR",serif;font-weight:400;font-size:26px;margin:0 0 6px}
.installation-meta p{font-size:12px;line-height:1.9;color:#64716a}
@media(max-width:1000px){.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
 .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .work-card h3{font-size:14px;line-height:1.55;min-height:3em}
 .work-card .meta{font-size:10px;line-height:1.6}
 .installation-card{grid-template-columns:1fr;gap:18px}
 .installation-card>img{max-height:none}
}


/* Revision 2: installation works and contact details */
.installation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.installation-item{min-width:0}
.installation-item>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#e7e7e1}
.installation-item h3{font-family:"Noto Serif KR",serif;font-weight:400;font-size:19px;line-height:1.55;margin:18px 0 5px}
.installation-item p{font-size:11px;line-height:1.8;color:#64716a;margin:3px 0}
.installation-item .installation-en{font-size:12px;color:#7a827d}
.contact-email{display:inline-block;margin-top:16px;font-size:clamp(18px,2.4vw,27px);letter-spacing:.015em;border-bottom:1px solid #8e9a93;padding-bottom:8px;color:#2b7770}
.contact-email:hover{color:#202724}
@media(max-width:850px){.installation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.installation-grid{grid-template-columns:1fr;gap:30px}.installation-item>img{aspect-ratio:4/3}}