.ko{position:relative;top:0}:root{color-scheme:light;--fs: 1rem;--bg: #ffffff;--ink: #000000;--accent: #b362ff;--tint-accent: #e6d6ff;--tint-brown: #e3dad3;--top-gap: .5rem;--line-w: 1px;--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;font-size:16px}body{height:100%;overflow:hidden;font-size:var(--fs);line-height:1.25rem;font-family:Pretendard Variable,Pretendard,neue-haas-unica,sans-serif;font-weight:400;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:400;text-align:center}p{padding-top:1rem}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;border-top:var(--line-w) solid var(--ink);height:0;background:none;margin:1rem 0}.intro hr{margin-left:-1.25rem;margin-right:-1.25rem}table{width:100%;margin:auto;margin-top:1.25rem;margin-bottom:2rem;text-align:left;border-top:0}table,tr,td,th{border-top:var(--line-w) solid var(--ink);border-collapse:collapse;padding:.625rem}table.sontable tr[data-slug]{cursor:pointer}img{width:100%;height:auto}iframe{width:100%;height:18.75rem;border:none;display:block;margin:1.25rem 0}.stripe-top{position:fixed;top:0;left:0;right:0;z-index:100;height:4.5rem;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:1.5rem;right:1.25rem;z-index:102;display:inline-flex;align-items:center;height:1.5rem;padding:0 .5625rem;border:var(--line-w) 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}.curtain-tab:hover{background:var(--tint-accent)}.about-drawer{position:fixed;inset:0;z-index:101;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:5rem 1.25rem 3rem;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(38.75rem,92vw);background:var(--bg);border:var(--line-w) solid var(--ink);padding:1.5rem 1.5rem 1.75rem}.drawer-panel hr{margin-left:-1.5rem;margin-right:-1.5rem}.drawer-panel p{padding-top:0;margin-top:0;line-height:1.5rem;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:2.25rem;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:4.5rem}.stripe-row{line-height:0}.three-col{position:fixed;inset:0;z-index:1}.three-col .third{position:absolute;height:calc(100% - 7rem);overflow-y:auto;overflow-x:hidden;padding:1.25rem;scrollbar-width:none;-ms-overflow-style:none}.three-col .third::-webkit-scrollbar{display:none}.col-divider{position:absolute;top:0;bottom:2.5rem;width:0;border-left:var(--line-w) solid var(--ink);background:none;z-index:6;pointer-events:none}.col-divider.d1{left:20%}.col-divider.d2{left:80%}.three-col .bottom{position:absolute;left:0;right:0;bottom:0;height:2.5rem;border-top:var(--line-w) solid var(--ink);background:var(--bg);z-index:7;display:flex;align-items:center;padding:0 1.25rem}.bottom .colophon{margin:0;padding:0;width:100%;display:flex;justify-content:space-between;white-space:nowrap;font-size:var(--fs);line-height:1.25rem;color:var(--ink)}.link-filter{display:flex;align-items:center;justify-content:center;height:3rem;padding:var(--top-gap) 1.25rem 0;cursor:pointer;transition:background .12s}.link-filter:after{content:"▾";font-size:var(--fs);line-height:1.25rem;margin-left:.25rem;color:#00000073;pointer-events:none}.link-filter select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font:inherit;font-size:var(--fs);line-height:1.25rem;color:var(--ink);text-align:center;padding:0;cursor:pointer}@media(hover:hover){.link-filter:hover{background:var(--tint-accent)}}.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;padding-top:0}.three-col .center{background-color:var(--bg);left:20%;width:60%;padding:0 0 1.25rem;scrollbar-width:auto;-ms-overflow-style:auto}.three-col .center::-webkit-scrollbar{width:.625rem;height:.625rem}.three-col .center::-webkit-scrollbar-track{background:transparent}.three-col .center::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:.3125rem}.three-col .center::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.three-col .right{background-color:var(--bg);left:80%;width:20%;padding-top:0}.three-col .right .content{display:flex;flex-direction:column;align-items:center}.arena-path{position:sticky;top:0;z-index:7;background:var(--bg);height:2rem;display:flex;align-items:center;justify-content:center;align-self:stretch;font-size:var(--fs);line-height:1.25rem;color:var(--ink);border-bottom:var(--line-w) solid var(--ink)}.left .arena-path,.right .arena-path{margin:0 -1.25rem}.path-arrow{display:none}.memo-list,.link-list{display:flex;flex-direction:column;align-items:stretch;width:calc(100% + 2.5rem);margin:0 -1.25rem;border-bottom:var(--line-w) solid var(--ink)}.memo-list hr,.link-list hr{margin:0}.memo,.link-list a.link-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;--pt: .6875rem;--pb: .5rem;padding:var(--pt) 1.25rem var(--pb);text-decoration:none;font-style:normal;color:var(--ink);transition:background .12s,padding .15s ease}.link-list a.link-item[hidden]{display:none}.memo-list>.memo:first-child,.link-list>a.link-item:first-child{--pt: calc(.5rem + var(--top-gap))}@media(hover:hover){.memo-list .memo:nth-of-type(odd):not(.open):hover,.link-list a.link-item.row-a:hover{background:var(--tint-accent)}.memo-list .memo:nth-of-type(2n):not(.open):hover,.link-list a.link-item.row-b:hover{background:var(--tint-brown)}.memo-list .memo:not(.open):hover,.link-list a.link-item:hover{padding-top:calc(var(--pt) + .5rem);padding-bottom:calc(var(--pb) + .5rem)}}.link-list .link-title{text-align:center;line-height:1.25rem}.block-date{font-weight:400;font-size:.75rem;line-height:1rem;color:#00000073;text-align:center}.memo{cursor:pointer}.memo-head{border:none;background:none;padding:0;cursor:pointer;font-family:inherit;font-size:var(--fs);font-weight:inherit;color:var(--ink);text-align:center;line-height:1.25rem}.memo-list:has(.memo.open) .memo:not(.open) .memo-head{color:#00000052}.memo-list:has(.memo.open) .memo:not(.open) .block-date{color:#0003}.memo-list:has(.memo.open) .memo:not(.open) .tag-chip{opacity:.45}@media(hover:hover){.memo-list:has(.memo.open) .memo:not(.open):hover .memo-head{color:var(--ink)}.memo-list:has(.memo.open) .memo:not(.open):hover .block-date{color:#00000073}.memo-list:has(.memo.open) .memo:not(.open):hover .tag-chip{opacity:1}}.memo-body{display:none;width:100%;padding-top:.5rem;text-align:left;white-space:pre-wrap;line-height:1.5rem}.memo.open .memo-body{display:block}.intro a.memo-source{display:block;margin-top:.5rem;font-size:.75rem;line-height:1rem;color:#00000073;text-decoration:none;white-space:nowrap;animation:none}.intro a.memo-source:before{content:none}.intro a.memo-source:hover{color:var(--accent);font-weight:400;text-decoration:none}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:var(--line-w) solid currentColor}.intro a.mention,.drawer-panel a.mention,.work-card .card-body a.mention,.work-card .card-link.mention{color:var(--accent)}.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:-.0625rem;margin-right:.1875rem}.intro a.mention:hover,.drawer-panel a.mention:hover,.work-card .card-body a.mention:hover,.work-card .card-link.mention:hover{text-decoration:underline}.work-card{padding-bottom:1.5rem}.card-images{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0 0}.card-images .image-row{display:grid;gap:.5rem}.card-images .image-row img{width:100%;height:auto}.work-card:not(:last-child){padding-bottom:1.5rem}.work-card+.work-card{border-top:var(--line-w) solid var(--ink);padding-top:1.5rem}.work-card>:first-child{margin-top:0}.work-card>:last-child{margin-bottom:0}.work-card .card-title{font-family:Pretendard Variable,Pretendard,neue-haas-unica,sans-serif;font-weight:400;font-style:normal;text-align:left;margin-bottom:.25rem;color:var(--ink);user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;gap:.375rem}.work-card .card-title .card-title-en,.work-card .card-title .card-title-ko{line-height:1.5rem}.three-col .center>.content>.work-card{display:none}table.sontable{border-collapse:separate;border-spacing:0;border-top:0;border-bottom:var(--line-w) solid var(--ink);padding:0;margin-top:0}table.sontable tr[data-slug]:first-child td{border-top:0;--pt: calc(.3125rem + var(--top-gap))}table.sontable tr[data-slug] td{--pt: .75rem;--pb: .6875rem;padding-top:var(--pt);padding-bottom:var(--pb)}table.sontable tr[data-slug] td{transition:background .12s,color .12s,padding .15s ease}@media(hover:hover){table.sontable tr[data-slug]:not([data-active=true]):hover td{padding-top:calc(var(--pt) + .5rem);padding-bottom:calc(var(--pb) + .5rem)}}@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:.5rem}.cat-cell{text-align:left}.cat-cell .cat-tag{color:var(--ink);white-space:nowrap;text-transform:capitalize}.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:.75rem;padding:.5rem 0 1.5rem}.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 .625rem;margin-top:0}.accordion-detail .card-meta-row{display:flex;gap:1rem;margin-bottom:.75rem}.accordion-detail .card-meta-row>*{flex:1;margin:0}.accordion-detail .card-spec p{padding-top:0;margin-top:0;line-height:1.25rem}.accordion-detail .card-spec p+p{margin-top:.25rem}.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:1.5rem;right:6.375rem;z-index:102;display:inline-flex;align-items:center;height:1.5rem;padding:0 .5625rem;border:var(--line-w) 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;line-height:0}.num-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;box-sizing:border-box;border:var(--line-w) solid currentColor;border-radius:999px;font-size:.75rem;line-height:1;color:var(--ink)}.work-card .card-meta{font-size:var(--fs);letter-spacing:.06em;margin:.25rem 0 .75rem;padding-top:0}.work-card .card-body{margin-top:1rem}.work-card .card-body>*+*{margin-top:1rem}.work-card .card-images{display:flex;flex-direction:column;gap:.5rem}.work-card .card-images img{width:100%;height:auto}.bilingual{display:grid;grid-template-columns:1fr;gap:1rem;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:1.5rem}.intro-body p,.work-card .card-body p{padding-top:0;margin-top:0;line-height:1.5rem;text-wrap:pretty}.intro a,.drawer-panel a,.work-card .card-body a,.work-card .card-link{color:var(--accent);text-decoration:none;font-style:normal;word-break:keep-all}.intro a:before,.drawer-panel a:before,.work-card .card-body a:before,.work-card .card-link:before{content:"↗";margin-right:.125rem;display:inline;font-size:.8em;vertical-align:.0625rem}.intro a:hover,.drawer-panel a:hover,.work-card .card-body a:hover,.work-card .card-link:hover{text-decoration:underline}@keyframes link-blink{0%{opacity:1}39%{opacity:.3}50%{opacity:.3}89%{opacity:1}to{opacity:1}}.intro a,.drawer-panel a,.work-card .card-body a,.work-card .card-link{animation:link-blink 1.4s ease infinite}.intro a:hover,.drawer-panel a:hover,.work-card .card-body a:hover,.work-card .card-link:hover,.intro a.memo-source{animation:none}@media(prefers-reduced-motion:reduce){.intro a,.drawer-panel a,.work-card .card-body a,.work-card .card-link{animation:none}}[id]{scroll-margin-top:1.125rem}.embedded-iframe{width:100%;height:18.75rem;border:none;display:block;margin:1.25rem 0}.iframe-wrap{position:relative;width:100%;padding-top:65%;overflow:hidden;margin:1.25rem 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{text-decoration:underline}.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)}}b,strong{font-weight:inherit}.tag-chip{white-space:nowrap;display:inline-block;padding:0 .375rem;border-radius:.5rem}@media(max-width:600px){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:4.5rem}.three-col .third.left{order:2;overflow-y:visible;padding:0 .625rem}.memo{scroll-margin-top:5.25rem}.three-col .left .intro hr{margin-left:-.625rem;margin-right:-.625rem}.three-col .left .memo-list{width:calc(100% + 1.25rem);margin:0 -.625rem}.three-col .left .memo-list hr{margin:0}.three-col .third{position:static;width:100%;height:auto;top:auto;overflow:visible;padding:1rem}.three-col .third.right{order:3;overflow-y:visible;padding:0 .625rem}.three-col .right .arena-path{margin:0 -.625rem}.three-col .right .link-list{width:calc(100% + 1.25rem);margin:0 -.625rem;border-bottom:0}.col-divider,.default-state{display:none}.three-col .bottom{position:static;order:4;height:auto;padding:.75rem .625rem}.bottom .colophon{flex-direction:column;gap:.25rem;align-items:center}.arena-path{position:relative}.three-col[data-section=portfolio] .third.left,.three-col[data-section=portfolio] .third.right,.three-col[data-section=notepad] .third.center,.three-col[data-section=notepad] .third.right,.three-col[data-section=collection] .third.left,.three-col[data-section=collection] .third.center{display:none}.path-arrow{display:flex;position:absolute;top:0;bottom:0;align-items:center;padding:0 .625rem;border:0;background:none;font:inherit;color:var(--ink);cursor:pointer}.path-arrow.prev{left:0}.path-arrow.next{right:0}.three-col .left .arena-path{margin:0 -.625rem}.three-col .center{order:1;border-right:none;padding:0}table.sontable{border-collapse:separate;border-spacing:0;border-top:0;margin-bottom:0}tr[data-slug]{scroll-margin-top:5rem}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:.5rem .625rem 1.5rem}.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:.375rem}.work-card .card-body a,.work-card .card-link{white-space:normal}.work-card .card-body .bilingual{gap:1.25rem}.three-col[data-lang=ko] .bilingual>[lang=en],.three-col[data-lang=en] .bilingual>[lang=ko]{display:block}.work-card .card-body{margin-top:2rem}.work-card{scroll-margin-top:5.875rem}.work-card:not(:last-child){padding-bottom:3rem}.work-card+.work-card{padding-top:3rem}}