:root{--paper: #f5faf8;--raised: #ffffff;--ink: #121a2c;--muted: #4d5a6e;--hairline: #cbdad4;--mint: #8ec5b6;--mint-soft: #d7ece5;--navy: #2b4580;--fur: #c4733a;--ear: #ffcf96;--edge: 2px solid var(--ink);--max: 42rem;--wide: 62rem;--display: "Bricolage Grotesque", "IBM Plex Sans KR", "Arial Narrow", sans-serif;--body: "IBM Plex Sans", "IBM Plex Sans KR", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.65;min-height:100vh;display:flex;flex-direction:column}:lang(ko){word-break:keep-all;overflow-wrap:break-word}main{flex:1}::selection{background:var(--mint);color:var(--ink)}:focus-visible{outline:3px solid var(--fur);outline-offset:2px}img,svg{display:block;max-width:100%}img{height:auto}a{color:var(--navy);text-decoration-color:var(--mint);text-decoration-thickness:.14em;text-underline-offset:.2em}a:hover{color:var(--ink);background:var(--mint-soft)}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.08;letter-spacing:-.03em}h1{font-size:clamp(2.1rem,5.5vw,3.4rem);margin:0 0 .75rem}h2{font-size:1.45rem;margin:2.5rem 0 .75rem}p{margin:0 0 1rem}strong{font-weight:600}code,.install{font-family:var(--mono);font-size:.86em}:not(pre)>code{background:var(--mint-soft);padding:.08em .35em}.install{display:block;background:var(--ink);color:var(--paper);padding:.6rem .8rem;margin:.9rem 0 0;overflow-wrap:break-word;font-size:.78rem;line-height:1.5}.install:before{content:"$ ";color:var(--mint)}.wrap{width:min(var(--wide),calc(100% - 2.5rem));margin:0 auto}.site-header{background:var(--paper);border-bottom:var(--edge)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0}.brand{display:flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none;font-family:var(--display);font-weight:800;font-size:1.2rem;letter-spacing:-.035em}.brand:hover{color:var(--ink);background:none}.brand img{width:2.25rem;height:2.25rem;border-radius:50%;border:var(--edge);transition:transform .2s ease}.brand:hover img{transform:rotate(-8deg) scale(1.06)}nav{display:flex;gap:.25rem;font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}nav a{color:var(--ink);text-decoration:none;padding:.3rem .6rem}nav a:hover{background:var(--mint)}nav a[aria-current=page]{background:var(--ink);color:var(--paper)}@media(max-width:38rem){.site-header-inner{flex-wrap:wrap;row-gap:.5rem}nav{flex-wrap:wrap;margin-left:-.6rem}}.site-footer{margin-top:4.5rem;background:var(--ink);color:#b4c1d2;font-family:var(--mono);font-size:.8rem}.site-footer-inner{padding:1.5rem 0 2rem;display:flex;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap}.site-footer a{color:var(--paper);text-decoration:none}.site-footer a:hover{color:var(--mint);background:none}.hero{background:var(--mint) url(/img/facets.svg) center / cover no-repeat;border-bottom:var(--edge)}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem 3.5rem;padding:4rem 0 4.25rem}.kicker{display:inline-block;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .6rem;margin:0 0 1.25rem}.hero h1{font-size:clamp(3rem,9.5vw,6.25rem);line-height:.9;letter-spacing:-.04em;margin:0 0 1.5rem}.hero .lede{font-size:1.2rem;font-weight:500;line-height:1.5;max-width:33rem;margin:0}.hero-avatar{width:16rem;height:16rem;border:var(--edge);box-shadow:10px 10px 0 var(--ink);transform:rotate(3deg);transition:transform .25s ease,box-shadow .25s ease}.hero-avatar:hover{transform:rotate(-2deg) translate(-3px,-3px);box-shadow:14px 14px 0 var(--ink)}@media(max-width:48rem){.hero-inner{grid-template-columns:1fr;padding:2.5rem 0 3rem}.hero-avatar{order:-1;width:7.5rem;height:7.5rem;box-shadow:6px 6px 0 var(--ink)}}@keyframes rise{0%{opacity:0;transform:translateY(1.25rem)}}@keyframes pop{0%{opacity:0;transform:rotate(-10deg) scale(.8)}}.hero .kicker,.hero h1,.hero .lede{animation:rise .6s cubic-bezier(.2,.7,.2,1) backwards}.hero h1{animation-delay:.08s}.hero .lede{animation-delay:.18s}.hero-avatar{animation:pop .7s cubic-bezier(.2,1.4,.4,1) .25s backwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.section-label{display:flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:3.25rem 0 1.25rem}.section-label:before{content:"";flex:none;width:.7rem;height:.7rem;background:var(--fur);clip-path:polygon(0 100%,50% 0,100% 100%)}.section-label:after{content:"";flex:1;height:2px;background:var(--ink)}.project-list{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}.project-list li,.workshop-promo-card{background:var(--raised);border:var(--edge);box-shadow:5px 5px 0 var(--ink);transition:transform .15s ease,box-shadow .15s ease}.project-list li:hover,.workshop-promo-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.project-list li{display:flex;flex-direction:column;padding:1.15rem 1.2rem 1.25rem}.project-list h2,.project-list h3{margin:0 0 .5rem;font-size:1.45rem}.project-list p{margin:0 0 1rem;font-size:.97rem;line-height:1.55}.meta-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:auto;font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.meta-row a{color:var(--ink)}.meta-row a:after{content:" ↗"}.also{margin:0}.post-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--hairline)}.post-list li{display:grid;grid-template-columns:7rem minmax(0,1fr);align-items:baseline;gap:.1rem 1rem;padding:.9rem .5rem;border-bottom:1px solid var(--hairline);transition:background .15s ease,padding-left .15s ease}.post-list li:hover{background:var(--mint-soft);padding-left:.9rem}.post-list a{color:var(--ink);text-decoration:none;font-family:var(--display);font-weight:600;font-size:1.2rem;line-height:1.25;letter-spacing:-.02em}.post-list a:hover{background:none}.date{display:block;color:var(--muted);font-family:var(--mono);font-size:.8rem}.post-list .date{order:-1}@media(max-width:34rem){.post-list li{grid-template-columns:1fr}}article.prose{padding:3rem 0 1rem;max-width:var(--max)}article.prose .date{display:inline-block;background:var(--mint);color:var(--ink);border:var(--edge);padding:.1rem .55rem;margin-bottom:1.25rem}article.prose h1{margin-bottom:1.75rem}article.prose h2:before{content:"";display:inline-block;width:.5em;height:.5em;margin-right:.45em;background:var(--fur);clip-path:polygon(0 100%,50% 0,100% 100%)}article.prose h3{font-size:1.15rem;margin:1.75rem 0 .5rem}article.prose ul,article.prose ol{padding-left:1.3rem}article.prose li{margin:.35rem 0}article.prose li::marker{color:var(--fur);font-family:var(--mono);font-size:.9em}article.prose pre{border:var(--edge);box-shadow:5px 5px 0 var(--mint);padding:1rem 1.1rem;margin:0 0 1.5rem;overflow-x:auto;font-size:.95rem;line-height:1.55}article.prose p>img{border:var(--edge);box-shadow:6px 6px 0 var(--ink);margin:.5rem 0 1.5rem}article.prose video{display:block;width:100%;height:auto;border:var(--edge);box-shadow:6px 6px 0 var(--ink);margin:.5rem 0 1.5rem}article.prose blockquote{margin:0 0 1.25rem;padding:.1rem 0 .1rem 1rem;border-left:4px solid var(--mint);color:var(--muted)}article.prose hr{border:0;border-top:var(--edge);margin:2.5rem 0}article.prose table{width:100%;border-collapse:collapse;margin:0 0 1.5rem;font-size:.95rem}article.prose th,article.prose td{text-align:left;vertical-align:top;padding:.5rem .75rem .5rem 0;border-bottom:1px solid var(--hairline)}article.prose th{font-family:var(--mono);font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;border-bottom:var(--edge)}article.prose td:first-child{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}@media(max-width:34rem){article.prose table{font-size:.88rem}article.prose td:first-child{white-space:normal}article.prose td{overflow-wrap:break-word}}.page-intro{padding:3rem 0 .5rem;max-width:var(--max)}.page-intro p{color:var(--muted);margin-bottom:2rem}.workshop-promo{margin-top:1.5rem}.workshop-promo-intro{margin:-.5rem 0 1.25rem;color:var(--muted);font-size:.95rem}.workshop-promo-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}.workshop-promo-card{display:flex;flex-direction:column;align-items:flex-start;padding:.95rem 1rem 1rem;background:var(--mint-soft);box-shadow:4px 4px 0 var(--ink);color:inherit;text-decoration:none}.workshop-promo-card:hover{background:var(--mint-soft);box-shadow:6px 6px 0 var(--ink)}.workshop-promo-title{margin:0;font-family:var(--display);font-size:1.08rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.workshop-promo-body{margin:.4rem 0 .8rem;color:var(--muted);font-size:.9rem;line-height:1.45}.workshop-promo-cta{margin-top:auto;font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.workshop-promo-cta:after{content:" ↗"}