@font-face{font-family:HakgyoansimBareondotum;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimBareondotumR.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.ko{position:relative;top:-.12em}:root{color-scheme:light;--fs: clamp(12px, calc(8px + .42vw) , 17px);--bg: #ffffff;--ink: #000000;--accent: #b362ff;--tint-accent: #e6d6ff;--tint-brown: #e3dad3;--mention: #000000;--scrollbar: rgba(0, 0, 0, .35);--scrollbar-hover: rgba(0, 0, 0, .55);--muted: #a08d80;--line: var(--ink);--brown: var(--ink)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow:hidden}body{height:100%;overflow:hidden;font-size:var(--fs);font-family:neue-haas-unica,HakgyoansimBareondotum,sans-serif;font-weight:500;font-style:normal;color:var(--ink);background:var(--bg);word-break:keep-all;overflow-wrap:break-word}::selection{background:var(--accent);color:#fff}::-moz-selection{background:var(--accent);color:#fff}h2{font-size:var(--fs);font-weight:500;text-align:center}p{padding-top:20px}a{text-decoration:underline;font-style:italic;color:inherit}table a{text-decoration:none;font-style:normal;color:inherit}table.sontable td .ko{top:0}hr{border:none;height:1px;background-color:var(--ink);margin:15px 0}.intro hr{margin-left:-20px;margin-right:-20px}table{width:100%;margin:20px auto 50px;text-align:left;border-top:0}table,tr,td,th{border-top:1px solid var(--ink);border-collapse:collapse;padding:10px}@media(hover:hover){table tr[data-slug]:hover td a{border-bottom:1px solid currentColor}}img{width:100%;height:auto}iframe{width:100%;height:300px;border:none;display:block;margin:20px 0}.stripe-top{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;overflow:hidden;transition:height .5s ease;cursor:pointer;line-height:0;font-size:0}.stripe-top.open{height:100vh;height:100dvh}.curtain-tab{position:fixed;top:24px;right:20px;z-index:101;display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid var(--ink);border-radius:999px;background:var(--bg);pointer-events:none;transition:opacity .25s ease}.stripe-top.open~.curtain-tab{opacity:0}.about-drawer{position:fixed;inset:0;z-index:101;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:96px 20px 60px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s .3s}.stripe-top.open~.about-drawer{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease .22s,visibility 0s}.drawer-panel{position:relative;width:min(620px,92vw);background:var(--bg);border:1px solid var(--ink);padding:28px 28px 32px}.drawer-panel hr{margin-left:-28px;margin-right:-28px}.drawer-close{position:absolute;top:10px;right:12px;cursor:pointer;border:none;background:none;font-family:inherit;font-size:var(--fs);color:var(--ink);line-height:1;padding:2px 4px}.drawer-close:hover{background:var(--tint-accent)}.drawer-panel p{padding-top:0;margin-top:0;line-height:1.65;text-wrap:pretty}.about-drawer[data-lang=ko] .bilingual>[lang=en]{display:none}.about-drawer[data-lang=en] .bilingual>[lang=ko]{display:none}.stripe-row{display:flex;height:36px;overflow:hidden}.stripe-row .cell{flex:1 1 var(--cell-w, 1.667%);min-width:0}.stripe-row .cell.purple{background:#a966ff}.stripe-row .cell.brown{background:#775d4f}.three-col .left,.three-col .center,.three-col .right{top:72px;height:calc(100% - 72px)}.stripe-row{line-height:0}.three-col{position:fixed;inset:0;z-index:1}.three-col .third{position:absolute;height:100%;overflow-y:auto;overflow-x:hidden;padding:20px;scrollbar-width:none;-ms-overflow-style:none}.three-col .third::-webkit-scrollbar{display:none}.col-divider{position:absolute;top:0;bottom:0;width:1px;background:var(--ink);z-index:6;pointer-events:none}.col-divider.d1{left:20%}.col-divider.d2{left:80%}.col-divider.d5{left:26%}.col-divider.d3{left:32%}.col-divider.d4{left:68%}.three-col .left{background-color:var(--bg);width:20%;left:0}.three-col .center{background-color:var(--bg);left:20%;width:60%;padding:0 0 20px;scrollbar-width:auto;-ms-overflow-style:auto}.three-col .center::-webkit-scrollbar{width:10px;height:10px}.three-col .center::-webkit-scrollbar-track{background:transparent}.three-col .center::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:5px}.three-col .center::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.three-col .right{background-color:var(--bg);left:80%;width:20%}.three-col .right .content{display:flex;flex-direction:column;align-items:center}.link-list .link-title{text-align:center}.people-list,.link-list{display:flex;flex-direction:column;align-items:stretch;width:calc(100% + 40px);margin:0 -20px}.person,.link-list a.link-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1 / 1;padding:24px;text-decoration:none;font-style:normal;color:var(--ink)}.people-list .person:nth-of-type(odd),.link-list a.link-item:nth-of-type(odd){background:#a966ff}.people-list .person:nth-of-type(2n),.link-list a.link-item:nth-of-type(2n){background:#775d4f}.person:before,.link-list a.link-item:before{content:"";position:absolute;inset:0;background:var(--bg);border-radius:50%;transition:background .12s}.person>*,.link-list a.link-item>*{position:relative}@media(hover:hover){.people-list .person:nth-of-type(odd):hover:before,.link-list a.link-item:nth-of-type(odd):hover:before{background:var(--tint-accent)}.people-list .person:nth-of-type(2n):hover:before,.link-list a.link-item:nth-of-type(2n):hover:before{background:var(--tint-brown)}}.person[data-works]{cursor:pointer}.person-name{text-align:center}.person-desc{margin:0;padding-top:0;text-align:center;line-height:1.45;text-wrap:pretty}table.sontable:has(tr[data-active=true]) tr[data-slug]:not([data-active=true]) td,table.sontable:has(tr[data-active=true]) tr[data-slug]:not([data-active=true]) td a,table.sontable:has(tr[data-active=true]) tr[data-slug]:not([data-active=true]) .cat-tag,table.sontable:has(tr[data-active=true]) tr[data-slug]:not([data-active=true]) .num-badge{color:#00000052}table.sontable:has(tr[data-active=true]) tr[data-slug]:not([data-active=true]):hover td,table.sontable:has(tr[data-active=true]) tr[data-slug]:not([data-active=true]):hover td a,table.sontable:has(tr[data-active=true]) tr[data-slug]:not([data-active=true]):hover .cat-tag,table.sontable:has(tr[data-active=true]) tr[data-slug]:not([data-active=true]):hover .num-badge{color:var(--ink)}table tr[data-active=true] a{border-bottom:1px solid currentColor}.intro a.mention,.drawer-panel a.mention,.work-card .card-body a.mention,.work-card .card-link.mention{color:var(--mention)}.intro a.mention:before,.drawer-panel a.mention:before,.work-card .card-body a.mention:before,.work-card .card-link.mention:before{content:"";display:inline-block;width:.95em;height:.95em;color:inherit;background-color:currentColor;mask:url(/icons/user.svg) no-repeat center / contain;-webkit-mask:url(/icons/user.svg) no-repeat center / contain;vertical-align:-1px;margin-right:3px}.intro a.mention:hover,.drawer-panel a.mention:hover,.work-card .card-body a.mention:hover,.work-card .card-link.mention:hover{background:var(--tint-accent);color:var(--ink)}.work-card{padding-bottom:4vh}.card-images{display:flex;flex-direction:column;gap:8px;margin:12px 0 0}.card-images .image-row{display:grid;gap:8px}.card-images .image-row img{width:100%;height:auto}.work-card:not(:last-child){padding-bottom:3vh}.work-card+.work-card{border-top:1px solid var(--ink);padding-top:3vh}.work-card>:first-child{margin-top:0}.work-card>:last-child{margin-bottom:0}.work-card .card-title{font-family:neue-haas-unica,HakgyoansimBareondotum,sans-serif;font-weight:500;font-style:normal;text-align:left;margin-bottom:4px;color:var(--ink);user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;gap:6px}.work-card .card-title .card-title-en,.work-card .card-title .card-title-ko{line-height:1.2}.three-col .center>.content>.work-card{display:none}table.sontable{border-collapse:separate;border-spacing:0;border-top:0;padding:0}table.sontable tr[data-slug]:first-child td{border-top:0;padding-top:2px}table.sontable tr[data-slug] td{transition:background .12s,color .12s}@media(hover:hover){table.sontable tr.row-a:not([data-active=true]) td:hover{background:var(--tint-accent)}table.sontable tr.row-b:not([data-active=true]) td:hover{background:var(--tint-brown)}}tr[data-slug]{scroll-margin-top:8px}.cat-cell{text-align:left}.cat-cell .cat-tag{color:var(--ink);white-space:nowrap}.cat-cell .cat-tag+.cat-tag:before{content:" · "}.accordion-detail,.accordion-detail>td{padding:0;border-top:0}table.sontable tr[data-active=true] td{padding-bottom:0}.accordion-detail .work-card{display:grid;grid-template-columns:20% 60% 20%;align-items:start;row-gap:14px;padding:8px 0 24px}.accordion-detail .card-title,.accordion-detail .card-meta{display:none}.accordion-detail .card-images,.accordion-detail .iframe-wrap{grid-column:2;grid-row:1;margin-top:0;padding:0}.accordion-detail .iframe-wrap{aspect-ratio:100 / 65}.accordion-detail .work-card .card-body{grid-column:2;grid-row:2;padding:0 10px;margin-top:0}.accordion-detail .card-meta-row{display:flex;gap:16px;margin-bottom:12px}.accordion-detail .card-meta-row>*{flex:1;margin:0}.accordion-detail .card-spec p{padding-top:0;margin-top:0;line-height:1.5}.accordion-detail .card-spec p+p{margin-top:4px}.accordion-detail .card-link-wrap{margin:0}.work-card .card-images,.work-card .iframe-wrap{position:relative;z-index:4}.lang-toggle{position:fixed;top:24px;right:102px;z-index:102;display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid var(--ink);border-radius:999px;background:var(--bg);cursor:pointer;font-family:inherit;font-size:var(--fs);font-weight:inherit;color:var(--ink);line-height:1}.lang-toggle:hover{background:var(--tint-accent)}table.sontable{table-layout:fixed}table.sontable .col-num{width:10%}table.sontable .col-title{width:60%}table.sontable .col-year{width:10%}table.sontable .col-cat{width:20%}.num-cell{text-align:left}.num-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.7em;height:1.7em;padding:0 .4em;box-sizing:border-box;border:1px solid currentColor;border-radius:999px;font-size:.78em;line-height:1;color:var(--ink)}.work-card .card-meta{font-size:var(--fs);letter-spacing:.06em;margin:4px 0 12px;padding-top:0}.work-card .card-body{margin-top:16px}.work-card .card-body>*+*{margin-top:16px}.work-card .card-images{display:flex;flex-direction:column;gap:8px}.work-card .card-images img{width:100%;height:auto}.bilingual{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.bilingual>[lang=en]{order:1}.bilingual>[lang=ko]{order:2}.three-col[data-lang=ko] .bilingual>[lang=en]{display:none}.three-col[data-lang=en] .bilingual>[lang=ko]{display:none}.bilingual>div>p:first-child{padding-top:0}.intro>h2{margin-bottom:24px}.intro-body p,.intro>footer p,.work-card .card-body p{padding-top:0;margin-top:0;line-height:1.65;text-wrap:pretty}.intro a,.drawer-panel a,.work-card .card-body a,.work-card .card-link{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 7px;border:1px solid var(--ink);border-radius:999px;background:var(--bg);color:var(--ink);text-decoration:none;font-style:normal;line-height:1.4;white-space:normal;word-break:keep-all;transition:background .12s}.intro a:before,.drawer-panel a:before,.work-card .card-body a:before,.work-card .card-link:before{content:"↗";margin-right:3px;display:inline;font-size:.8em;font-weight:700;vertical-align:1px;color:var(--accent)}.intro a:hover,.drawer-panel a:hover,.work-card .card-body a:hover,.work-card .card-link:hover{background:var(--tint-accent);color:var(--ink)}[id]{scroll-margin-top:18px}.embedded-iframe{width:100%;height:300px;border:none;display:block;margin:20px 0}.iframe-wrap{position:relative;width:100%;padding-top:65%;overflow:hidden;margin:20px 0 0}.iframe-wrap .embedded-iframe{position:absolute;top:0;left:0;width:250%;height:250%;transform:scale(.4);transform-origin:top left;margin:0}.intro h2 .home-link,.drawer-panel h2 .home-link,.drawer-panel h2 .home-link:hover,.intro h2 .home-link:hover{display:inline;padding:0;background:none;border:none;border-radius:0;color:inherit;text-decoration:none;font-style:inherit;line-height:inherit;white-space:inherit}.intro h2 .home-link:before,.drawer-panel h2 .home-link:before{content:none}.intro h2 .home-link:hover,.drawer-panel h2 .home-link:hover{font-weight:700}.default-state{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:none}.default-state[hidden]{display:none}.default-state .stripe-mosaic{width:88vw;max-width:88vw}@keyframes cell-drop{0%{transform:translateY(0)}to{transform:translateY(200vh)}}@media(max-width:600px){:root{--fs: clamp(12px, 3.46vw, 15px)}html{height:auto;overflow:visible}body{height:auto;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}.three-col{position:static;inset:auto;z-index:auto;display:flex;flex-direction:column;padding-top:84px}.three-col .left{order:2;overflow-y:visible;border-top:1px solid var(--ink);padding:24px 10px 48px}.three-col .left .intro hr{margin-left:-10px;margin-right:-10px}.three-col .left .people-list{width:calc(100% + 20px);margin:0 -10px}.three-col .third{position:static;width:100%;height:auto;top:auto;overflow:visible;padding:16px}.three-col .right,.col-divider,.link-list{display:none}.three-col .center{order:1;border-right:none;padding:0}table.sontable{border-collapse:separate;border-spacing:0;border-top:0}tr[data-slug]{scroll-margin-top:80px}table.sontable .col-num{width:13%}table.sontable .col-year{width:0}table.sontable .col-title{width:60%}table.sontable .col-cat{width:27%}table.sontable tr[data-slug] td:nth-child(2){padding:0;font-size:0;overflow:hidden}.cat-cell .cat-tag{white-space:normal}.accordion-detail,.accordion-detail>td{padding:0;border-top:0}.accordion-detail .work-card{display:block;padding:8px 10px 24px}.accordion-detail .card-images,.accordion-detail .iframe-wrap{margin-top:0}.accordion-detail .card-title,.accordion-detail .card-meta{display:none}.accordion-detail .card-meta-row{flex-direction:column;gap:6px}.work-card .card-body a,.work-card .card-link{white-space:normal}.work-card .card-body .bilingual{gap:20px}.three-col[data-lang=ko] .bilingual>[lang=en],.three-col[data-lang=en] .bilingual>[lang=ko]{display:block}.work-card .card-body{margin-top:32px}.work-card{scroll-margin-top:94px}.work-card:not(:last-child){padding-bottom:8vh}.work-card+.work-card{padding-top:8vh}}