@font-face{font-family:TWK Lausanne;font-weight:250;font-display:swap;src:local("TWK Lausanne 250"),local("TWKLausanne-250"),url(/fonts/TWKLausanne-250.otf) format("opentype")}@font-face{font-family:TWK Lausanne;font-weight:350;font-display:swap;src:local("TWK Lausanne 350"),local("TWKLausanne-350"),url(/fonts/TWKLausanne-350.otf) format("opentype")}:root{--bg: #000000;--fg: #ffffff;--accent: oklab(86.675% -.23274 .17675);--footer-size: 10px;--weight: 350;--video-bg: #3a3a3a;--media-left: 487px;--media-right: 159px;--font-latin: "TWK Lausanne", "Inter", "Helvetica Neue", Arial, "Noto Sans KR", sans-serif;--font-kr: "Noto Sans KR", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);overflow:hidden}body{color:var(--fg);-webkit-font-smoothing:antialiased}p,h2{margin:0}a{color:inherit;text-decoration:none}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg)}.site-nav{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.site-nav>*{pointer-events:auto}.col-number,.menu-item{position:absolute;font-family:var(--font-latin);font-weight:var(--weight);font-size:24px;line-height:27px;letter-spacing:-1.2px;color:var(--fg);white-space:nowrap}.col-number{top:37px}.menu-item{display:flex;align-items:center;width:197px;padding:4px;cursor:pointer}.menu-item:hover,.menu-item:focus-visible,.menu-item.is-selected{background:var(--accent);outline:none}.nav-flow{position:absolute;top:37px;display:flex;align-items:flex-start;gap:47px}.nav-block{position:relative;display:flex;flex-direction:column;align-items:flex-start}.nav-flow .col-number{position:static;padding:0 4px;margin-bottom:3px}.nav-items{display:flex;flex-direction:column;gap:0}.nav-flow .menu-item{position:static;width:197px;flex:none}.menu-item--call{color:#000}.call-me{position:absolute;left:calc(100% + 15px);top:110px;font-family:var(--font-latin);font-weight:var(--weight);font-size:12px;letter-spacing:-.6px;line-height:normal;white-space:nowrap}.about__text{position:absolute;width:189px;font-family:var(--font-kr);font-weight:var(--weight);font-size:20px;line-height:1.5;letter-spacing:-.6px;white-space:pre-line;word-break:keep-all;overflow-wrap:break-word}.work-list{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.work-list__col{position:absolute;left:239px;width:max-content;min-width:197px;max-width:244px;pointer-events:none}.work-group{pointer-events:auto}.work-group+.work-group{margin-top:36px}.work-group__title{margin-left:4px;font-family:var(--font-latin);font-weight:var(--weight);font-size:18px;line-height:22px;letter-spacing:-.54px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.work-group:first-child .work-group__title{margin-top:22px}.work-group__title+.work-group__items{margin-top:0}.work-group__items{display:flex;flex-direction:column;gap:8px}.sub-item{display:block;padding:4px;font-size:18px;line-height:22px;letter-spacing:-.54px;white-space:pre-line;cursor:pointer}.sub-item--noto{font-family:var(--font-kr);font-weight:var(--weight)}.sub-item--lausanne{font-family:var(--font-latin);font-weight:var(--weight)}.sub-item:hover,.sub-item:focus-visible,.sub-item.is-selected{background:var(--accent);outline:none}.work-panel{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.media-scroll{position:absolute;left:var(--media-left);right:var(--media-right);top:0;bottom:34px;min-width:320px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;pointer-events:auto}.media-scroll::-webkit-scrollbar{display:none}.media-scroll:focus-visible{outline:none}.video-box{position:relative;width:100%;background:#000}.youtube-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.media-row{display:flex;justify-content:space-between;align-items:flex-start}.media-cell{position:relative;overflow:hidden;min-width:0;background:var(--video-bg)}.media-cell img{display:block;max-width:none}.media-cell__cover{width:100%;height:100%;object-fit:cover}.work-desc{position:absolute;left:487px;z-index:2;pointer-events:none;font-family:var(--font-kr);font-weight:var(--weight);font-size:15px;line-height:1.5;letter-spacing:-.45px;white-space:nowrap}.work-desc>.work-desc__line{padding:4px;height:31px}.work-desc__body{margin-top:15px;padding:4px}.work-desc__paras{margin-top:15px;padding:4px;width:calc(100vw - var(--media-left) - var(--media-right));max-width:794px;white-space:normal;word-break:keep-all;overflow-wrap:break-word}.work-desc__paras p+p{margin-top:1.5em}.m-stage{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);--m-font: 18px;--m-gutter: 12px}.m-header{flex:none;position:absolute;top:0;left:0;right:0;pointer-events:none;display:grid;grid-template-columns:repeat(2,minmax(0,197px));justify-content:start;align-items:start;column-gap:12px;padding:max(16px,env(safe-area-inset-top)) var(--m-gutter) 4px;z-index:2}.m-header .menu-item{pointer-events:auto}.m-scroll{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--m-header-h, 280px) var(--m-gutter) 48px}.m-col{display:flex;flex-direction:column;align-items:flex-start;gap:0}.m-col--fixed{grid-column:1 / -1}.m-col__number{margin-bottom:3px;padding:0 4px;font-family:var(--font-latin);font-weight:var(--weight);font-size:var(--m-font);line-height:22px;letter-spacing:-1.2px}.m-stage .menu-item{position:static;width:auto;max-width:100%;font-size:var(--m-font);line-height:22px}.m-stage .work-group__items{gap:0}.m-stage .menu-item.is-selected.menu-item--call{color:#000}.m-stage .sub-item{width:auto;max-width:100%;font-size:var(--m-font);font-weight:var(--weight);line-height:22px}.m-list,.m-about,.m-call{margin-top:36px}.m-group+.m-group{margin-top:36px}.m-stage .work-group__title{margin-left:4px;width:auto;font-size:var(--m-font);line-height:22px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.m-stage .work-group__title+.work-group__items{margin-top:0}.m-about{display:flex;flex-direction:column;gap:24px;padding:0 4px}.m-stage .about__text{position:static;width:auto;max-width:480px}.m-call{padding:0 4px;font-family:var(--font-latin);font-weight:var(--weight);font-size:12px;letter-spacing:-.6px}.m-work-wrap{margin-top:29px;scroll-margin-top:calc(var(--m-header-h, 280px) + 8px)}.m-desc{margin-bottom:20px;font-family:var(--font-kr);font-weight:var(--weight);font-size:15px;line-height:1.5;letter-spacing:-.45px}.m-desc__title,.m-desc__body p{padding:4px}.m-desc__body{margin-top:8px}.m-work .video-box,.m-work .media-cell{width:100%}.m-desc__paras{margin-top:8px;padding:4px;word-break:keep-all;overflow-wrap:break-word}.m-desc__paras p+p{margin-top:1.2em}.m-arrow{display:block;margin:0 auto 19px}.site-footer{position:absolute;left:0;right:0;bottom:12px;margin:0;z-index:4;text-align:center;font-family:var(--font-latin);font-weight:var(--weight);font-size:var(--footer-size);line-height:1.4;letter-spacing:-.2px;white-space:nowrap;pointer-events:none}.m-scroll{display:flex;flex-direction:column}.site-footer.m-footer{position:static;margin-top:auto;padding-top:40px;white-space:normal}.site-footer.site-footer--inflow{position:static;margin:80px 0 4px;pointer-events:auto}
