/* The frame belongs to the exhibition. Uploading a new image never changes it. */
#index-drawer .work-image{aspect-ratio:4/5!important;overflow:hidden;background:transparent}
#index-drawer .work-image img,#index-drawer .work-saem .work-image img{display:block;width:100%;height:100%;object-fit:contain;background:transparent;transform:none}
#index-drawer .work-image img{transition:opacity .25s}
#index-drawer .work-button:hover .work-image img{opacity:.94}
#index-drawer .work-button{display:block;width:100%;text-align:left}
#index-drawer .work-card{min-width:0;padding-top:0}
#index-drawer .work-caption{display:block;margin:15px 0 0}
#index-drawer .work-caption h3{font-size:clamp(22px,2vw,34px);line-height:1.1;letter-spacing:-.045em}
#index-drawer .work-caption>span{font-size:12px;line-height:1.6;margin-top:8px;color:#6c6c66}
#index-drawer .image-index{left:12px;top:12px;font-size:11px;line-height:1;min-width:28px;padding:7px;background:#faf9f6ed;color:#171715;text-align:center}
#index-drawer .open-project{width:42px;height:42px;right:12px;bottom:12px;font-size:25px;background:#faf9f6e8}
#index-drawer .film-image,#index-drawer .archive-thumbnail{aspect-ratio:16/9!important;overflow:hidden;background:#f0efec}
#index-drawer .film-image img,#index-drawer .archive-thumbnail img{width:100%;height:100%;object-fit:contain;transform:none}
#index-drawer .work-disclosure{font-size:11px;line-height:1.8;margin-top:36px}
#index-drawer .work-disclosure span{font-size:11px}
#detail .detail-gallery figure{min-width:0}
#detail .detail-gallery .gallery-image-button{overflow:hidden}
#detail .detail-gallery img{height:auto;max-height:85dvh;object-fit:contain}
#detail .detail-gallery figcaption{font-size:12px;line-height:1.65}
.gallery-edition{display:none}
@media(min-width:1100px){
 #index-drawer{padding:0 clamp(32px,3.2vw,72px);scroll-padding-top:115px}
 #index-drawer .index-top{position:sticky;top:0;z-index:8;height:92px;padding:15px 0;background:#faf9f6;border-bottom:1px solid #17171526}
 #index-drawer #index-title{font-size:47px;line-height:1}
 #index-drawer .page-menu{left:auto;right:94px;transform:none;font-size:13px}
 #index-drawer #index-close{font-size:12px;min-width:65px}
 #index-drawer .index-tabs{top:0;z-index:9;height:92px;width:fit-content;margin:-92px 230px 0 185px;padding:0;align-items:center;gap:32px;border:0;background:transparent;backdrop-filter:none}
 #index-drawer .index-tabs button{font-size:16px;min-height:48px}
 #index-drawer .section-shell{max-width:1760px}
 #index-drawer .independent{padding-top:28px;padding-bottom:52px}
 #index-drawer .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 24px;align-items:start}
 #index-drawer .work-caption{min-height:63px}
 #index-drawer .agency>.section-kicker{display:none}
 #index-drawer .agency-intro{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:34px 0 28px}
 #index-drawer .agency-intro h2{font-size:clamp(46px,4.5vw,76px);line-height:1.06;white-space:nowrap;letter-spacing:-.055em}
 #index-drawer .agency-intro h2 br{display:none}
 #index-drawer .agency-intro h2 em{margin-left:.22em}
 #index-drawer .agency-experience{font-size:12px;line-height:1.8;max-width:310px}
 #index-drawer .featured-films.has-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
 #index-drawer .pillar-label,#index-drawer .pillar-description{display:none}
 #index-drawer .pillar-card .film-card{width:100%;padding:0}
 #index-drawer .pillar-card .film-meta{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px;gap:12px}
 #index-drawer .pillar-card .film-meta h3{font-size:clamp(27px,2.5vw,42px);line-height:1.05;letter-spacing:-.04em}
 #index-drawer .film-meta>span{font-size:12px;white-space:nowrap}
 #index-drawer .film-credit{font-size:12px;line-height:1.7;margin-top:10px}
 #index-drawer .film-play{width:46px;height:46px;font-size:16px;left:14px;bottom:14px}
 #index-drawer .archive-heading{display:flex;align-items:baseline;justify-content:space-between;margin-top:60px;padding-bottom:20px}
 #index-drawer .archive-heading h3{font-size:40px}
 #index-drawer .archive-heading>span{font-size:11px}
 #index-drawer .archive-controls{margin-top:20px;gap:30px}
 #index-drawer .search-field input,#index-drawer .year-field select{font-size:14px;min-height:48px}
 #index-drawer .archive-meta{font-size:12px;margin:16px 0 20px}
 #index-drawer #archive-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
 #index-drawer .archive-card .archive-title{font-size:19px;line-height:1.35}
 #index-drawer .archive-card .archive-title small,#index-drawer .archive-card .archive-credit,#index-drawer .archive-card .archive-role,#index-drawer .archive-card .archive-year{font-size:11px}
 #index-drawer .archive-card-credit{margin-top:12px}
 /* A landscape exhibition: the art takes three quarters; its title stays alongside. */
 .gallery-scene:not(.gallery-intro){grid-template-columns:minmax(0,1fr) clamp(220px,20vw,340px);grid-template-rows:minmax(0,1fr);gap:clamp(28px,3vw,60px);padding:110px clamp(32px,3.2vw,72px) 32px}
 .gallery-scene:not(.gallery-intro) .gallery-media{height:100%;width:100%;max-width:none;margin:0;gap:20px}
 .gallery-scene:not(.gallery-intro) .gallery-caption{height:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:30px;margin:0;padding:24px 0 6px;border-top:1px solid #17171538}
 .gallery-edition{display:block;font-size:12px;line-height:1.5;color:#6c6c66;font-variant-numeric:tabular-nums;margin-bottom:30px}
 .gallery-open{display:block;width:100%;text-align:left}
 .gallery-open h2{font-size:clamp(38px,3.2vw,62px);line-height:1.04;letter-spacing:-.055em;overflow-wrap:anywhere;word-break:normal}
 .gallery-open>span{display:block;margin-top:18px;font-size:38px}
 .gallery-credit{font-size:13px;line-height:1.8;margin-top:26px}
 .gallery-source{font-size:12px;line-height:1.75;margin-top:8px}
 .gallery-next{width:100%;justify-content:space-between;border-top:1px solid #17171526;padding:20px 0 0;font-size:13px;min-height:64px}
 .gallery-next span{font-size:34px}
 .gallery-object .gallery-frame{flex:1;max-width:none;max-height:none}
 .gallery-object .gallery-frame img{width:100%;height:100%;max-height:100%;object-fit:contain}
 .gallery-object .gallery-frame:nth-child(2){flex:.5;height:70%;align-self:flex-end}
 .gallery-object .gallery-frame:nth-child(n+3){display:none}
 .gallery-object .gallery-frame:nth-child(2) img{max-height:100%}
 .gallery-film .gallery-media{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,.33fr);gap:16px}
 .gallery-film .gallery-frame{width:100%;height:100%;grid-row:auto;align-items:center;padding:0}
 .gallery-film .gallery-frame:first-child{grid-column:1/-1;grid-row:1}
 .gallery-film .gallery-frame:only-child{grid-column:1/-1;grid-row:1/-1}
 .gallery-film .gallery-frame:nth-child(2):last-child{grid-column:2;grid-row:2;padding:0;align-items:center}
 .gallery-film .gallery-frame:nth-child(n+4){display:none}
 .gallery-film .gallery-frame img{width:100%;height:100%;object-fit:contain;max-height:100%}
 .gallery-film .gallery-frame:has(.gallery-year) img{height:calc(100% - 23px);max-height:calc(100% - 23px)}
 .gallery-year{font-size:11px;margin-top:7px}
 .gallery-frame-caption{font-size:11px}
 #detail{width:min(1680px,calc(100% - 64px));height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);margin:16px auto}
 #detail .detail-heading{padding:42px 4% 30px}
 #detail .detail-heading h2{font-size:clamp(48px,5.5vw,90px)}
 #detail .detail-summary{grid-template-columns:1fr 1fr;gap:40px;margin-top:24px}
 #detail .detail-summary .detail-en{font-size:clamp(25px,2.4vw,40px);line-height:1.2}
 #detail .detail-summary .detail-ko{font-size:14px;line-height:1.9}
 #detail .detail-credits{padding:22px 4% 30px;gap:24px}
 #detail .detail-credits dt{font-size:11px}#detail .detail-credits dd{font-size:13px}
 #detail .detail-gallery{padding:0 4% 40px;gap:28px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 #detail .detail-gallery>figure:first-child:not(.wide){grid-column:auto}
 #detail .detail-gallery:has(.label-art){grid-template-columns:repeat(3,minmax(0,1fr))}
 #detail .detail-gallery>figure.wide,#detail .detail-chapter{grid-column:1/-1}
 #detail .series-opening{padding:40px 4%;gap:40px}
 #detail .series-opening .detail-heading{padding:0}
 #detail .series-opening .detail-heading h2{font-size:clamp(48px,5.5vw,90px)}
 #detail .series-opening .detail-summary{margin-top:25px}
}
@media(min-width:701px) and (max-width:1099px){
 #index-drawer .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 22px}
 #index-drawer .work-caption h3{font-size:26px}
 #index-drawer #archive-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gallery-scene:not(.gallery-intro){padding:96px 28px 24px}
}
@media(max-width:700px){
 #index-drawer{padding:0 20px;scroll-padding-top:75px}
 #index-drawer .index-top{padding:20px 0}
 #index-drawer .index-tabs{top:0;padding:8px 0 12px;gap:26px}
 #index-drawer .index-tabs button{font-size:16px;min-height:44px}
 #index-drawer .independent{padding-top:22px}
 #index-drawer .project-grid{grid-template-columns:1fr;gap:32px}
 #index-drawer .work-image{aspect-ratio:4/5!important}
 #index-drawer .work-caption{margin-top:14px}
 #index-drawer .work-caption h3{font-size:28px}
 #index-drawer .work-caption>span{font-size:12px;margin-top:7px}
 #index-drawer .work-image .open-project{width:44px;height:44px}
 #index-drawer .agency-intro{padding:26px 0 30px}
 #index-drawer .agency-intro h2{font-size:clamp(49px,12vw,68px)}
 #index-drawer .agency-experience{font-size:12px;line-height:1.8}
 #index-drawer .featured-films.has-pillars{gap:32px}
 #index-drawer .pillar-label h3{font-size:18px}
 #index-drawer .pillar-description{font-size:11px}
 #index-drawer .pillar-card .film-meta h3{font-size:28px}
 #index-drawer .film-credit,#index-drawer .film-meta>span{font-size:12px;line-height:1.7}
 #index-drawer .film-meta h3{max-width:78%}
 #index-drawer .archive-heading h3{font-size:33px}
 #index-drawer .archive-card .archive-title{font-size:21px}
 #index-drawer .search-field input,#index-drawer .year-field select{font-size:14px;min-height:48px}
 #index-drawer .archive-meta{font-size:11px}
 .gallery-scene:not(.gallery-intro){padding-bottom:calc(24px + env(safe-area-inset-bottom));gap:20px}
 .gallery-open h2{font-size:clamp(29px,7.8vw,39px);line-height:1.06}
 .gallery-credit{font-size:12px}.gallery-source{font-size:11px}
 .gallery-next{font-size:12px;min-width:60px;min-height:48px}
 #detail .detail-gallery figcaption{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#index-drawer .work-image img{transition:none}}
/* Readable context sits beside the work, with further facts available on demand. */
.project-participation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:24px 6%;border-top:1px solid #17171524;border-bottom:1px solid #17171524}
.project-participation>div{min-width:0}.project-participation dt{font-size:11px;line-height:1.5;color:#6c6c66;margin-bottom:9px}.project-participation dd{margin:0;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.project-participation .needs-confirmation{color:#77776e}
.project-facts{margin:0 6% 30px;border-bottom:1px solid #17171524}.project-facts summary{display:flex;justify-content:space-between;align-items:center;min-height:58px;cursor:pointer;font-size:12px;list-style:none}.project-facts summary::-webkit-details-marker{display:none}.project-facts summary>span{font-size:22px;transition:transform .2s}.project-facts[open] summary>span{transform:rotate(45deg)}
#detail .project-facts .detail-credits{padding:12px 0 24px;border:0;margin:0}.series-film .project-participation{padding:20px 0;margin:24px 0}
#index-drawer[data-section=about] .index-top{background:#e1ff35}
#index-drawer .about-bio{font-size:15px;line-height:1.9;letter-spacing:-.025em;margin:22px 0 0;max-width:350px}
.career{padding:12px 0 64px}.career-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:0 0 28px;border-bottom:1px solid #1b241a55}.career-heading h3{font-size:clamp(28px,3vw,50px);font-weight:400;line-height:1.1;letter-spacing:-.045em}.career-heading>span{font-size:12px;white-space:nowrap}
.career-flow{list-style:none;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:32px;margin:0;padding:30px 0 42px}.career-flow li{min-width:0}.career-step{display:block;font-size:11px;margin-bottom:30px}.career-flow h4{font-size:clamp(24px,2.4vw,38px);font-weight:400;line-height:1.15;letter-spacing:-.04em;margin:0 0 15px}.career-flow p{font-size:14px;line-height:1.9;margin:0;word-break:keep-all}
.career-detail{border-top:1px solid #1b241a55;border-bottom:1px solid #1b241a55}.career-detail summary{display:flex;justify-content:space-between;align-items:center;min-height:68px;font-size:14px;cursor:pointer;list-style:none}.career-detail summary::-webkit-details-marker{display:none}.career-detail summary span{font-size:24px;transition:transform .2s}.career-detail[open] summary span{transform:rotate(45deg)}.career-detail dl{max-width:780px;margin:15px 0 28px}.career-detail dl>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:14px 0;border-top:1px solid #1b241a26;font-size:15px;line-height:1.6}.career-detail dd{margin:0}.career-note{max-width:600px;font-size:12px;line-height:1.9;margin:0 0 28px}
#index-drawer .work-caption h3,#index-drawer .film-meta h3,#index-drawer .archive-title{overflow-wrap:anywhere;word-break:normal}
@media(min-width:1100px){
 #index-drawer .work-image{aspect-ratio:4/3!important}
 #index-drawer .about-main{margin:54px 0 70px;grid-template-columns:1.35fr 1fr;gap:60px}
 #index-drawer .about-copy{align-self:center}
 #detail>.project-participation,#detail-content>.project-participation{padding-left:4%;padding-right:4%}
 #detail .project-facts{margin-left:4%;margin-right:4%}
}
@media(max-width:1099px){
 #index-drawer .index-top{position:sticky;top:0;z-index:8;height:88px;box-sizing:border-box;align-items:center;background:#faf9f6}
 #index-drawer .index-tabs{top:88px;z-index:8;height:64px;box-sizing:border-box;align-items:center;background:#faf9f6}
 #index-drawer{scroll-padding-top:168px}
 .career-flow{gap:22px}.career-flow h4{font-size:26px}.career-flow p{font-size:12px}
}
@media(min-width:701px) and (max-width:1099px){#index-drawer .work-image{aspect-ratio:4/3!important}}
@media(max-width:700px){
 .project-participation{grid-template-columns:1fr;gap:16px;padding-top:20px;padding-bottom:20px}.project-participation>div{display:grid;grid-template-columns:86px 1fr;gap:14px}.project-participation dt{margin:3px 0 0}.project-participation dd{font-size:13px}
 #index-drawer .about-main{gap:30px;margin-bottom:50px}#index-drawer .about-copy{padding-left:0}#index-drawer .about-bio{font-size:13px}
 .career{padding-bottom:42px}.career-heading{align-items:flex-start}.career-heading h3{max-width:220px;font-size:30px}.career-heading>span{font-size:10px;margin-top:5px}.career-flow{grid-template-columns:1fr;padding:26px 0;gap:26px}.career-flow li{display:grid;grid-template-columns:38px 1fr;gap:5px 14px}.career-step{grid-row:1/3;margin:5px 0 0}.career-flow h4{font-size:28px;margin:0}.career-flow p{font-size:12px;grid-column:2}.career-detail dl>div{font-size:13px}.career-note{font-size:11px}
}
/* Circular original labels keep a square image box before the circular mask. */
.gallery-object .gallery-frame.is-label img{width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:1;object-fit:contain}
#detail .detail-heading,#detail .detail-summary>*,#detail .series-film-heading>div{min-width:0}
#detail .detail-heading h2,#detail .series-film-heading h3{overflow-wrap:anywhere;word-break:normal}