@font-face{font-family:Pretendard Variable;src:url(/fonts/PretendardVariable.woff2) format("woff2-variations");font-weight:45 920;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/fonts/InstrumentSerif-Italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono.woff2) format("woff2-variations");font-weight:100 800;font-display:swap}:root{--bg: #efe6d8;--ink: #2b241e;--ink-2: #5a4c40;--ink-3: #8a7a6a;--gx: clamp(24px, 6.2vw, 112px);--t-display: clamp(60px, 8vw, 122px);--t-head: clamp(28px, 2.8vw, 42px);--t-body: clamp(17px, 1.22vw, 19px);--t-small: 12px;--sans: "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;--serif: "Instrument Serif", "Times New Roman", serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--sans);font-size:var(--t-body);line-height:1.8;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono);font-size:var(--t-small);letter-spacing:.04em;line-height:1.55}.serif{font-family:var(--serif);font-style:italic;font-weight:400}#stage{position:fixed;inset:0;width:100%;height:100%;display:none}.hero{padding:12vh var(--gx) 6vh;width:min(100%,34rem + var(--gx))}.eyebrow{margin:0 0 28px;color:var(--ink)}.name{margin:0;font-weight:700;letter-spacing:-.045em;line-height:.92}.name .ko{display:block;font-size:var(--t-display)}.name .en{display:block;margin-top:.42em;font-size:var(--t-head);letter-spacing:-.01em;color:var(--ink-2);line-height:1}.slogan{margin:28px 0 0;font-size:clamp(23px,2.05vw,29px);font-weight:640;letter-spacing:-.035em;line-height:1.35}.slogan span{display:block}.lede{margin:12px 0 0;max-width:34em;font-size:14px;line-height:1.65;color:var(--ink-2)}.lede span{display:inline-block}.hero .contact{margin-top:24px}.contact{list-style:none;margin:36px 0 0;padding:0;display:flex;gap:28px;flex-wrap:wrap}.contact a{border-bottom:1px solid currentColor;padding-bottom:2px}.contact a:hover{color:var(--ink-2)}.invite{margin:0;padding:0 var(--gx) 6vh;color:var(--ink-2);display:flex;align-items:center;gap:18px}.invite-rule{display:inline-block;width:56px;height:1px;background:currentColor;transform-origin:left}.story{padding:4vh var(--gx) 10vh;max-width:calc(34rem + var(--gx))}.label{margin:0 0 18px;color:var(--ink)}.head{margin:0 0 24px;font-size:var(--t-head);line-height:1.3;letter-spacing:-.035em;font-weight:640}.lines{display:grid}.line{margin:0 0 .6em}.code{margin:22px 0 0;padding:0;font-size:14px;line-height:1.75;color:var(--ink);background:none;white-space:pre}.code .ln{position:relative}.fallback{margin:32px 0 0}.fallback img{width:100%;max-width:640px;height:auto;display:block}.fallback figcaption{margin-top:10px;color:var(--ink-2);display:flex;flex-direction:column;gap:2px}.fallback figcaption span:first-child{color:var(--ink-3)}.tags,.scroll-space{display:none}html.gl body{overflow-x:hidden}html.gl #stage{display:block}html.gl .hero,html.gl .invite,html.gl .story{position:fixed;z-index:2;pointer-events:none}html.gl .hero{top:0;left:0;padding-top:max(11vh,72px)}html.gl .hero a{pointer-events:auto}html.gl .invite{left:0;bottom:0;padding-bottom:max(9vh,48px);opacity:0}html.gl .story{left:0;top:0;height:100vh;height:100dvh;display:flex;align-items:center;padding:0 var(--gx);max-width:none;width:min(36rem + var(--gx),46vw)}html.gl .reader{position:relative;width:100%;max-width:30rem}html.gl [data-beat]{opacity:0}html.gl .lines{grid-template-areas:"x"}html.gl .lines .line{grid-area:x}html.gl .code{margin-top:26px}html.gl .code .ln{color:#6b5c4e}html.gl .code .ln.on{color:var(--ink)}html.gl .code .ln.run:before{content:"";position:absolute;left:-16px;top:50%;width:7px;height:7px;margin-top:-4px;border-radius:50%;background:#e0605c}html.gl .fallback{display:none}html.gl .tags{display:block;position:fixed;inset:0;z-index:1;pointer-events:none}html.gl .tag{position:absolute;left:0;top:0;opacity:0;will-change:transform,opacity;font-family:var(--mono);font-size:calc(var(--t-small) * 1.12);letter-spacing:.03em;line-height:1.55;color:var(--ink);white-space:nowrap}html.gl .tag.photo{display:flex;flex-direction:column}html.gl .tag.photo span:first-child{color:var(--ink)}html.gl .scroll-space{display:block;height:1140vh}@media(max-width:760px){:root{--t-display: clamp(52px, 15vw, 70px);--t-head: clamp(24px, 6.4vw, 30px);--t-body: 16px}html.gl .hero{padding-top:9vh}html.gl .story{top:auto;bottom:0;height:auto;width:100%;align-items:flex-end;padding:0 var(--gx) max(6vh,28px)}.contact{gap:10px 22px}html.gl .tag.photo{max-width:calc(100vw - 32px)}html.gl .code{font-size:13px;margin-top:14px}html.gl .tag.photo span:last-child{white-space:normal;max-width:60vw}html.gl .scroll-space{height:990vh}}@media(max-width:360px){:root{--t-display: 48px;--t-head: 22px;--t-body: 15px}}.head,.line,.lede,.slogan,.invite,figcaption,.tag{word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}.head{text-wrap:balance}html.dark{--ink: #f2eadf;--ink-2: #ddd1c0;--ink-3: #c4b6a3}@media(max-height:700px)and (min-width:761px){html.gl .hero{padding-top:max(4vh,20px)}.hero .eyebrow{margin-bottom:16px}.hero .name .ko{font-size:clamp(42px,10vh,58px)}.hero .name .en{font-size:22px}.hero .slogan{margin-top:20px;font-size:23px}.hero .lede{margin-top:10px}.hero .contact{margin-top:18px}}@media(max-width:760px){.hero .slogan{margin-top:56px}.hero .contact{margin-top:18px}}