@charset "UTF-8";
:root{--paper:#182927;--ink:#ede9de;--muted:#afbbb5;--rule:#45544e;--accent:#c9ab83;color-scheme:dark;font-family:"Noto Sans KR",Arial,sans-serif;font-synthesis:none;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}body[data-page="visuals"]{--paper:#cbd3d1;--ink:#263d3b;--muted:#536c67;--rule:#9cadaa;--accent:#7c4e3a;color-scheme:light}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:1px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:var(--ink);color:var(--paper);padding:13px}.skip:focus{top:12px}
.portfolio{width:min(1460px,calc(100% - 112px));margin:0 auto}.topline{min-height:74px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:10px;letter-spacing:.07em}.back-link{color:var(--muted);padding:10px 0}.back-link:hover{color:var(--ink)}.edition{font-size:9px;letter-spacing:.22em;color:var(--muted)}.page-tabs{display:flex;gap:28px}.page-tabs a{padding:10px 0;color:var(--muted);font-size:10px;position:relative}.page-tabs span{font-size:9px;margin-right:8px}.page-tabs a[aria-current]{color:var(--ink)}.page-tabs a[aria-current]:after{content:"";height:1px;background:var(--accent);position:absolute;left:0;right:0;bottom:2px}
.title-block{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:2px 0 32px}.name-lockup{display:flex;align-items:baseline;gap:32px}.title-block h1{font:300 154px/.98 "Cormorant Garamond",Georgia,serif;letter-spacing:-.065em;margin-left:-5px;outline:0}.artist-label{font-size:8px;letter-spacing:.19em;color:var(--muted);white-space:nowrap}.intro{padding-top:16px;min-width:320px}.intro h2{font:300 25px/1.65 "Noto Serif KR",serif;letter-spacing:-.055em}.intro p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:13px;font-weight:300;letter-spacing:-.01em}.section-rule{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding:15px 0 24px}.section-rule h2{font-size:9px;font-weight:300;color:var(--accent);letter-spacing:.08em;display:flex;align-items:baseline;gap:12px}.section-rule h2 span{font:400 19px "Cormorant Garamond",serif;color:var(--ink);letter-spacing:.015em}.section-rule>span{font-size:8px;letter-spacing:.16em;color:var(--muted)}
.exhibition-grid{display:grid;grid-template-columns:1.28fr .94fr .88fr;gap:40px;align-items:start}.project{min-width:0}.project-art{height:404px;margin-bottom:23px}.art{display:block;position:relative;overflow:hidden;text-align:left}.art img{transition:transform .7s ease}.art:hover img{transform:scale(1.02)}.expand{position:absolute;bottom:11px;right:12px;color:white;font:300 20px Arial,sans-serif;opacity:0;text-shadow:0 1px 4px #000;transition:opacity .2s}.art:hover .expand,.art:focus-visible .expand{opacity:1}.gisaeng-art{display:grid;grid-template-columns:1.42fr .66fr;grid-template-rows:1fr 1fr;gap:14px}.gisaeng-art .cover{grid-row:1/3}.gisaeng-art .cover img{object-fit:contain;object-position:50% 50%}.silk{margin-top:44px}.blossom{margin-bottom:44px}.silk img{object-position:52% 50%}.blossom img{object-position:68% 50%}.warhol-art{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:39px 0}.warhol-art .art{aspect-ratio:2912/1632;flex:none;width:100%}.warhol-art img{object-fit:contain}.subconscious-art{display:grid;grid-template-columns:1fr 1fr;gap:15px}.queen{height:87%;align-self:start}.carnival{height:84%;align-self:end}.subconscious-art img{object-position:center}.project-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.project-heading h3{font:300 23px/1.5 "Noto Serif KR",serif;letter-spacing:-.04em;white-space:nowrap}.subconscious .project-heading h3{font:400 27px/1.25 "Cormorant Garamond",serif;letter-spacing:-.03em}.project-heading time{font-size:9px;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.work-title{font-size:10px;color:var(--accent);line-height:1.6;margin-top:5px}.description{font-size:11px;font-weight:300;letter-spacing:-.025em;line-height:1.95;margin-top:13px;word-break:keep-all}.role{font-size:9px;color:var(--muted);line-height:1.8;margin-top:12px}.text-link{display:flex;align-items:center;gap:28px;margin-top:12px;padding:6px 0;border-bottom:1px solid var(--rule);font-size:10px}.text-link span{font-size:9px;color:var(--muted)}.text-link:hover{border-color:var(--accent);color:var(--accent)}.page-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:83px;margin-top:8px}.small-note{font-size:8px;color:var(--muted);letter-spacing:.02em}.turn-page{font:300 15px "Noto Serif KR",serif;display:flex;gap:20px;align-items:center}.turn-page>span{font:300 27px Arial,sans-serif}.turn-page small{font:300 10px "Noto Sans KR",sans-serif;color:var(--muted);border-left:1px solid var(--rule);padding-left:19px}.contact{display:flex;gap:28px;align-items:center;min-height:67px;border-top:1px solid var(--rule)}.signature{font:300 29px "Cormorant Garamond",serif;letter-spacing:-.07em;margin-right:11px}.contact a{font-size:10px;color:var(--muted)}.contact a:hover{color:var(--ink)}.contact-note{margin-left:auto;font-size:8px;color:var(--muted);letter-spacing:.17em}
.visual-title-block{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:186px;padding:20px 0 33px}.eyebrow{font-size:8px;letter-spacing:.2em;color:var(--muted)}.visual-title-block h2{font:300 56px/1.5 "Noto Serif KR",serif;letter-spacing:-.08em;margin-top:9px;outline:none}.visual-title-block h2 em{font-style:normal;color:var(--accent)}.visual-intro{padding-right:25px}.visual-intro p{font-size:11px;font-weight:300;line-height:2;color:var(--muted);letter-spacing:-.02em}.visual-grid{display:grid;grid-template-columns:.82fr 2fr;gap:47px;border-top:1px solid var(--rule);padding-top:25px}.character-project{padding-top:13px}.character-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px;height:318px;margin-bottom:23px;background:#eae5db}.character-pair .art img{object-fit:contain}.character-project .project-heading{display:block}.character-project .project-heading h3{font-size:22px;letter-spacing:-.07em}.character-project .project-heading time{display:block;margin-top:6px}.character-project .work-title{font-size:9px}.character-project .description{font-size:10px}.character-project .role{font-size:9px}.study-label{font-size:8px;letter-spacing:.11em;display:flex;justify-content:space-between;color:var(--muted);margin-bottom:13px}.study-mosaic{display:grid;grid-template-columns:1.1fr 1fr .78fr;grid-template-rows:160px 145px 145px;gap:12px}.floral{grid-column:1/3;grid-row:1}.painting{grid-column:3;grid-row:1/3}.still{grid-column:1;grid-row:2}.concept{grid-column:2;grid-row:2}.cinema{grid-column:1;grid-row:3}.anime{grid-column:2;grid-row:3}.collage{grid-column:3;grid-row:3}.floral img{object-position:50% 40%}.painting img{object-position:50% 40%}.image-label{position:absolute;left:10px;bottom:10px;font-size:7px;letter-spacing:.12em;color:white;z-index:1;text-shadow:0 1px 6px #000;opacity:0;transition:opacity .2s}.study:hover .image-label,.study:focus-visible .image-label{opacity:1}.previous-page{font-size:10px}.closing-line{font:300 13px "Noto Serif KR",serif;letter-spacing:-.03em;color:var(--muted)}
dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;background:#111a19;color:#ede9de;padding:22px 38px}dialog[open]{display:grid;grid-template-rows:42px minmax(0,1fr) 66px;gap:12px}dialog::backdrop{background:#111a19}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.lightbox-top{font-size:10px;letter-spacing:.07em;color:#b3bbb5}.lightbox-top button{font-size:12px;color:#ede9de;padding:10px}.lightbox-top button span{font-size:25px;vertical-align:middle;margin-left:15px}.lightbox-stage{display:flex;align-items:center;justify-content:center;min-height:0}.lightbox-stage img,.lightbox-stage video{width:100%;height:100%;max-height:100%;object-fit:contain}.lightbox-bottom p{font-size:12px;line-height:1.8}.lightbox-bottom>div>span{display:block;font-size:9px;color:#b3bbb5;margin-top:5px}.lightbox-controls{display:flex;gap:12px}.lightbox-controls button{width:44px;height:42px;border:1px solid #64726a;font-size:21px}.lightbox-controls button:hover{background:#30413a}body.has-lightbox{overflow:hidden}
@media(min-width:1550px){.portfolio{width:min(1460px,calc(100% - 150px))}.title-block{padding:15px 0 35px}.title-block h1{font-size:172px}.project-art{height:454px}.warhol-art{padding:50px 0;gap:24px}.study-mosaic{grid-template-rows:185px 160px 160px}.character-pair{height:365px}.visual-title-block{min-height:212px}.visual-title-block h2{font-size:61px}}
@media(max-width:1100px){.portfolio{width:calc(100% - 66px)}.title-block{gap:25px;padding-bottom:30px}.title-block h1{font-size:135px}.name-lockup{gap:20px}.artist-label{font-size:7px;letter-spacing:.1em}.intro{min-width:275px}.intro h2{font-size:23px}.intro p{font-size:9px}.exhibition-grid{gap:27px;grid-template-columns:1.22fr .96fr .88fr}.project-art{height:354px}.gisaeng-art{gap:11px}.silk{margin-top:35px}.blossom{margin-bottom:35px}.warhol-art{padding:45px 0;gap:17px}.project-heading h3{font-size:20px}.subconscious .project-heading h3{font-size:23px}.project-heading time{font-size:8px}.description{font-size:10px}.role{font-size:8px}.visual-grid{gap:29px;grid-template-columns:.85fr 1.7fr}.visual-title-block h2{font-size:49px}.character-pair{height:284px}.study-mosaic{grid-template-rows:145px 130px 130px;gap:10px}.character-project .project-heading h3{font-size:21px}.visual-intro{padding-right:0}}
@media(max-width:760px){.portfolio{width:calc(100% - 40px)}.topline{min-height:64px;gap:15px}.edition{display:none}.topline,.page-tabs a{font-size:9px}.page-tabs{gap:22px}.page-tabs span{font-size:8px;margin-right:6px}.title-block{display:block;padding:9px 0 28px}.name-lockup{gap:25px;align-items:baseline}.title-block h1{font-size:119px;line-height:.98;margin-left:-3px}.artist-label{font-size:6px;letter-spacing:.14em;white-space:normal;max-width:100px;line-height:1.8}.intro{display:flex;align-items:center;gap:20px;min-width:0;padding-top:20px}.intro h2{font-size:18px;line-height:1.7;flex-shrink:0}.intro p{font-size:9px;line-height:1.9;margin:0;max-width:150px;word-break:keep-all}.section-rule{padding:13px 0 22px}.section-rule h2{font-size:8px;gap:8px}.section-rule h2 span{font-size:18px}.section-rule>span{font-size:7px;letter-spacing:.09em}.exhibition-grid{grid-template-columns:1fr;gap:36px}.project-art{margin-bottom:21px}.gisaeng-art{height:min(110vw,530px);grid-template-columns:1.42fr .66fr;gap:12px}.silk{margin-top:34px}.blossom{margin-bottom:34px}.project-heading h3{font-size:25px}.project-heading time{font-size:10px}.work-title{font-size:11px}.description{font-size:12px;line-height:1.95;margin-top:13px}.role{font-size:10px}.text-link{font-size:11px;padding:10px 0;margin-top:8px}.text-link span{font-size:10px}.warhol-art{height:auto;padding:0;gap:13px}.warhol-art .art{aspect-ratio:2912/1632}.subconscious-art{height:min(110vw,540px);gap:15px}.queen,.carnival{height:90%}.subconscious .project-heading h3{font-size:31px}.page-bottom{min-height:91px;gap:12px}.small-note{font-size:7px}.turn-page{font-size:14px;gap:12px}.turn-page small{padding-left:12px}.turn-page>span{font-size:23px}.contact{min-height:81px;gap:16px;flex-wrap:wrap;padding:15px 0}.signature{font-size:28px;margin-right:0}.contact a{font-size:8px}.contact-note{display:none}.visual-title-block{display:block;padding:20px 0 26px;min-height:0}.eyebrow{font-size:8px}.visual-title-block h2{font-size:44px;margin-top:13px}.visual-intro{padding:0;margin-top:17px}.visual-intro p{font-size:11px}.visual-grid{grid-template-columns:1fr;gap:31px;padding-top:23px}.character-project{padding-top:0}.character-pair{height:min(106vw,490px);margin-bottom:20px}.character-project .project-heading{display:flex}.character-project .project-heading h3{font-size:24px}.character-project .project-heading time{margin-top:0}.character-project .work-title{font-size:10px}.character-project .description{font-size:12px}.character-project .role{font-size:10px}.study-label{font-size:7px;letter-spacing:.06em}.study-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,155px);gap:10px}.floral{grid-column:1/3;grid-row:1}.painting{grid-column:2;grid-row:2/4}.still{grid-column:1;grid-row:2}.concept{grid-column:1;grid-row:3}.cinema{grid-column:1;grid-row:4}.anime{grid-column:2;grid-row:4}.collage{grid-column:1/3;grid-row:5;aspect-ratio:2.2}.image-label{opacity:1;font-size:7px}.closing-line{font-size:11px}.previous-page{font-size:9px}dialog{padding:13px 15px}dialog[open]{grid-template-rows:40px minmax(0,1fr) 80px;gap:10px}.lightbox-top{font-size:8px}.lightbox-bottom{gap:10px}.lightbox-bottom p{font-size:11px}.lightbox-controls{gap:7px}.lightbox-controls button{width:38px;height:39px}}
@media(max-width:370px){.portfolio{width:calc(100% - 32px)}.title-block h1{font-size:108px}.intro{gap:15px}.intro h2{font-size:17px}.intro p{font-size:8px}.name-lockup{gap:20px}.artist-label{font-size:6px}.contact{gap:12px}.character-project .project-heading h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}