@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-wdth-normal.rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-normal.7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dm-mono-latin-ext-400-normal.C2zvOubV.woff2)format("woff2"),url(/_astro/dm-mono-latin-ext-400-normal.1aZr6b2b.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dm-mono-latin-400-normal.4GdczIuU.woff2)format("woff2"),url(/_astro/dm-mono-latin-400-normal.-0xN8mdc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/dm-mono-latin-ext-500-normal.BtRyHRi6.woff2)format("woff2"),url(/_astro/dm-mono-latin-ext-500-normal.Dw3M13d8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/dm-mono-latin-500-normal.DRMDZjhP.woff2)format("woff2"),url(/_astro/dm-mono-latin-500-normal.CN8Miw6E.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fff;--paper-2:#f3f3f1;--paper-3:#e7e7e4;--ink:#000;--ink-2:#3d3d3b;--ink-3:#5f5f5b;--rule:#c9c9c5;--rule-soft:#e0e0dc;--lime:#d7ff00;--accent:var(--lime);--on-dark:#fff;--on-dark-2:#b9b9b5;--dark-rule:#3a3a38;--f-sans:"acumin-variable", "Helvetica Neue", Arial, system-ui, sans-serif;--f-display:"Archivo Variable", "Helvetica Neue", Arial, system-ui, sans-serif;--f-mono:"DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--wdth:100;--t-mega:clamp(3rem, 8.5vw, 9rem);--t-h1:clamp(2.5rem, 5.6vw, 5.5rem);--t-h3:clamp(1.6rem, 2.6vw, 2.6rem);--t-lede:clamp(1.15rem, 1.45vw, 1.375rem);--t-body:1.0625rem;--t-small:.9375rem;--t-xs:.8125rem;--t-label:.75rem;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4.5rem;--section-y:clamp(4.5rem, 9vw, 9rem);--max:1440px;--gutter:clamp(16px, 4vw, 56px);--col-gap:clamp(16px, 2.2vw, 32px);--header-h:72px;--ease:cubic-bezier(.2, .7, .1, 1);--dur:.22s;color-scheme:light}*,:before,:after{box-sizing:border-box;font-variation-settings:"wdth" var(--wdth)}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 24px)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);color:var(--ink);font-family:var(--f-sans);font-size:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;min-height:100vh;margin:0;line-height:1.55;display:flex;overflow-x:clip}body>main{flex:1}h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.on-dark :focus-visible{outline-color:var(--lime)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px;position:absolute;top:-100px;left:8px}.skip:focus{top:8px}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.display{font-family:var(--f-display);--wdth:86;letter-spacing:-.045em;font-weight:820;line-height:.9}.label{font-family:var(--f-mono);font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase;font-weight:400;line-height:1.4}.label--strong{font-weight:500}.label--muted{color:var(--ink-3)}.hl{background:var(--lime);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .06em 0 .04em}.index{align-items:flex-start;gap:var(--s-4);font:500 var(--t-label) / 1.35 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;display:flex}.index__num{min-width:2ch}.index__line{background:currentColor;flex:none;width:clamp(32px,4vw,56px);height:1px;margin-top:.62em}.index__text{color:var(--ink-2);font-weight:400}.on-dark .index__text{color:var(--on-dark-2)}.btn{justify-content:space-between;align-items:center;gap:var(--s-5);min-height:48px;padding:0 var(--s-5);border:1px solid var(--ink);color:var(--ink);font:500 var(--t-label) / 1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;display:inline-flex}.btn svg{width:14px;height:14px;transition:transform var(--dur) var(--ease);flex:none}.btn:hover svg{transform:translate(3px)}.btn:hover,.btn--solid{background:var(--ink);color:var(--paper)}.btn--solid:hover{background:var(--accent);color:var(--ink)}.btn--lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.btn--lime:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}.btn--small{min-height:40px;padding:0 var(--s-4);gap:var(--s-4)}.on-dark .btn:not(.btn--lime){border-color:var(--on-dark);color:var(--on-dark)}.on-dark .btn:not(.btn--lime):hover{background:var(--on-dark);color:var(--ink)}.link-arrow{font:500 var(--t-label) / 1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid;align-items:center;gap:.6em;padding-block:.5em;display:inline-flex}.link-arrow:hover{box-shadow:inset 0 -3px 0 var(--accent)}.plate{border:1px solid var(--ink);background-color:var(--paper);background-image:linear-gradient(90deg,#22232112 1px,#0000 1px),linear-gradient(#22232112 1px,#0000 1px);background-position:-1px -1px;background-size:16px 16px;position:relative}.plate__label{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper);font:500 .6875rem / 1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;transition:background-color var(--dur) var(--ease);padding:.4rem .6rem;position:absolute;top:0;left:0}.has-corner{--corner-step:calc(var(--corner,16px) * 1.4);position:relative}.has-corner:before,.has-corner:after{content:"";pointer-events:none;position:absolute;bottom:-1px;right:-1px}.has-corner:before{width:var(--corner-step);height:var(--corner-step);background:var(--corner-bg,var(--paper));border-top:1px solid var(--ink);border-left:1px solid var(--ink);z-index:1}.has-corner:after{width:var(--corner,16px);height:var(--corner,16px);background:var(--accent);box-shadow:inset 0 0 0 1px var(--ink);z-index:2}.on-dark .has-corner{--corner-bg:var(--ink)}.has-corner.on-dark{--corner-bg:var(--paper)}.reg{pointer-events:none;width:15px;height:15px;position:absolute}.reg:before,.reg:after{content:"";background:currentColor;position:absolute}.reg:before{width:1px;height:15px;top:0;left:7px}.reg:after{width:15px;height:1px;top:7px;left:0}.on-dark .reg{color:var(--on-dark-2)}.logo-defs{width:0;height:0;position:absolute;overflow:hidden}.lk{--h:38px;height:var(--h);flex:none;width:auto;max-width:none;overflow:visible}.site-header{z-index:50;background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--s-6);min-height:var(--header-h);display:flex}.logo{flex:none;align-items:center;gap:10px;display:inline-flex}.logo__blog{background:var(--ink);color:var(--paper);font:500 .8125rem / 1 var(--f-mono);letter-spacing:.04em;padding:7px 9px 8px}.site-nav{margin-left:auto}.site-nav__list{align-items:center;gap:clamp(1rem,2.4vw,2.25rem);display:flex}.site-nav__link{font:500 var(--t-label) / 1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding-block:.75rem;display:block;position:relative}.site-nav__link:after{content:"";background:var(--accent);transform-origin:0;height:3px;transition:transform var(--dur) var(--ease);position:absolute;bottom:.3rem;left:0;right:0;transform:scaleX(0)}.site-nav__link:hover:after,.site-nav__link[aria-current=page]:after{transform:scaleX(1)}@media (width<=960px){.site-header__inner{gap:var(--s-3) var(--s-4);padding-top:var(--s-3);flex-wrap:wrap}.site-header__inner>.btn{margin-left:auto}.site-nav{width:calc(100% + 2 * var(--gutter));margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);border-top:1px solid var(--rule-soft);scrollbar-width:none;order:3;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav__list{gap:var(--s-5)}.lk{--h:32px}}.section{padding-block:calc(var(--section-y) * .6)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--s-4);border-top:1px solid var(--ink);padding-top:var(--s-5);flex-wrap:wrap;margin-bottom:clamp(2rem,4vw,3.5rem);display:flex}.section-head--plain{border-top:0;padding-top:0}.section-head__title{font-family:var(--f-display);--wdth:90;font-weight:780;font-size:var(--t-h3);letter-spacing:-.035em;margin-top:var(--s-4);flex-basis:100%;line-height:1}.page-hero{padding-block:clamp(1rem, 2vw, 2rem) calc(var(--section-y) * .25)}.page-hero__plate{gap:var(--s-5);--corner:22px;justify-items:start;padding:clamp(4rem,7vw,6.5rem) clamp(1.25rem,4vw,4rem) clamp(3.25rem,6vw,5.5rem);display:grid}.page-hero__title{overflow-wrap:break-word;max-width:24ch;font-size:clamp(2.2rem,4.4vw,4.25rem);line-height:1.08}.page-hero__lede{font-size:var(--t-lede);color:var(--ink-2);max-width:52ch;line-height:1.42}.pop-item{border-bottom:1px solid var(--rule)}.pop-item:first-child{border-top:1px solid var(--rule)}.pop-item a{column-gap:var(--col-gap);row-gap:var(--s-3);grid-template-columns:repeat(12,minmax(0,1fr));padding-block:clamp(1.75rem,3.5vw,3rem);display:grid}.pop-item__meta{align-content:start;gap:var(--s-2) clamp(1.5rem, 3.5vw, 3.5rem);color:var(--ink-3);grid-column:1/5;grid-template-columns:max-content minmax(0,1fr);padding-top:.6em;display:grid}.pop-item__num{align-self:start;align-items:center;gap:var(--s-4);color:var(--ink);grid-row:span 2;font-weight:500;display:flex}.pop-item__num:after{content:"";background:currentColor;flex:none;width:clamp(32px,4vw,56px);height:1px}.pop-item__body{gap:var(--s-4);grid-column:5/12;justify-items:start;display:grid}.pop-item__title{font-family:var(--f-display);--wdth:88;letter-spacing:-.04em;max-width:22ch;font-size:clamp(1.9rem,3.6vw,3.4rem);font-weight:800;line-height:.96}.pop-item__title span{background:linear-gradient(var(--lime), var(--lime)) 0 90% / 0 .32em no-repeat;transition:background-size var(--dur) var(--ease)}.pop-item a:hover .pop-item__title span{background-size:100% .32em}.pop-item__excerpt{color:var(--ink-2);max-width:54ch}.pop-item__go{border:1px solid var(--ink);width:48px;height:48px;transition:background-color var(--dur) var(--ease);grid-column:12/13;place-self:start end;place-items:center;display:grid}.pop-item__go svg{width:16px;height:16px}.pop-item a:hover .pop-item__go{background:var(--lime)}@media (width<=760px){.pop-item a{grid-template-columns:1fr auto}.pop-item__meta{gap:var(--s-1) var(--s-4);grid-column:1/2;padding-top:0}.pop-item__body{grid-column:1/-1}.pop-item__go{grid-area:1/2/auto/3;width:40px;height:40px}}.newsletter{gap:var(--s-6) clamp(2rem, 5vw, 5rem);--corner:22px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;padding:clamp(2rem,4.5vw,4rem) clamp(1.25rem,4vw,4rem);display:grid}.newsletter__kicker{color:var(--lime);margin-bottom:var(--s-4)}.newsletter__title{font-size:clamp(2rem,3.8vw,3.5rem);line-height:.95}.newsletter__title span{display:block}.newsletter__accent{color:var(--lime)}.newsletter__lede{margin-top:var(--s-4);color:var(--on-dark-2);max-width:40ch}.newsletter__label{color:var(--on-dark-2);margin-bottom:var(--s-2);display:block}.newsletter__row{border:1px solid var(--on-dark);display:flex}.newsletter__input{min-width:0;min-height:56px;padding:0 var(--s-4);color:var(--on-dark);font:400 1.0625rem / 1 var(--f-sans);background:0 0;border:0;flex:1}.newsletter__input::placeholder{color:#8a8a86}.newsletter__input:focus-visible{box-shadow:inset 0 -3px 0 var(--lime);outline:none}.newsletter__btn{border:0;min-height:56px}.newsletter__note{margin-top:var(--s-3);font-size:var(--t-xs);color:var(--on-dark-2)}@media (width<=860px){.newsletter{grid-template-columns:1fr}}@media (width<=480px){.newsletter__row{flex-direction:column}.newsletter__btn{border-top:1px solid var(--on-dark)}}.post-grid{gap:clamp(1.5rem, 3vw, 2.5rem) var(--col-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.post-card{gap:var(--s-4);height:100%;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;padding:clamp(3.25rem,4.5vw,4rem) clamp(1.1rem,2vw,1.75rem) clamp(1.75rem,2.5vw,2.25rem);display:flex}.post-card:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-4px,-4px)}.post-card:hover .plate__label{background:var(--lime)}.post-card__title{font-family:var(--f-display);--wdth:92;letter-spacing:-.035em;font-size:clamp(1.55rem,2.2vw,2.1rem);font-weight:760;line-height:1}.post-card__meta{color:var(--ink-3)}.post-card__excerpt{color:var(--ink-2);font-size:var(--t-small);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.post-card__cat{padding-top:var(--s-4);border-top:1px solid var(--rule);margin-top:auto}@media (width<=1000px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.post-grid{grid-template-columns:1fr}}.on-dark{background:var(--ink);color:var(--on-dark)}.closing{padding-block:clamp(5rem,11vw,11rem);overflow:hidden}.closing .wrap{position:relative}.closing__title{font-size:var(--t-mega);margin-block:var(--s-7) var(--s-8)}.closing__title span{display:block}.closing__accent{color:var(--lime)}.closing__body{gap:var(--s-6);grid-template-columns:1fr auto;align-items:end;display:grid}.closing__lede{max-width:38ch;font-size:var(--t-lede);line-height:1.45}.closing__actions{gap:var(--s-4);text-align:right;justify-items:end;display:grid}.closing__actions .btn{min-height:64px;padding-inline:var(--s-6);font-size:.8125rem}.closing__email{color:var(--on-dark-2);font-size:var(--t-small)}.closing__email a{color:var(--on-dark)}.closing__email a:hover{color:var(--lime)}@media (width<=760px){.closing__body{grid-template-columns:1fr}.closing__actions{text-align:left;justify-items:start}}.site-footer{padding-block:var(--s-8) var(--s-6)}.site-footer__top{gap:var(--s-7) var(--col-gap);padding-top:var(--s-7);border-top:1px solid var(--dark-rule);grid-template-columns:5fr 2fr 2fr 3fr;display:grid}.site-footer .lk{--h:56px}.site-footer__tagline{margin-top:var(--s-5);max-width:30ch;color:var(--on-dark-2)}.site-footer h2{margin-bottom:var(--s-4);color:var(--on-dark-2)}.site-footer li+li{margin-top:var(--s-2)}.site-footer a:hover{color:var(--lime);text-decoration:underline}.site-footer__bottom{justify-content:space-between;gap:var(--s-4);margin-top:var(--s-8);padding-top:var(--s-4);border-top:1px solid var(--dark-rule);color:var(--on-dark-2);flex-wrap:wrap;display:flex}.site-footer__bottom p{gap:var(--s-4);display:flex}@media (width<=900px){.site-footer__top{grid-template-columns:1fr 1fr}.site-footer__top>:first-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
