:root{--text: #111;--text-2: #555;--text-3: #888;--text-4: #767676;--surface: #fff;--surface-2: #f7f7f3;--line: #e6e6e6;--line-2: #c8c8c8;--void: #0a0b0d;--void-text: #ececea;--void-text-2: #9a9a9a;--void-label: #b7c4d6;--void-line: #556;--hover: #00f;--mobile-header-h: 67px;--dur-fast: .15s;--dur-base: .25s;--dur-slow: .45s;--ease: cubic-bezier(.22, .61, .36, 1);--space-1: 6px;--space-2: 12px;--space-3: 24px;--space-4: 48px;--fs-display: 38px;--fs-title: 30px;--fs-lead: 22px;--fs-body: 18px;--fs-sm: 15px;--fs-xs: 13px;--fs-2xs: 11px;--w-1col: 380px;--w-2col: 460px;--w-3col: 540px;--gap: 10px;--content-w: 900px;--desktop-content-x: 170px;--desktop-header-clearance: 82px;--sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body{overflow-x:clip}body{font-family:var(--sans);font-weight:400;font-size:var(--fs-body);line-height:1.35;letter-spacing:-.01em;color:var(--text);background:var(--surface);margin:0;padding:0;word-break:keep-all;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1{letter-spacing:-.02em}html[data-lang=en] [data-language-content=ko],html[data-lang=ko] [data-language-content=en]{display:none!important}html [data-language-content]{max-width:62ch}.lang-corner,.lang-switch{color:var(--chrome-fg, var(--text))}.lang-corner button,.lang-switch button{padding:2px 1px;border:0;border-radius:0;background:transparent;color:color-mix(in srgb,currentColor 55%,transparent);font:400 var(--fs-2xs)/1 var(--sans);letter-spacing:.08em;transition:color var(--dur-fast) var(--ease)}.lang-corner button:hover,.lang-switch button:hover{color:var(--hover)}.lang-corner button[aria-pressed=true],.lang-switch button[aria-pressed=true]{color:currentColor;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.lang-corner{position:absolute;top:26px;right:24px;z-index:40;display:inline-flex;align-items:baseline;gap:6px;font-size:var(--fs-2xs)}.lang-corner>span[aria-hidden]{color:color-mix(in srgb,currentColor 32%,transparent)}body[data-chrome=dark]{--chrome-fg: var(--void-text)}.site-menu .lang-switch{display:none}a{color:var(--text);text-decoration:none}a:hover{color:var(--hover)}.to-top{position:fixed;right:22px;bottom:26px;z-index:40;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--chrome-fg, var(--text)) 26%,transparent);border-radius:50%;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--chrome-fg, var(--text));font-size:var(--fs-sm);line-height:1;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.to-top[hidden]{display:none}.to-top:hover{border-color:var(--hover);color:var(--hover)}body[data-chrome=dark] .to-top{background:color-mix(in srgb,var(--void) 72%,transparent)}@media (max-width: 700px){.to-top{right:16px;bottom:18px;width:38px;height:38px}}.cursor-dot{display:none}@media (pointer: fine){html,body,a,button,input,textarea,select,video,iframe{cursor:none!important}.cursor-dot{position:fixed;top:0;left:0;z-index:100;display:block;width:14px;height:14px;border-radius:50%;background:var(--surface);mix-blend-mode:difference;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) ease}.cursor-dot.is-visible{opacity:1}}.site-menu{margin:0;line-height:1.5}.site-menu .name{font-size:var(--fs-lead);font-weight:500;margin-bottom:12px}.site-menu a{display:block;color:var(--text)}.site-menu a:hover{border-bottom:1px solid var(--hover);width:fit-content}.site-menu a.current{border-bottom:1px solid var(--text);width:fit-content}.site-menu .menu-hamburger,.site-menu .works-toggle,.site-menu .work-links{display:none}.menu-search{margin:14px 0 0}.site-menu--grid #search{margin-top:14px}.site-menu input[type=search]{display:block;width:110px;padding:3px 0;border:0;border-bottom:1px solid var(--line-2);border-radius:0;color:var(--text);background:transparent;outline:0;font:inherit;font-size:var(--fs-sm);transition:border-color var(--dur-fast) var(--ease);-webkit-appearance:none}.site-menu input[type=search]::placeholder{color:var(--text-3);opacity:1}.site-menu input[type=search]:focus{border-bottom-color:var(--hover)}.site-menu--page{position:absolute;z-index:20;top:10px;left:10px;width:140px}.site-menu--hero{position:absolute;z-index:20;top:24px;left:24px;width:auto}.site-menu--hero>*:not(.name){display:none}.site-menu--hero .name{margin:0}.site-menu--hero .name a{color:var(--void-text-2);transition:color var(--dur-fast) var(--ease)}.site-menu--hero .name a:hover{color:var(--void-text);border-bottom:0}.site-menu--grid{position:absolute;top:0;left:0;z-index:3;width:210px;padding:15px 18px 18px;background:var(--surface);font-size:var(--fs-body)}footer{clear:both;padding:60px 10px 30px;font-size:var(--fs-xs);color:var(--text-3)}@media (max-width: 700px){.site-menu--grid{display:none}.site-menu--page,.site-menu--hero{z-index:30;display:grid;grid-template-columns:1fr auto auto;width:100%;min-height:58px;margin:0;padding:18px;color:var(--text)}.site-menu--hero:not(.is-open){color:var(--void-text);background:transparent;line-height:1.4}.site-menu--page{position:relative;top:auto;left:auto;width:100%}.site-menu--hero{position:fixed;inset:0 0 auto;transition:color var(--dur-base) ease}.site-menu--hero.is-past-hero:not(.is-open){--chrome-fg: var(--text);color:var(--text)}.site-menu .menu-hamburger{display:block;grid-column:3;grid-row:1;justify-self:end;align-self:center;width:28px;height:24px;padding:10px 8px;margin:-10px -8px;box-sizing:content-box;border:0;border-radius:0;color:inherit;background:transparent}.site-menu .menu-hamburger span{display:none}.site-menu .menu-hamburger:after{content:"☰";display:block;color:currentColor;font-size:var(--fs-lead);font-weight:500;line-height:24px}.site-menu .name{grid-column:1;grid-row:1;margin:0;align-self:center;font-size:var(--fs-lead)}.site-menu.is-open .name,.site-menu.is-open .lang-switch{margin-bottom:var(--space-3)}.site-menu.is-open .menu-hamburger{margin-bottom:calc(var(--space-3) - 10px)}.site-menu>a{display:none;grid-column:1 / -1;width:fit-content;margin-top:0;padding:0;min-height:44px;align-content:center;font-size:var(--fs-lead)}.site-menu .name a{display:block;position:relative}.site-menu .name a:after{content:"";position:absolute;inset:-6px 0}.site-menu.is-open{position:fixed;inset:0 0 auto;padding-bottom:max(22px,env(safe-area-inset-bottom));background:var(--surface);max-height:88dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;align-content:start}.site-menu.is-open>a{display:block}.site-menu.is-open .menu-hamburger:after{content:"✕"}.site-menu.is-open .menu-works-link{display:none}.site-menu.is-open .works-toggle{display:grid;grid-column:1 / -1;width:fit-content;margin-top:0;padding:0;min-height:44px;align-content:center;border:0;color:inherit;background:transparent;font:inherit;font-size:var(--fs-lead);line-height:1.4}.site-menu.is-open .work-links{display:grid;grid-column:1 / -1;gap:0;max-height:0;margin:0;padding:0 0 0 13px;overflow:hidden;border-left:1px solid rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:max-height var(--dur-slow) ease,margin var(--dur-base) ease,padding var(--dur-base) ease,opacity var(--dur-base) ease}.site-menu.is-open.works-open .work-links{max-height:min(46svh,350px);margin:4px 0 8px;padding:5px 0 5px 13px;overflow-y:auto;opacity:1;pointer-events:auto}.site-menu.is-open .work-links a{display:grid;margin:0;padding:6px 0;min-height:40px;align-content:center;color:var(--text-2);font-size:var(--fs-xs);line-height:1.35}.site-menu.is-open .work-links .all-works{font-weight:500}.lang-corner{display:none}.menu-scrim{position:fixed;inset:0;z-index:29;background:#00000073;opacity:0;transition:opacity var(--dur-base) ease}.menu-scrim.is-visible{opacity:1}.site-menu .lang-switch{display:inline-flex;gap:8px;grid-column:2;grid-row:1;align-self:center;justify-self:end;margin:0 14px 0 0}.site-menu .lang-switch button{padding:16px 6px;margin:-16px 0}.site-menu--hero:not(.is-open) .name a{color:var(--void-text)}.site-menu--hero.is-past-hero:not(.is-open) .name a{color:var(--text)}.menu-search{display:none;grid-column:1 / -1;margin:16px 0 0}.site-menu input[type=search]{width:min(110px,100%)}.site-menu.is-open .menu-search{display:block;margin-top:var(--space-3)}.site-menu.is-open input[type=search]{width:100%;padding:10px 0}}