@font-face{font-family:Chivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/chivo-vietnamese-wght-normal.BjQIDkhi.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/chivo-latin-ext-wght-normal.CuxPzFD0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/chivo-latin-wght-normal.CPi3f958.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/work-sans-vietnamese-wght-normal.BKsN3ITN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/work-sans-latin-ext-wght-normal.B5dZ8C4S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/work-sans-latin-wght-normal.Bl-S9Xys.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg: oklch(.985 .003 220);--color-surface: oklch(.992 .002 220 / .9);--color-surface-strong: oklch(.962 .006 220);--color-surface-deep: oklch(.22 .02 230);--color-ink: oklch(.18 .018 232);--color-muted: oklch(.43 .014 228);--color-line: oklch(.88 .006 225);--color-primary: oklch(.36 .068 205);--color-primary-strong: oklch(.29 .073 205);--color-accent: oklch(.6 .1 45);--color-inverse: oklch(.985 0 0);--color-shadow: oklch(.16 .015 230 / .08);--font-display: "Chivo Variable", "Arial Narrow", sans-serif;--font-body: "Work Sans Variable", "Segoe UI", sans-serif;--shell-width: min(1180px, calc(100vw - 2rem) );--shell-narrow: min(780px, calc(100vw - 2rem) );--radius-card: .95rem;--radius-pill: 999px;--transition-fast: .18s ease;--transition-base: .24s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,oklch(.965 .01 205 / .22),transparent 16rem),linear-gradient(to right,oklch(.92 .004 220 / .5) 1px,transparent 1px),linear-gradient(to bottom,#f8fbfbdb,#f8fbfbf0),var(--color-bg);background-size:auto,100% 100%,100% 100%,100% 100%;color:var(--color-ink);font-family:var(--font-body);line-height:1.72;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}p,li,dd{font-size:1.04rem}h1,h2,h3{margin:0;color:var(--color-ink);font-family:var(--font-display);font-weight:635;letter-spacing:-.03em;line-height:.96;text-wrap:balance}h1{font-size:clamp(2.8rem,6vw,4.8rem)}h2{font-size:clamp(1.8rem,3.2vw,3rem)}h3{font-size:clamp(1.2rem,1.8vw,1.55rem)}main{position:relative;z-index:1;flex:1}.shell{width:var(--shell-width);margin:0 auto}.shell--narrow{width:var(--shell-narrow)}.section{padding:clamp(3.5rem,8vw,6.5rem) 0}.section--compact{padding-top:1.75rem}.section--feature{padding-top:2.25rem}.section--pagehead{padding-bottom:1.6rem}.section--article{padding-top:clamp(2.5rem,6vw,5rem)}.page-chroma{position:fixed;z-index:0;width:24rem;height:24rem;pointer-events:none;filter:blur(88px);opacity:.35}.page-chroma--top{top:-10rem;right:-8rem;background:#b8e8ee47}.page-chroma--bottom{bottom:-12rem;left:-8rem;background:#f7d6ca2e}.site-header{position:sticky;top:0;z-index:12;backdrop-filter:blur(16px);background:linear-gradient(to bottom,#f8fbfbf0,#f8fbfbd1);border-bottom:1px solid oklch(.9 .004 220 / .95)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}.site-mark{display:flex;align-items:center;gap:.95rem;min-width:0}.site-mark__badge{display:inline-flex;align-items:center;justify-content:center;min-width:5.3rem;padding:.52rem .92rem;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-inverse);font-family:var(--font-display);font-size:.82rem;letter-spacing:.04em}.site-mark__text{color:var(--color-muted);font-size:.9rem}.site-nav{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}.site-nav__link{padding:.58rem .9rem;border-radius:var(--radius-pill);color:var(--color-muted);transition:color var(--transition-fast),background var(--transition-fast)}.site-nav__link:hover,.site-nav__link.is-active{color:var(--color-ink);background:#eaeff1}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.85rem 1.28rem;border:1px solid transparent;border-radius:var(--radius-pill);font-size:.96rem;font-weight:620;transition:transform var(--transition-base),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--color-primary);color:var(--color-inverse)}.button--primary:hover{background:var(--color-primary-strong)}.button--secondary{background:var(--color-ink);color:var(--color-inverse)}.button--secondary:hover{background:#030a0f}.button--ghost{border-color:var(--color-line);background:#ffffff94}.button--ghost:hover{border-color:var(--color-primary);color:var(--color-primary-strong)}.home-hero{padding-top:clamp(2.7rem,7vw,5rem);padding-bottom:1rem}.home-hero__frame{position:relative;overflow:hidden;border:1px solid var(--color-line);border-radius:1.25rem;background:var(--color-surface);box-shadow:0 18px 38px var(--color-shadow)}.home-hero__background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;filter:saturate(.86)}.home-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:clamp(1.4rem,4vw,3rem);align-items:start;padding:clamp(1.4rem,4vw,2.4rem)}.home-hero__kicker,.home-note__label,.home-section-head__label,.section-heading__eyebrow{margin:0 0 .95rem;color:var(--color-primary-strong);font-size:.92rem;font-weight:640}.home-intro__actions,.about-summary__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.home-author{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem}.home-author__avatar,.about-page__avatar{width:4.5rem;height:4.5rem;border-radius:1rem;object-fit:cover;border:1px solid oklch(.86 .01 220);box-shadow:0 10px 24px var(--color-shadow)}.home-author__meta{display:grid;gap:.2rem}.home-author__role,.home-author__mail{margin:0;font-size:.94rem}.home-author__role{color:var(--color-ink);font-weight:620}.home-author__mail{color:var(--color-muted)}.home-hero__main h1{max-width:10ch}.home-hero__tagline{margin:1rem 0 0;color:var(--color-primary-strong);font-size:1.08rem;font-weight:620}.home-hero__lede{max-width:33rem;margin:1rem 0 0;color:var(--color-muted);font-size:1.04rem}.home-signal-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}.home-signal-row span{padding:.34rem .72rem;border-radius:var(--radius-pill);background:#ffffff8a;border:1px solid oklch(.9 .006 220 / .95);color:var(--color-muted);font-size:.84rem}.home-rail{display:grid;gap:1rem}.home-note,.about-summary,.about-page,.project-card,.article__pager-link,.article-toc,.archive-overview,.taxonomy-card,.category-directory__card,.category-hero,.topic-strip,.archive-empty{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:0 12px 32px var(--color-shadow)}.home-note{padding:1.2rem 1.2rem 1.25rem}.home-note h2{font-size:clamp(1.25rem,1.9vw,1.85rem)}.home-note p:last-of-type{margin-bottom:0}.home-note__link,.home-section-head__link{color:var(--color-primary-strong);font-weight:620}.home-note__link:hover,.home-section-head__link:hover,.post-row__content h3 a:hover,.article__prose a:hover,.article-toc a:hover{color:var(--color-primary)}.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.home-section-head h2{max-width:34rem}.post-list{display:grid;border-top:1px solid var(--color-line)}.archive-list{display:grid}.archive-empty{padding:1.2rem 1.25rem;color:var(--color-muted)}.post-row{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:1.5rem;padding:1.35rem 0;border-bottom:1px solid var(--color-line)}.archive-row{display:grid;grid-template-columns:13.5rem minmax(0,1fr);gap:1.5rem;padding:1.35rem 0;border-bottom:1px solid var(--color-line)}.post-row__meta{display:grid;align-content:start;gap:.75rem;color:var(--color-muted);font-size:.92rem}.archive-row__meta{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:.65rem;color:var(--color-muted);font-size:.9rem}.post-row__content h3{max-width:18ch}.archive-row__content h3{max-width:24ch}.post-row__content h3 a,.article__pager-link strong,.article-toc a,.project-card__body h2,.featured-project__body h3,.archive-row__content h3 a,.tag-inline-list a{transition:color var(--transition-fast)}.post-row__content p,.project-card__body p,.about-page p,.section-heading__description,.archive-row__content p,.taxonomy-card p,.category-directory__card p,.category-hero__description,.article-taxonomy__block p{color:var(--color-muted)}.post-row__content p{max-width:45rem;margin:.8rem 0 0}.archive-row__content p{max-width:50rem;margin:.65rem 0 0}.post-row__footer,.archive-row__footer{display:grid;gap:.8rem;margin-top:.95rem}.post-row__series,.archive-row__series{color:var(--color-muted);font-size:.9rem}.tag-inline-list,.stack-list{display:flex;flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none}.tag-inline-list li,.stack-list li{padding:.3rem .68rem;border-radius:var(--radius-pill);background:#eef2f3;color:var(--color-muted);font-size:.8rem}.tag-inline-list li{padding:0}.tag-inline-list a{display:inline-flex;align-items:center;min-height:1.9rem;padding:.3rem .68rem;border-radius:var(--radius-pill);color:inherit}.tag-inline-list a:hover{color:var(--color-primary-strong)}.category-badge{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.38rem .72rem;border-radius:var(--radius-pill);background:#e6f1f2;color:var(--color-primary-strong);font-size:.82rem;font-weight:640}.category-badge--compact{min-height:1.85rem;padding-inline:.68rem;font-size:.78rem}.featured-project__visual img,.project-card__image,.article__cover{width:100%;object-fit:cover}.section-heading{display:grid;gap:.9rem;margin-bottom:2rem}.section-heading--center{text-align:center}.section-heading__description{max-width:42rem;margin:0}.featured-project{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr);overflow:hidden;border-radius:var(--radius-card);border:1px solid oklch(.32 .024 220);background:linear-gradient(135deg,#040f14,#072125);color:var(--color-inverse);box-shadow:0 18px 42px #02070a2e}.featured-project__visual{min-height:100%}.featured-project__visual img{height:100%}.featured-project__body{padding:clamp(1.5rem,4vw,2.8rem)}.featured-project__status,.project-card__status{margin:0 0 1rem;color:#fbd5c4;font-weight:640}.featured-project__body h3,.project-card__body h2{color:inherit}.featured-project__body p{max-width:32rem;color:#dfe6e8}.featured-project .stack-list li{background:#ffffff1a;color:#f2f2f2}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem}.project-card{overflow:hidden}.project-card__image{aspect-ratio:16 / 10}.project-card__body{padding:1.25rem}.project-card__body p{margin-bottom:1.1rem}.about-summary,.about-page{padding:clamp(1.25rem,3vw,2rem)}.about-page__avatar{margin-bottom:1.2rem}.about-page h2{margin-top:2.4rem;font-size:clamp(1.55rem,2.2vw,1.95rem)}.about-page a,.site-footer__meta a{color:var(--color-primary-strong)}.about-page ul{padding-left:1.15rem}.archive-overview,.category-hero,.topic-strip{padding:1.3rem}.archive-overview{display:flex;align-items:end;justify-content:space-between;gap:1.2rem}.archive-overview__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:min(42rem,100%)}.archive-overview__stats div{display:grid;gap:.28rem}.archive-overview__stats strong{font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2rem)}.archive-overview__stats span,.archive-group__head span,.taxonomy-card span,.category-directory__latest span,.category-hero__meta,.article-taxonomy__block span{color:var(--color-muted);font-size:.9rem}.taxonomy-grid,.category-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.taxonomy-card,.category-directory__card{display:grid;gap:.75rem;padding:1.25rem}.taxonomy-card__eyebrow,.topic-strip__label,.category-directory__label{margin:0;color:var(--color-primary-strong);font-size:.88rem;font-weight:640}.taxonomy-card h3,.category-directory__card h2{line-height:1}.taxonomy-card span,.category-directory__latest{display:grid;gap:.18rem}.topic-strip{display:grid;gap:1.2rem}.topic-strip h2{max-width:34rem}.topic-strip__tags{display:flex;flex-wrap:wrap;gap:.75rem}.topic-strip__tags a{display:inline-flex;align-items:center;gap:.55rem;min-height:2.5rem;padding:.48rem .8rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:#fff9}.topic-strip__tags a strong{font-family:var(--font-display);font-size:.96rem}.archive-stack{display:grid;gap:2rem}.archive-group{display:grid;gap:.8rem}.archive-group__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.archive-group__head p,.category-hero__meta{margin:0}.archive-group__head p{font-family:var(--font-display);font-size:clamp(1.35rem,2vw,1.8rem)}.category-hero{display:grid;gap:1rem}.category-hero h1{max-width:12ch}.category-hero__meta{display:flex;flex-wrap:wrap;gap:.8rem 1rem}.category-hero__back{color:var(--color-primary-strong);font-weight:620}.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:2.5rem;align-items:start}.article{min-width:0}.article__header h1{max-width:12ch;margin-top:1rem;font-size:clamp(2.45rem,5.2vw,4.2rem);line-height:.93}.article__meta,.article__summary{color:var(--color-muted)}.article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.article__summary{max-width:42rem;margin:1.25rem 0 0;font-size:1.08rem}.article__cover{margin-top:2rem;border-radius:var(--radius-card);aspect-ratio:16 / 9}.article__prose{max-width:43rem;margin-top:2.3rem}.article__prose h2,.article__prose h3{margin-top:2.3rem}.article__prose p,.article__prose li{color:#1f282c;text-wrap:pretty}.article__prose a{color:var(--color-primary-strong);text-decoration:underline;text-underline-offset:.16em}.article__prose blockquote{margin:1.8rem 0;padding:.2rem 0 .2rem 1rem;border-left:1px solid var(--color-primary);color:var(--color-muted)}.article__prose pre{overflow-x:auto;padding:1rem;border-radius:.8rem;background:#081115;color:#f2f2f2}.article__prose code{font-size:.94em}.article__prose :not(pre)>code{padding:.12rem .34rem;border-radius:.35rem;background:#ecf1f3}.article-taxonomy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:43rem;margin-top:2.2rem}.article-taxonomy__block{display:grid;gap:.45rem;padding:1rem 1.05rem;border:1px solid var(--color-line);border-radius:var(--radius-card);background:#ffffff7a}.article-taxonomy__block strong{font-family:var(--font-display);font-size:1.08rem}.article-taxonomy__block p{margin:0}.article__pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:3rem}.article__pager-link{display:grid;gap:.45rem;padding:1rem 1.05rem}.article__pager-link span{color:var(--color-muted);font-size:.88rem}.article__pager-link--empty{color:var(--color-muted)}.article-toc{position:sticky;top:5.4rem;padding:1rem 1.05rem}.article-toc__meta{display:grid;gap:.35rem;padding-bottom:.9rem;border-bottom:1px solid var(--color-line);margin-bottom:.85rem}.article-toc__meta span{color:var(--color-muted);font-size:.88rem}.article-toc p{margin:0 0 .85rem;font-size:.84rem;font-weight:650}.article-toc ul{display:grid;gap:.72rem;margin:0;padding:0;list-style:none}.article-toc li.depth-3{padding-left:.75rem}.article-toc a{color:var(--color-muted);font-size:.92rem}.article-related{margin-top:3rem}.article-related__head{display:grid;gap:.5rem;margin-bottom:1.2rem}.article-related__head p{margin:0;color:var(--color-primary-strong);font-size:.9rem;font-weight:640}.site-footer{border-top:1px solid var(--color-line)}.site-footer__inner{display:flex;justify-content:space-between;gap:1.5rem;padding:1.5rem 0 2.3rem}.site-footer__title{margin:0;font-family:var(--font-display);font-size:1.05rem}.site-footer__copy{max-width:34rem;margin:.45rem 0 0;color:var(--color-muted)}.site-footer__meta{display:grid;justify-items:end;gap:.35rem;color:var(--color-muted)}.reveal{animation:rise-in .64s cubic-bezier(.22,1,.36,1) both}.reveal--delay{animation-delay:.12s}@keyframes rise-in{0%{opacity:.001;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.reveal,.reveal--delay{animation:none!important;transition:none!important;transform:none!important}}@media(max-width:1024px){.home-hero__grid,.featured-project,.article-shell,.project-grid,.post-row,.archive-row,.taxonomy-grid,.category-directory,.article-taxonomy{grid-template-columns:1fr}.article-toc{position:static;order:-1}.site-footer__meta{justify-items:start}}@media(max-width:720px){.site-header__inner,.home-section-head,.site-footer__inner,.archive-overview{flex-direction:column;align-items:flex-start}.site-nav{justify-content:flex-start}.archive-overview__stats{grid-template-columns:1fr}.home-hero__frame{border-radius:1rem}.home-author{align-items:flex-start}.article__pager{grid-template-columns:1fr}.page-chroma{width:18rem;height:18rem}}