@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.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}:root{--bg:#fff;--fg:#141414;--muted:#5b5b5b;--line:#ece8e0;--warm:#fdf8ee;--accent:#4a8f57;--accent-soft:#dcefdd;--accent-ink:#1f5c2e;--mesh-red:#c0392b;--mesh-red-soft:#ef5b4e;--mesh-red-ink:#8a241b;--mesh-forest-soft:#bfe0c4;--mesh-green-soft:#d7f26b;--mesh-green-ink:#3d5c0d;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--display:"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;--measure:68ch;--radius:14px;--shadow:0 1px 2px #1414140a, 0 12px 28px -18px #14141447;--header-h:3.2rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;min-height:100vh;margin:0;font-size:1.0625rem;line-height:1.65;display:flex;overflow-x:hidden}main{width:100%;max-width:var(--measure);flex:1 0 auto;margin:0 auto;padding:clamp(2rem,5vw,4rem) 1.25rem 5rem}main.wide{max-width:60rem}main:has(>.hero:first-child){padding-top:0}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.015em;margin:2.4rem 0 1rem;font-weight:700;line-height:1.12}h1{margin-top:0;font-size:clamp(1.9rem,1.3rem + 2.6vw,2.7rem)}h2{font-size:clamp(1.4rem,1.1rem + 1.3vw,1.8rem)}h3{font-size:1.25rem}p{margin:0 0 1.15rem}a{color:inherit;background-image:linear-gradient(var(--accent), var(--accent));background-position:0 100%;background-repeat:no-repeat;background-size:100% .12em;padding-bottom:.04em;text-decoration:none;transition:background-size .18s,color .18s}a:hover,a:focus-visible{background-size:100% 100%}a:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;border-radius:2px}hr{background:var(--line);border:0;height:1px;margin:2.5rem 0}img{max-width:100%;height:auto;display:block}code{font-family:var(--mono);background:var(--warm);border:1px solid var(--line);border-radius:5px;padding:.08em .35em;font-size:.88em}pre{border:1px solid var(--line);background:#fbf9f4;border-radius:10px;padding:1rem 1.15rem;font-size:.92rem;line-height:1.55;overflow-x:auto}pre code{font-size:inherit;background:0 0;border:0;padding:0}blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:1.6rem 0;padding:.4rem 0 .4rem 1.2rem;font-style:italic}.site-header{z-index:20;backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--line);background:#ffffffdb;position:sticky;top:0}body:has(main>.hero:first-child) .site-header{border-bottom:0}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:60rem;margin:0 auto;padding:.85rem 1.25rem;display:flex}.brand{font-family:var(--display);letter-spacing:-.02em;background:0 0;align-items:center;gap:.5rem;padding:0;font-size:1.15rem;font-weight:800;display:inline-flex}.brand:hover{background:0 0}.brand img{width:auto;height:30px}.site-nav{align-items:center;gap:1.3rem;font-size:.95rem;display:flex}.site-nav a{color:var(--fg);background:0 0;padding:.15rem 0;position:relative}.site-nav a:after{content:"";background:linear-gradient(90deg, var(--accent-ink), var(--accent) 55%, var(--mesh-red));transform-origin:0;width:100%;height:.15em;transition:transform .18s;position:absolute;bottom:-.15rem;left:0;transform:scaleX(0)}.site-nav a:hover:after,.site-nav a[aria-current=page]:after{transform:scaleX(1)}.site-nav a[aria-current=page]{font-weight:600}.site-nav .lang{border:1px solid var(--line);border-radius:999px;padding:.2rem .7rem;font-size:.85rem}.site-nav .lang:after{display:none}.site-nav .lang:hover{background:var(--warm)}.nav-toggle{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;padding:0;display:none}.nav-toggle__bar{background:var(--fg);width:18px;height:2px;margin:0 auto;transition:transform .18s,opacity .18s}.nav-toggle[aria-expanded=true] .nav-toggle__bar:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=40rem){.nav-toggle{display:flex}.site-nav{background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:0;padding:.25rem 1.25rem 1rem;display:none;position:absolute;top:100%;left:0;right:0}.site-nav.is-open{display:flex}.site-nav a{width:100%;padding:.6rem 0}.site-nav .lang{align-self:flex-start;margin-top:.4rem}}.site-footer{border-top:1px solid var(--line);color:var(--muted);flex-shrink:0;font-size:.9rem}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;gap:1rem;max-width:60rem;margin:0 auto;padding:1.75rem 1.25rem;display:flex}.site-footer a{color:var(--muted)}.hero,.page-banner{isolation:isolate;width:100vw;margin-left:50%;position:relative;overflow:hidden;transform:translate(-50%)}.hero:before,.page-banner:before{content:"";z-index:-2;position:absolute;inset:0}.hero:before{background:var(--bg)}.page-banner:before{background:#000}.hero:after,.page-banner:after{content:"";z-index:-1;background-image:var(--grain);opacity:.35;mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}.hero{min-height:calc(100vh - var(--header-h));padding:1rem;display:flex}.bento{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:0;width:100%;display:grid}.bento__card{background:var(--bg);border:0;border-radius:0;flex-direction:column;justify-content:center;gap:.6rem;padding:clamp(1.5rem,2vw + 1rem,2.5rem);transition:filter .2s,opacity .2s;display:flex}a.bento__card{background-image:none}@media (hover:hover){.bento:has(.bento__card:hover) .bento__card:not(:hover){filter:grayscale();opacity:.5}}.bento__label{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);font-size:clamp(.95rem,.5vw + .8rem,1.2rem);font-weight:700}.bento__card p{color:var(--fg);margin:0;font-size:clamp(1.1rem,.5vw + 1rem,1.3rem)}.bento__photo{background:var(--bg);position:relative;overflow:hidden}.bento__photo img{object-fit:contain;width:calc(100% - 5rem);height:calc(100% - 5rem);position:absolute;top:2.5rem;left:2.5rem}.bento__work{justify-content:space-between}.bento__work h3{font-family:var(--display);margin:0;font-size:clamp(2.1rem,1.6vw + 1.6rem,3.2rem);line-height:1.1}.bento__arrow{align-self:flex-end;font-size:1.4rem}.bento__philosophy{background:var(--mesh-green-soft)}.bento__links,.bento__sections{text-align:left;align-items:center;gap:.75rem}.bento__links .bento__label{color:var(--mesh-red-ink)}.bento__sections .bento__label{color:var(--mesh-green-ink)}.bento__links a,.bento__sections a{color:var(--fg);background-image:none;font-size:1.1rem;font-weight:600}.bento__links a:hover{color:var(--mesh-red-ink)}.bento__sections a:hover{color:var(--mesh-green-ink)}.bento__bio{background:var(--mesh-red-soft)}@media (width<=56rem){.hero{min-height:auto;padding:2rem 1.25rem}.bento{grid-template-rows:repeat(3,minmax(220px,auto));grid-template-columns:repeat(2,1fr)}}@media (width<=34rem){.bento{grid-template-rows:none;grid-template-columns:1fr}.bento__photo{aspect-ratio:16/10}.bento__photo img{width:calc(100% - 3rem);height:calc(100% - 3rem);top:1.5rem;left:1.5rem}}.rule-heading{align-items:baseline;gap:1rem;margin:2.75rem 0 1.5rem;display:flex}.rule-heading h2{white-space:nowrap;margin:0}.rule-heading__line{background:var(--line);flex:1;align-self:center;height:1px}.rule-heading>a{white-space:nowrap;font-family:var(--display);font-size:.95rem;font-weight:600}.subsection{margin-top:2.5rem}.subsection summary{cursor:pointer;border-bottom:1px solid var(--line);align-items:baseline;gap:.75rem;padding-bottom:.6rem;list-style:none;display:flex}.subsection summary::-webkit-details-marker{display:none}.subsection summary:before{content:"▸";color:var(--accent-ink);flex-shrink:0;transition:transform .15s}.subsection[open] summary:before{transform:rotate(90deg)}.subsection summary h2{margin:0}.subsection summary .card__meta{margin-left:auto}.subsection .card-list{margin-top:1.5rem}.pill-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pill{background:var(--accent-soft);color:var(--accent-ink);background-image:none;border-radius:999px;padding:.4em .7em;font-size:.8rem;font-weight:600;line-height:1;display:inline-block}a.pill:hover{background:var(--accent);background-image:none}.pill--article{background:#fff;border:0;border-radius:0;padding:0}a.pill--article:hover{background:#fff}.pill--plain{border:1px solid var(--line);color:var(--muted);background:0 0}a.pill--plain:hover{background:var(--warm)}.card-list li:nth-child(4n+1){background:var(--accent-soft)}.card-list li:nth-child(4n+2){background:var(--mesh-red-soft)}.card-list li:nth-child(4n+3){background:var(--mesh-forest-soft)}.card-list li:nth-child(4n){background:var(--mesh-green-soft)}.card .pill--plain{color:var(--fg);background:#ffffff8c;border-color:#0000}.card-list{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--bg);border:0;border-radius:20px;gap:.9rem;padding:1.5rem;transition:transform .16s,box-shadow .16s,filter .2s,opacity .2s;display:grid;position:relative}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}@media (hover:hover){.card-list:has(.card:hover) .card:not(:hover){filter:grayscale();opacity:.5}}.card--cover{grid-template-columns:12rem 1fr}.card__cover{aspect-ratio:3/2;background:var(--warm);border-radius:10px;overflow:hidden}.card__cover img{object-fit:cover;width:100%;height:100%}.card__body{align-content:start;gap:.5rem;display:grid}.card__title{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:700;line-height:1.2}.card__title a{background:0 0;padding:0}.card__title a:after{content:"";border-radius:var(--radius);position:absolute;inset:0}.card__title a:hover{color:var(--accent-ink);background:0 0}.card__meta{color:var(--muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.card__excerpt{color:var(--muted);margin:0}.card__meta a,.card__excerpt a{z-index:1;position:relative}@media (width<=34rem){.card--cover{grid-template-columns:1fr}.card--cover .card__cover{aspect-ratio:16/7}}.page-banner{color:#fff;margin-bottom:2.5rem;padding:4rem 1.25rem 3.5rem;scroll-margin-top:5rem}.page-banner__inner{max-width:var(--measure);justify-content:space-between;align-items:flex-start;gap:1.5rem;margin:0 auto;display:flex}.page-banner__title{flex:1;min-width:0}.page-banner h1{color:#fff;margin:0 0 .85rem}.page-banner__eyebrow{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;background-image:none;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:block}a.page-banner__eyebrow:hover{color:#fff}.page-banner .card__meta{color:#ffffffa6}.page-banner .pill--article{color:#fff;background:0 0}.page-banner a.pill--article:hover{background:0 0}.toc{border-left:1px dotted #14141459;margin-bottom:2.5rem;padding:.2rem 0 .2rem 1.25rem}.toc summary{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);cursor:pointer;font-size:.8rem;font-weight:700}.toc[open] summary{margin-bottom:.9rem}.toc ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.toc a{color:var(--fg);background:0 0;font-size:.94rem;font-weight:400}.toc a:hover{color:var(--accent-ink)}.toc__h3{padding-left:1.1rem}.toc__top{border-top:1px dotted #14141459;margin-top:.9rem;padding-top:.75rem;font-size:.85rem;font-weight:700;display:block;color:var(--fg)!important}@media (width>=90rem){.toc{top:var(--toc-top,9rem);left:calc(50vw + (var(--measure) / 2) + 2rem);width:230px;max-height:calc(100vh - var(--toc-top,9rem) - 2rem);margin-bottom:0;position:fixed;overflow-y:auto}}.article__cover{border-radius:var(--radius);border:1px solid var(--line);margin:1.75rem 0 0;overflow:hidden}.article__body{font-size:1.09rem}.article__body :is(h2,h3){scroll-margin-top:5rem}.article__body img{border-radius:10px;margin:1.75rem 0}.article__body>:first-child{margin-top:0}.zoomable{cursor:zoom-in}.lightbox{background:0 0;border:0;max-width:92vw;max-height:92vh;padding:0}.lightbox::backdrop{background:#141414cc}.lightbox img{cursor:zoom-out;border-radius:10px;max-width:92vw;max-height:92vh;display:block}.article__footer{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem}.article__spotify{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.5rem}.article__spotify .card__meta{margin-bottom:.6rem}input[type=search]{width:100%;font:inherit;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:.75rem 1rem}input[type=search]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.prose-narrow{max-width:var(--measure)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important;animation:none!important}}