:root{--paper:#fff;--ink:#16181d;--ink-strong:#0a0c0f;--dim:#545c68;--faint:#949ca8;--line:#e7eaee;--line-soft:#f1f3f6;--wash:#f7f8fa;--accent:#2f5aa8;--accent-soft:#eaf0fa;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:"IBM Plex Sans KR", "Pretendard", "Apple SD Gothic Neo", system-ui, -apple-system, "Segoe UI", sans-serif;--measure:39rem;--wide:52rem;--gutter:clamp(20px, 5.5vw, 36px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:var(--paper);color:var(--ink);font:400 17px/1.75 var(--sans);letter-spacing:-.004em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}::selection{background:var(--accent-soft);color:var(--ink-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.wrap{width:100%;max-width:var(--wide);padding-inline:var(--gutter);margin-inline:auto}.measure{max-width:var(--measure);margin-inline:auto}.rule{background:var(--line);border:0;height:1px;margin-block:0}.kicker{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0}.mono{font-family:var(--mono);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:.8125rem}h1,h2,h3,h4{letter-spacing:-.028em;color:var(--ink-strong);text-wrap:balance;margin:0;font-weight:600;line-height:1.2}a{color:inherit;text-decoration-color:color-mix(in srgb, currentColor 28%, transparent);text-underline-offset:.22em;text-decoration-thickness:1px;transition:color .14s,text-decoration-color .14s}a:hover{color:var(--accent);text-decoration-color:currentColor}img{max-width:100%;height:auto;display:block}.site-header{padding:26px 0 0}.site-header__bar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;display:flex}.site-header__mark{font:600 15px/1 var(--mono);letter-spacing:-.02em;color:var(--ink-strong);text-decoration:none}.site-header__mark:hover{color:var(--accent)}.site-nav{color:var(--dim);gap:22px;font-size:14px;display:flex}.site-nav a{border-bottom:1px solid #0000;padding-bottom:2px;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink-strong);border-bottom-color:var(--ink-strong)}.site-footer{border-top:1px solid var(--line);color:var(--faint);margin-top:96px;padding:28px 0 72px;font-size:13.5px}.site-footer__row{flex-wrap:wrap;justify-content:space-between;gap:20px 36px;display:flex}.site-footer__links{flex-wrap:wrap;gap:20px;display:flex}.site-footer a{color:var(--dim);text-decoration:none}.site-footer a:hover{color:var(--accent)}.entry-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.entry{border-bottom:1px solid var(--line-soft)}.entry__link{grid-template-columns:6.5rem 1fr;align-items:baseline;gap:4px 22px;padding:18px 4px 18px 0;text-decoration:none;transition:padding-left .18s cubic-bezier(.2,.7,.3,1),background-color .18s;display:grid}.entry__link:hover{background:var(--wash);padding-left:8px}.entry__date{font:400 12px/1.6 var(--mono);color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap}.entry__body{min-width:0}.entry__title{letter-spacing:-.022em;color:var(--ink-strong);font-size:17px;font-weight:500;line-height:1.45;display:block}.entry__link:hover .entry__title{color:var(--accent)}.entry__summary{color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14.5px;font-weight:300;line-height:1.62;display:-webkit-box;overflow:hidden}.entry--note .entry__title{color:var(--dim);font-weight:400}@media (width<=640px){.entry__link{grid-template-columns:1fr;gap:6px;padding:16px 0}.entry__date{order:2}.entry__body{order:1}}.prose{color:var(--ink);font-size:17px;line-height:1.85}.prose :where(p,ul,ol,pre,blockquote,figure,table,h2,h3,h4){margin:0}.prose>*+*{margin-top:1.5em}.prose strong{color:var(--ink-strong);font-weight:600}.prose em{font-style:italic}.prose a{color:var(--accent);text-decoration-color:color-mix(in srgb, var(--accent) 35%, transparent)}.prose a:hover{text-decoration-color:currentColor}.prose h2{letter-spacing:-.026em;margin-top:2.6em;margin-bottom:-.35em;font-size:1.22em;font-weight:600}.prose h3{color:var(--dim);margin-top:2.1em;margin-bottom:-.5em;font-size:1.06em;font-weight:600}.prose ul,.prose ol{margin-block:1.4em;padding-left:1.25em}.prose li+li{margin-top:.45em}.prose li::marker{color:var(--faint)}.prose blockquote{border-left:2px solid var(--line);color:var(--dim);margin:2em 0;padding:2px 0 2px 20px;font-weight:300}.prose blockquote p+p{margin-top:.9em}.prose hr{background:var(--line);border:0;width:4rem;height:1px;margin:3em auto}.prose code{font:400 .86em/1.6 var(--mono);background:var(--wash);border:1px solid var(--line-soft);border-radius:3px;padding:.12em .36em}.prose pre{background:var(--wash);border:1px solid var(--line);border-radius:6px;margin-block:2em;padding:18px 20px;font-size:13.5px;line-height:1.7;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;border:0;padding:0}.prose table{border-collapse:collapse;width:100%;margin-block:2em;font-size:14.5px}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line-soft);padding:10px 12px}.prose th{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);border-bottom-color:var(--line);font-size:12px;font-weight:600}.prose figure{--figure-w:min(calc(100vw - var(--gutter) * 2), calc(var(--measure) + 7rem));width:var(--figure-w);margin:2.6em 0;margin-inline:calc((100% - var(--figure-w)) / 2)}.prose figure img{background:var(--wash);border-radius:3px;width:100%}.prose figcaption{font:400 12.5px/1.6 var(--mono);color:var(--faint);text-align:center;margin-top:10px}@media (width<=46rem){.prose figure{width:100%;margin-inline:0}}h1,h2,h3,h4{word-break:keep-all}.projects{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.project{border-bottom:1px solid var(--line-soft);grid-template-columns:11rem 1fr auto;align-items:baseline;gap:6px 24px;padding:20px 0;display:grid}.project__name{font:500 15px/1.4 var(--mono);letter-spacing:-.02em;color:var(--ink-strong)}.project__name a{text-decoration:none}.project__blurb{color:var(--dim);margin:0;font-size:14.5px;font-weight:300;line-height:1.65}.project__meta{font:400 11.5px/1 var(--mono);color:var(--faint);white-space:nowrap;align-items:center;gap:8px;display:flex}.dot{background:var(--faint);border-radius:50%;flex:none;width:6px;height:6px}.dot--live{background:#2a8f5f}.dot--building{background:var(--accent)}.dot--paused{background:#c9ced6}@media (width<=46rem){.project{grid-template-columns:1fr;gap:4px}.project__meta{margin-top:4px}}.stack-sm>*+*{margin-top:10px}.stack>*+*{margin-top:18px}.stack-lg>*+*{margin-top:34px}.dim{color:var(--dim)}.faint{color:var(--faint)}.section-label{align-items:center;gap:14px;margin-bottom:14px;display:flex}.section-label:after{content:"";background:var(--line);flex:1;height:1px}.skip-link{background:var(--ink-strong);color:#fff;z-index:10;padding:10px 16px;font-size:14px;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{top:8px;left:8px}