:root{--background:#fff;--color:#000}html.wf-loading body{opacity:0;visibility:hidden}html.wf-active body,html.wf-inactive body{opacity:1;visibility:visible;transition:opacity .5s ease}@font-face{font-family:Helvetica Neue;src:local("Helvetica Neue"),local(Helvetica)}*{padding:0;margin:0;box-sizing:border-box;text-decoration:none;list-style:none;font-family:Helvetica Neue,Helvetica,Arial,agchoijeongho-screen,ag-choijeongho-screen,AppleMyungjo,Batang,serif;color:#000;-webkit-font-smoothing:antialiased}body{background:var(--background);color:var(--color)}body,html{height:100%}.works-container{width:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column}.global-header{display:grid;grid-template-columns:repeat(24,1fr);grid-column-gap:.5rem;column-gap:.5rem;width:100%;margin-bottom:2rem;font-size:.75rem;position:relative;z-index:102}.global-header ul{padding:0;margin:0}.global-header .header-hyeok{grid-column:1/3}.global-header .header-works{grid-column:3/5}.global-header .header-about{grid-column:13/15}.global-header .header-cv{grid-column:23/25;text-align:right}.global-header a:hover,footer a:hover{opacity:.25;transition:opacity .3s ease}footer a,footer li{font-size:.75rem;font-weight:400;color:#000;-webkit-font-smoothing:antialiased}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:.5rem;column-gap:.5rem;grid-gap:20px;gap:20px;width:100%;margin-top:1rem;margin-bottom:4rem}.project-item{display:block;width:100%;cursor:pointer}.project-item:hover .image-wrapper img,.project-item:hover .image-wrapper video{opacity:.55;transition:opacity .3s ease}.image-wrapper{width:100%;aspect-ratio:1.3;overflow:hidden;margin-bottom:12px;background-color:transparent;position:relative}.image-wrapper img,.image-wrapper video{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.info-wrapper{font-size:12px;font-weight:400;line-height:1.4;letter-spacing:-.06px;color:#000;text-transform:capitalize}.info-wrapper .title{display:block;margin-bottom:0}.info-wrapper .metadata{margin-top:0}.info-wrapper .category{display:block;margin-bottom:4px}.category-text{font-weight:400}.category-text.active{opacity:1}.category-text.inactive{opacity:.25}.info-wrapper .year{margin-top:4px}footer{display:flex;justify-content:space-between;align-items:flex-end;flex-direction:row!important;font-size:.75rem;width:100%;margin-top:auto}.footer-left{text-align:left}.footer-right{text-align:right}.minWidth320,.minWidth768{display:none}@media screen and (max-width:1024px){.project-grid{grid-template-columns:repeat(2,1fr)}footer{display:none}.minWidth320{display:block;margin-top:2rem;text-align:center;width:100%}.minWidth320 a,.minWidth320 h1,.minWidth320 li{font-size:.625rem!important;font-weight:400;color:var(--color);list-style:none}.minWidth320 ul{justify-content:center;display:flex;padding:0;margin:0}}@media screen and (max-width:767px){.works-container{padding:1rem}.global-header{grid-template-columns:repeat(12,1fr);column-gap:.25rem}.global-header a{font-size:.625rem}.global-header .header-hyeok{grid-column:1/3}.global-header .header-works{grid-column:3/5}.global-header .header-about{grid-column:9/11}.global-header .header-cv{grid-column:11/13;text-align:right}.project-grid{grid-template-columns:1fr;gap:30px}.info-wrapper,.info-wrapper *{font-size:11px}}.global-header{position:sticky;position:-webkit-sticky;top:0;z-index:9999;transition:background-color .3s ease}.global-header.scrolled{background-color:#fff}.image-wrapper{padding:25px 0!important;background-color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important}.image-wrapper img,.image-wrapper video{object-fit:contain!important;width:100%!important;height:100%!important}