@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.03f_1bxrvnkfd.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(../media/bricolage-grotesque-latin-ext-wght-normal.37g1whwfgt7kp.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(../media/bricolage-grotesque-latin-wght-normal.1iqnhac4m3hwo.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../media/figtree-latin-ext-wght-normal.28krudoh3z7og.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../media/figtree-latin-wght-normal.08sr_7r2rzxl4.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:#0d1220;--surface:#141b2e;--surface-2:#1b2540;--line:#2a3553;--text:#e9edf7;--muted:#a9b3ce;--accent:#f2b84b;--accent-hover:#ffcb6b;--accent-ink:#1b1403;--danger:#ff8a80;--font-display:"Bricolage Grotesque Variable", system-ui, sans-serif;--font-body:"Figtree Variable", system-ui, sans-serif;--radius-card:14px;--radius-control:10px;--maxw:1120px;--measure:66ch;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.65}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.1}h1{font-size:clamp(2.25rem,5.5vw,3.75rem);font-weight:750}h2{font-size:clamp(1.625rem,3.2vw,2.25rem);font-weight:700}h3{letter-spacing:-.01em;font-size:1.25rem;font-weight:650}p{margin:0}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:var(--accent-ink)}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-control);padding:.75rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.container{width:min(100% - 2rem, var(--maxw));margin-inline:auto}.section{padding-block:clamp(3.5rem,8vw,6.5rem)}.section+.section{border-top:1px solid var(--line)}.section-head{max-width:var(--measure);gap:.75rem;margin-bottom:clamp(1.75rem,4vw,2.75rem);display:grid}.lead{color:var(--muted);max-width:var(--measure);font-size:clamp(1.125rem,1.6vw,1.3125rem)}.muted{color:var(--muted)}.page-intro{gap:1.25rem;padding-top:clamp(3rem,7vw,5.5rem);padding-bottom:clamp(2rem,4vw,3rem);display:grid}.btn{border-radius:var(--radius-control);min-height:48px;font:inherit;cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.4rem;font-weight:650;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover);color:var(--accent-ink)}.btn-ghost{border-color:var(--line);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--text)}.btn-small{min-height:40px;padding:0 1rem;font-size:.9375rem}.btn[disabled]{opacity:.6;cursor:progress}.btn-row{flex-wrap:wrap;gap:.75rem;display:flex}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#0d1220e0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:68px;display:flex}.brand{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:750;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.nav{align-items:center;gap:.25rem;display:flex}.nav a:not(.btn){min-height:44px;color:var(--muted);border-radius:var(--radius-control);align-items:center;padding:0 .9rem;font-weight:550;text-decoration:none;display:inline-flex}.nav a:not(.btn):hover{color:var(--text)}.nav a[aria-current=page]:not(.btn){color:var(--text);box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}.nav .btn{margin-left:.5rem}.menu-toggle{min-height:44px;color:var(--text);border:1.5px solid var(--line);border-radius:var(--radius-control);font:inherit;cursor:pointer;background:0 0;padding:0 1rem;font-weight:600;display:none}@media (max-width:820px){.menu-toggle{align-items:center;display:inline-flex}.nav{background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:.75rem 1rem 1.25rem;display:none;position:absolute;top:100%;left:0;right:0}.nav[data-open=true]{display:flex}.nav a:not(.btn){border-bottom:1px solid var(--line);border-radius:0;min-height:52px;font-size:1.125rem}.nav a[aria-current=page]:not(.btn){box-shadow:none;color:var(--accent)}.nav .btn{margin:1rem 0 0}}section[id]{scroll-margin-top:68px}.hero{padding-block:clamp(3rem,8vw,6rem)}.hero-grid{align-items:center;gap:clamp(2.5rem,6vw,4.5rem);display:grid}@media (min-width:900px){.hero-grid{grid-template-columns:1.2fr .8fr}}.hero-copy{justify-items:start;gap:1.75rem;display:grid}.hero h1{gap:.9rem;display:grid}.hero-name{letter-spacing:-.035em;max-width:11ch;font-size:clamp(2.75rem,7.4vw,5rem);font-weight:800;line-height:1}.hero-pun{color:var(--muted);font-size:.9375rem}.hero-role{color:var(--accent);letter-spacing:-.02em;max-width:24ch;font-size:clamp(1.375rem,3vw,2rem);font-weight:600;line-height:1.2}.flow{gap:0;margin:0;padding:0;list-style:none;display:grid}.flow-caption{color:var(--muted);max-width:34ch;margin-top:1.25rem;font-size:.9375rem}.flow li{animation:.55s ease-out both flow-in;animation-delay:calc(var(--i) * .45s + .3s);grid-template-columns:2rem 1fr;column-gap:1rem;padding-bottom:1.6rem;display:grid;position:relative}.flow li:last-child{padding-bottom:0}.flow li:before{content:"";border:2px solid var(--accent);background:var(--bg);z-index:1;border-radius:50%;grid-row:1/span 2;width:14px;height:14px;margin:.35rem 0 0 .5rem}.flow li:after{content:"";background:var(--line);width:2px;position:absolute;top:1.35rem;bottom:-.35rem;left:calc(.5rem + 6px)}.flow li:last-child:after{display:none}.flow li:last-child:before{background:var(--accent)}.flow strong{font-family:var(--font-display);font-size:1.1875rem;font-weight:650;line-height:1.3}.flow span{color:var(--muted);font-size:.9375rem;line-height:1.5}@keyframes flow-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.split{gap:2rem;display:grid}@media (min-width:900px){.split{grid-template-columns:.8fr 1.2fr;gap:4rem}}.split>.section-head{align-content:start}@media (min-width:900px){.split>.section-head{align-self:start;position:sticky;top:6rem}}.ruled{margin:0;padding:0;list-style:none}.ruled>li{border-top:1px solid var(--line);gap:.4rem;padding-block:1.4rem;display:grid}.ruled>li:last-child{border-bottom:1px solid var(--line)}.ruled p{color:var(--muted);max-width:var(--measure)}.path{gap:0;margin:0;padding:0;list-style:none;display:grid}.path li{gap:.2rem;padding:0 0 1.75rem 2.25rem;display:grid;position:relative}.path li:before{content:"";border:2px solid var(--line);background:var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;top:.45rem;left:0}.path li:after{content:"";background:var(--line);width:2px;position:absolute;top:1.45rem;bottom:-.1rem;left:5px}.path li:last-child{padding-bottom:0}.path li:last-child:after{display:none}.path li:last-child:before{border-color:var(--accent);background:var(--accent)}.path strong{font-family:var(--font-display);font-size:1.1875rem;font-weight:650}.path span{color:var(--muted)}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);color:var(--text);gap:.35rem;padding:1.4rem;text-decoration:none;transition:border-color .15s,background-color .15s;display:grid}.tile:hover{border-color:var(--accent);background:var(--surface-2);color:var(--text)}.tile h3{font-size:1.375rem}.tile p{color:var(--muted);font-size:.9375rem;line-height:1.5}.tile.static:hover{border-color:var(--line);background:var(--surface)}.tile .count{color:var(--accent);margin-top:.5rem;font-size:.9375rem;font-weight:600}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;gap:.75rem;padding:1.4rem;transition:border-color .15s;display:flex;position:relative}.card:hover,.card:focus-within{border-color:var(--accent)}.card h3 a{color:var(--text);text-decoration:none}.card h3 a:after{content:"";border-radius:var(--radius-card);position:absolute;inset:0}.card h3 a:focus-visible{outline-offset:6px}.card p{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.9875rem;line-height:1.55;display:-webkit-box;overflow:hidden}.card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.5rem;display:flex}.card-foot .btn{z-index:1;position:relative}.meta{color:var(--muted);font-size:.875rem}.tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.15rem .65rem;font-size:.8125rem}.filters{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#0d1220eb;padding-block:.85rem;position:sticky;top:68px}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1.5px solid var(--line);min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 1.1rem;font-weight:600;transition:border-color .15s,background-color .15s}.chip:hover{border-color:var(--accent)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip .n{opacity:.7;margin-left:.35rem;font-weight:500}.catalog{gap:clamp(3rem,6vw,4.5rem);padding-block:clamp(2rem,5vw,3.5rem) clamp(4rem,8vw,6rem);display:grid}.catalog-section{gap:1.75rem;scroll-margin-top:150px;display:grid}.catalog-group{gap:1rem;display:grid}.catalog-group h3{color:var(--muted);font-size:1.1875rem;font-weight:600}.empty{border:1px dashed var(--line);border-radius:var(--radius-card);color:var(--muted);padding:1.25rem 1.4rem}.crumbs{color:var(--muted);flex-wrap:wrap;gap:.5rem;margin:0;padding:0;font-size:.9375rem;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--line);margin-right:.5rem}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--text)}.how{counter-reset:step;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.how li{counter-increment:step;grid-template-columns:2.25rem 1fr;align-items:start;gap:1rem;display:grid}.how li:before{content:counter(step);border:1.5px solid var(--accent);width:2.25rem;height:2.25rem;color:var(--accent);border-radius:50%;place-items:center;font-weight:700;display:grid}.note{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-control);color:var(--muted);max-width:var(--measure);padding:1rem 1.25rem;font-size:.9875rem}.service{border-top:1px solid var(--line);gap:1rem;padding-block:2rem;display:grid}.service:last-of-type{border-bottom:1px solid var(--line)}@media (min-width:900px){.service{grid-template-columns:.8fr 1.2fr;gap:4rem}}.service p{color:var(--muted);max-width:var(--measure)}.service ul{color:var(--muted);gap:.35rem;margin:0;padding-left:1.2rem;display:grid}.service-body{justify-items:start;gap:1.1rem;display:grid}.post-list{margin:0;padding:0;list-style:none}.post-list>li{border-top:1px solid var(--line);padding-block:1.6rem}.post-list>li:last-child{border-bottom:1px solid var(--line)}.post-row{gap:.5rem;display:grid}@media (min-width:760px){.post-row{grid-template-columns:9rem 1fr;gap:2rem}}.post-row h3 a{color:var(--text);text-decoration:none}.post-row h3 a:hover{color:var(--accent)}.post-row p{color:var(--muted);max-width:var(--measure)}.post-body{gap:.6rem;display:grid}.article{max-width:var(--measure)}.pager{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;display:flex}.comments{border-top:1px solid var(--line);max-width:var(--measure);gap:1.25rem;margin-top:3rem;padding-top:2rem;display:grid}.prose{max-width:var(--measure)}.prose>*+*{margin-top:1.1em}.prose h2{margin-top:2em;font-size:1.625rem}.prose h3{margin-top:1.6em}.prose ul,.prose ol{gap:.4rem;padding-left:1.3rem;display:grid}.prose code{background:var(--surface-2);border-radius:6px;padding:.1em .4em;font-size:.9em}.prose pre{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control);padding:1rem 1.2rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--line);color:var(--muted);margin-inline:0;padding-left:1.2rem}.prose img{border-radius:var(--radius-control);max-width:100%;height:auto}.contact-grid{gap:3rem;padding-bottom:clamp(4rem,8vw,6rem);display:grid}@media (min-width:900px){.contact-grid{grid-template-columns:1.2fr .8fr;gap:5rem}}.form{gap:1.25rem;display:grid}.field{gap:.4rem;display:grid}.field label{font-weight:600}.field input,.field select,.field textarea{background:var(--surface);width:100%;min-height:52px;color:var(--text);border:1.5px solid var(--line);border-radius:var(--radius-control);font:inherit;padding:.75rem 1rem;font-size:1rem}.field textarea{resize:vertical;min-height:160px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #f2b84b4d}.honeypot{position:absolute;left:-9999px}.status{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--surface);padding:1rem 1.25rem}.status-error{border-color:var(--danger)}.aside-links{align-content:start;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.cta{justify-items:start;gap:1.25rem;display:grid}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding-block:2.5rem;font-size:.9375rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;display:flex}.footer-links{flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.footer-links a{min-height:44px;color:var(--muted);align-items:center;display:inline-flex}.footer-links a:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flow li{animation:none}*{transition:none!important}}