@font-face{font-family:Pretendard;src:local(Pretendard Light),url(/fonts/Pretendard-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:local(Pretendard Regular),url(/fonts/Pretendard-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:local(Pretendard SemiBold),url(/fonts/Pretendard-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}:root{--color-text:#000;--color-text-secondary:#777;--color-accent:#fb9905;--color-focus:#1769ff;--page-max-width:800px;--page-gutter:24px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:80px;--navigation-height:160px;color:var(--color-text);font-synthesis:none;font-family:Pretendard,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:#fff}body{min-width:320px}a{color:inherit;text-decoration:none}a:hover{color:var(--color-accent)}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:2px}img{max-width:100%;display:block}.skip-link{top:var(--space-3);left:var(--space-3);z-index:10;background:var(--color-text);color:#fff;padding:10px 14px;font-size:14px;position:fixed;transform:translateY(-200%)}.skip-link:focus{color:#fff;transform:translateY(0)}.site-shell{max-width:var(--page-max-width);margin:0 auto}.site-navigation,.site-footer{min-height:var(--navigation-height);justify-content:space-between;align-items:center;display:flex}.menu{align-items:center;gap:var(--space-5);display:flex}.menu>*{font-size:14px;font-weight:400}.language-switch{color:var(--color-text-secondary)}.hero{align-items:center;height:200px;display:flex}.hero h1{padding-bottom:var(--space-1);clip-path:polygon(0 0,100% 0,100% 0,0 0);font-size:20px;font-weight:400;line-height:1.4;animation:.6s ease-in-out forwards slideUp}.seoul-clock{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:14px;display:flex}.sun{animation:8s linear infinite rotation}.moon{animation:1s linear infinite alternate moonSwing}.projects{gap:var(--space-3);margin:var(--space-6) 0 var(--space-5);grid-template-columns:1fr 1fr;display:grid}.project-card,.project-image-frame{overflow:hidden}.project-image-frame img{width:100%;transition:transform .2s ease-out;transform:scale(1)}.project-card:hover img{transform:scale(1.03)}.project-text{gap:var(--space-1);margin:var(--space-3) 0 var(--space-5);flex-direction:column;display:flex}.project-text h2{font-size:15px;font-weight:400}.project-text p{color:var(--color-text-secondary);font-size:14px;font-weight:300;line-height:1.6}.site-footer p{font-size:13px;font-weight:400}.not-found{justify-content:center;align-items:flex-start;gap:var(--space-3);flex-direction:column;min-height:440px;display:flex}.not-found h1{font-size:24px;font-weight:500}.not-found>p:not(.eyebrow){color:var(--color-text-secondary);font-size:15px}.eyebrow{color:var(--color-accent);font-size:14px;font-weight:600}.text-link{margin-top:var(--space-2);text-underline-offset:4px;font-size:14px;text-decoration:underline}.project-detail{margin-bottom:var(--space-6);flex-direction:column;gap:160px;display:flex}.project-detail-section{flex-direction:column;gap:32px;display:flex}.project-detail-copy{gap:var(--space-3);flex-direction:column;display:flex}.project-detail-copy header{flex-direction:column;display:flex}.project-detail-copy h1{margin-bottom:12px;font-size:20px;font-weight:400;animation:.6s ease-in-out slideUp}.project-detail-copy h2{font-size:18px;font-weight:400}.project-metadata{margin-bottom:var(--space-3);color:var(--color-text-secondary);font-size:14px;font-weight:300}.project-body{color:#222;flex-direction:column;font-size:15px;font-weight:300;line-height:1.6;display:flex}.project-detail-section>img{width:100%;height:auto}.project-media{flex-direction:column;align-items:center;margin:0;display:flex}.project-media img,.project-media video{width:100%;height:auto;display:block}.project-media figcaption{margin-top:var(--space-3);color:#222;text-align:center;font-size:14px;font-weight:400}.project-media-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.project-media-grid video{background:#000;border-radius:clamp(20px,3vw,40px);padding:clamp(4px,1vw,8px)}.project-video-frame{background:#f4f4f4;width:100%;padding:clamp(8px,1vw,16px)}.project-video-frame video{background:#e5e5e5;border-radius:clamp(1.66px,1vw,3.33px);padding:clamp(.21px,1vw,.42px)}.about-hero{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.about-hero>img{width:100%}.about-overview{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.about-overview h1,.page-intro h1{font-size:20px;font-weight:400}.about-overview h1{padding-bottom:var(--space-1)}.about-overview>div:not(.social-links){margin-bottom:var(--space-5);color:#444;flex-direction:column;align-items:center;font-size:15px;font-weight:300;line-height:1.8;display:flex}.social-links{align-items:center;gap:var(--space-3);display:flex}.social-links img{width:40px;height:40px}.primary-button{background:var(--color-text);color:#fff;border-radius:22px;align-items:center;min-height:40px;padding:0 20px;font-size:14px;display:inline-flex}.primary-button:hover{color:#fff;background:#333}.career-timeline{gap:var(--space-5);margin:var(--space-6) 0 var(--space-5);flex-direction:column;display:flex}.career-year{gap:var(--space-5);grid-template-columns:1fr 2.05fr;display:grid}.career-year>h2{text-align:right;font-size:15px;font-weight:400}.career-year>div{gap:var(--space-5);margin-bottom:var(--space-5);flex-direction:column;display:flex}.career-year h3{font-size:16px;font-weight:400}.career-year p{margin-top:var(--space-1);color:#444;font-size:15px;font-weight:300;line-height:1.6}.page-intro{gap:var(--space-2);padding:var(--space-5) 0 var(--space-6);flex-direction:column;display:flex}.page-intro p,.empty-state{color:var(--color-text-secondary);font-size:15px;font-weight:300}.empty-state{min-height:360px;padding-top:var(--space-5)}.photo-grid{columns:3;column-gap:var(--space-3);margin-bottom:var(--space-6)}.photo-grid a{margin-bottom:var(--space-3);break-inside:avoid;display:block}.photo-grid img{width:100%;height:auto}.photo-detail{gap:var(--space-4);margin:var(--space-5) 0 var(--space-6);flex-direction:column;display:flex}.photo-detail>div{gap:var(--space-2) var(--space-3);color:var(--color-text-secondary);flex-wrap:wrap;font-size:14px;display:flex}.legacy-project .contents{flex-direction:column;gap:160px;margin-bottom:80px;display:flex}.legacy-project .content{flex-direction:column;gap:32px;display:flex}.legacy-project h1{margin-bottom:12px;font-size:20px;font-weight:400;animation:.6s ease-in-out slideUp}.legacy-project .overview{color:#777;margin-bottom:16px;font-size:14px;font-weight:300}.legacy-project .body1{color:#222;font-size:15px;font-weight:300;line-height:160%}.legacy-project .text_container{flex-direction:column;gap:16px;display:flex}.legacy-project .text_container2{flex-direction:column;gap:32px;display:flex}.legacy-project .text_container3{flex-direction:column;gap:8px;display:flex}.legacy-project .grid_container{grid-template-columns:1fr 1fr;gap:40px;display:grid}.legacy-project .text_container4{flex-direction:column;gap:24px;display:flex}.legacy-project .img_container{flex-direction:column;align-items:center;display:flex}.legacy-project .title_container{align-items:center;gap:16px;margin-bottom:32px;display:flex}.legacy-project .img_title{color:#222;margin-top:16px;font-size:14px;font-weight:400}.legacy-project h2{font-size:18px;font-weight:400}.legacy-project h3{font-size:16px;font-weight:400}.legacy-project ol{margin-left:1.1em}.legacy-project ul{list-style:none}.legacy-project li:before{content:"•";vertical-align:middle;margin-right:8px}.legacy-project .button_container{margin-top:8px;display:flex}.legacy-project button{color:#fff;cursor:pointer;background:#000;border:0;border-radius:22px;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 16px 0 12px;font-family:inherit;font-size:14px;font-weight:400;display:flex}.legacy-project .mobile_layout{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.legacy-project .content_frame{background:#f4f4f4;width:100%;padding:clamp(8px,1vw,16px)}.legacy-project .video_frame{background:#e5e5e5;border-radius:clamp(1.66px,1vw,3.33px);width:100%;padding:clamp(.21px,1vw,.42px);display:block}.legacy-project .mobile{background:#000;border-radius:clamp(20px,3vw,40px);width:100%;padding:clamp(4px,1vw,8px)}.legacy-about .profile{flex-direction:column;align-items:center;gap:80px;display:flex}.legacy-about h1{padding-bottom:4px;font-size:20px;font-weight:400;animation:.6s ease-in-out slideUp}.legacy-about .overview{flex-direction:column;align-items:center;gap:24px;display:flex}.legacy-about .intro{flex-direction:column;align-items:center;margin-bottom:40px;font-size:15px;font-weight:300;line-height:180%;display:flex}.legacy-about .links{gap:16px;height:40px;display:flex}.legacy-about button{color:#fff;cursor:pointer;background:#000;border:0;border-radius:22px;height:40px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:400}.legacy-about .grid{grid-template-columns:1fr 2.05fr;gap:40px;margin:80px 0 40px;display:grid}.legacy-about .year_frame{justify-content:right;display:flex}.legacy-about .year{flex-direction:column;gap:40px;margin-bottom:40px;display:flex}.legacy-about .text_container{flex-direction:column;gap:4px;display:flex}.legacy-about h2{font-size:15px;font-weight:400}.legacy-about h3{font-size:16px;font-weight:400}.legacy-about .body1{color:#444;font-size:15px;font-weight:300;line-height:160%}@keyframes slideUp{0%{clip-path:polygon(0 0,100% 0,100% 0,0 0);transform:translateY(100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateY(0)}}@keyframes rotation{to{transform:rotate(359deg)}}@keyframes moonSwing{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}@media (width<=600px){:root{--navigation-height:80px}.site-shell{margin:0 var(--page-gutter)}.menu{gap:var(--space-4)}.development-link{display:none}.projects{margin-top:var(--space-5);grid-template-columns:1fr}.not-found{min-height:360px}.project-detail{gap:160px}.project-detail-intro{padding-top:var(--space-5)}.about-hero{margin-top:var(--space-5)}.career-year{gap:var(--space-5);grid-template-columns:1fr 8fr}.photo-grid{columns:2}.legacy-project h1{margin-top:40px}.legacy-project .contents{gap:160px}.legacy-project .video_grid{scrollbar-width:none;gap:20px;display:flex;overflow-x:scroll}.legacy-project .video_grid::-webkit-scrollbar{display:none}.legacy-project .videos{border:6px solid #000;border-radius:32px;height:400px}.legacy-about .profile{margin-top:40px}.legacy-about .grid{grid-template-columns:1fr 8fr}.legacy-about h3{line-height:150%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}