@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/_astro/bricolage-grotesque-vietnamese-standard-normal.Br4FGdAc.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;font-stretch:75% 100%;src:url(/_astro/bricolage-grotesque-latin-ext-standard-normal.qp-RdZgh.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;font-stretch:75% 100%;src:url(/_astro/bricolage-grotesque-latin-standard-normal.C5Lc8Qmc.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/_astro/instrument-sans-latin-ext-standard-normal.C5E2Gvlv.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/_astro/instrument-sans-latin-standard-normal.BVScPF0l.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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-400-normal.DnYpCC2O.woff2)format("woff2"),url(/_astro/instrument-serif-latin-400-normal.BVbkICAY.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-400-italic.DKMiL14s.woff2)format("woff2"),url(/_astro/instrument-serif-latin-400-italic.u__WvvIK.woff)format("woff")}:root{--paper:#f6f2ea;--paper-2:#ebe4d6;--surface:#fffdf8;--muted:#e2d9c7;--ink:#0f1f1b;--ink-2:#45524d;--ink-3:#56615c;--line:#d3c9b6;--line-ink:#0f1f1b29;--teal:#0a6e60;--teal-600:#08584d;--teal-deep:#0a3a33;--teal-night:#072a25;--teal-tint:#d4e9e1;--on-dark:#f3efe6;--on-dark-2:#b9cbc4;--orange:#f26a35;--orange-ink:#a53d15;--orange-tint:#fbd9c8;--orange-on-dark:#ff8a5c;--star:#f2ae2e;--signal:#127a4f;--font-display:"Bricolage Grotesque Variable", "Arial Narrow", system-ui, sans-serif;--font-serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--font-body:"Instrument Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-display:clamp(3.4rem, 1.2rem + 8.4vw, 10rem);--fs-h1:clamp(3rem, 1.3rem + 6.2vw, 7.4rem);--fs-h2:clamp(2.3rem, 1.3rem + 3.6vw, 4.9rem);--fs-h3:clamp(1.45rem, 1.15rem + 1vw, 2.05rem);--fs-body-lg:clamp(1.125rem, 1.02rem + .42vw, 1.375rem);--fs-body:1.0625rem;--fs-small:.9375rem;--fs-caption:.8125rem;--fs-eyebrow:.75rem;--fs-metric:clamp(4.6rem, 1.4rem + 12vw, 13rem);--fs-note:clamp(1.15rem, 1.05rem + .35vw, 1.4rem);--lh-tight:.9;--lh-snug:1.08;--lh-body:1.6;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--s-10:8rem;--s-11:11rem;--s-12:15rem;--pad-xs:clamp(2.5rem, 1.5rem + 3vw, 4rem);--pad-s:clamp(3.5rem, 2rem + 5vw, 6.5rem);--pad-m:clamp(4.5rem, 2.5rem + 7vw, 9rem);--pad-l:clamp(5.5rem, 3rem + 9vw, 12rem);--gutter:clamp(1rem, .6rem + 1.6vw, 2rem);--edge:clamp(1rem, .2rem + 4vw, 3.5rem);--w-narrow:44rem;--w-std:78rem;--w-wide:96rem;--r-1:3px;--r-2:8px;--r-3:14px;--shadow-slip:0 1px 0 #0f1f1b0d, 0 14px 30px -14px #0f1f1b52;--shadow-lift:0 2px 0 #0f1f1b0d, 0 28px 50px -22px #0f1f1b66;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--t-fast:.16s;--t-med:.28s;--t-slow:.7s;--z-raise:10;--z-float:20;--z-nav:50;--z-menu:60}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;overflow-x:clip}img,svg,video{max-width:100%;display:block}img{height:auto}[hidden]{display:none!important}h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}ul[role=list],ol[role=list]{padding:0;list-style:none}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}a,button,[role=button],input[type=submit],input[type=button]{touch-action:manipulation}::selection{background:var(--orange);color:var(--ink)}:focus-visible{outline:2px solid var(--orange-ink);outline-offset:3px;border-radius:2px}.on-dark :focus-visible{outline-color:var(--orange)}.skip-link{left:var(--s-4);z-index:100;background:var(--ink);color:var(--paper);padding:var(--s-3) var(--s-4);border-radius:var(--r-1);font-weight:600;text-decoration:none;position:absolute;top:-4rem}.skip-link:focus{top:var(--s-4)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.t-display,.t-h1,.t-h2,.t-h3,.t-metric{font-family:var(--font-display);font-optical-sizing:auto;text-wrap:balance}.t-display{font-size:var(--fs-display);letter-spacing:-.022em;font-weight:720;font-stretch:88%;line-height:.93}.t-h1{font-size:var(--fs-h1);letter-spacing:-.022em;font-weight:710;font-stretch:88%;line-height:.94}.t-h2{font-size:var(--fs-h2);letter-spacing:-.02em;font-weight:680;font-stretch:90%;line-height:.98}.t-h3{font-size:var(--fs-h3);font-weight:650;font-stretch:92%;line-height:var(--lh-snug);letter-spacing:-.015em}.t-body-lg{font-size:var(--fs-body-lg);color:var(--ink-2);text-wrap:pretty;line-height:1.5}.t-body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-2);text-wrap:pretty}.t-caption{font-size:var(--fs-caption);color:var(--ink-3);line-height:1.45}.t-eyebrow{font-family:var(--font-body);font-size:var(--fs-eyebrow);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-weight:650}.t-metric{font-size:var(--fs-metric);letter-spacing:-.03em;font-variant-numeric:tabular-nums lining-nums;font-weight:720;font-stretch:78%;line-height:.84}.ital{font-family:var(--font-serif);letter-spacing:-.01em;font-size:1.06em;font-style:italic;font-weight:400;font-stretch:100%}.t-note{font-family:var(--font-serif);font-style:italic;font-size:var(--fs-note);color:var(--ink-2);line-height:1.2}.on-dark{color:var(--on-dark)}.on-dark .t-body,.on-dark .t-body-lg,.on-dark .t-eyebrow,.on-dark .t-note,.on-dark .t-caption{color:var(--on-dark-2)}.wrap{width:100%;max-width:calc(var(--w-std) + var(--edge) * 2);padding-inline:var(--edge);margin-inline:auto}.wrap--narrow{max-width:calc(var(--w-narrow) + var(--edge) * 2)}.wrap--wide{max-width:calc(var(--w-wide) + var(--edge) * 2)}.bleed{width:100%}.grid-12{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}@media (width<=767px){.grid-12{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-12>*{grid-column:1/-1}input,textarea,select{font-size:1rem}}.pad-xs{padding-block:var(--pad-xs)}.pad-s{padding-block:var(--pad-s)}.pad-m{padding-block:var(--pad-m)}.pad-l{padding-block:var(--pad-l)}.bg-paper{background:var(--paper)}.bg-sand{background:var(--paper-2)}.bg-teal{background:var(--teal-deep)}.sec-index{letter-spacing:.15em;text-transform:uppercase;width:fit-content;color:var(--ink);isolation:isolate;align-items:center;gap:.7rem;font-size:.7rem;font-weight:720;display:inline-flex}.sec-index__num{aspect-ratio:1;width:2.2rem;font-family:var(--font-display);letter-spacing:0;color:var(--ink);background:var(--orange-tint);box-shadow:2px 2px 0 var(--ink);border:1px solid #0f1f1b38;border-radius:48% 52% 45% 55%;place-items:center;font-size:.78rem;font-weight:800;font-stretch:75%;display:grid;position:relative;transform:rotate(-5deg)}.sec-index__label{padding-top:.08rem}.sec-index__trail{align-items:center;gap:.28rem;padding-left:.05rem;display:inline-flex}.sec-index__trail i{background:var(--orange);border-radius:50%;width:.26rem;height:.26rem;display:block}.sec-index__trail i:nth-child(2){opacity:.7;width:.18rem;height:.18rem}.sec-index__trail i:nth-child(3){opacity:.45;width:.11rem;height:.11rem}.on-dark .sec-index{color:var(--on-dark-2)}.on-dark .sec-index__num{color:var(--teal-night);background:var(--orange-on-dark);box-shadow:2px 2px 0 var(--on-dark);border-color:#f3efe680}@media (prefers-reduced-motion:no-preference){.is-in .sec-index__num{animation:chapter-settle .7s var(--ease-out) both}.is-in .sec-index__trail i{animation:chapter-dot .56s var(--ease-out) both}.is-in .sec-index__trail i:nth-child(2){animation-delay:90ms}.is-in .sec-index__trail i:nth-child(3){animation-delay:.18s}@keyframes chapter-settle{0%{opacity:0;transform:translateY(-8px)rotate(-14deg)scale(.82)}to{opacity:1;transform:rotate(-5deg)scale(1)}}@keyframes chapter-dot{0%{opacity:0;transform:translate(-8px)scale(.2)}}}.btn{--btn-bg:var(--ink);--btn-fg:var(--paper);background:var(--btn-bg);min-height:3.25rem;color:var(--btn-fg);border:1.5px solid var(--btn-bg);border-radius:var(--r-2);cursor:pointer;transition:background-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);align-items:center;gap:.7em;padding:.85rem 1.35rem .85rem 1.5rem;font-size:1rem;font-weight:620;line-height:1.1;text-decoration:none;display:inline-flex}.btn:hover{--btn-bg:var(--teal)}.btn--accent{--btn-bg:var(--orange);--btn-fg:var(--ink)}.btn--accent:hover{--btn-bg:#ff7d4a}.btn--light{--btn-bg:var(--on-dark);--btn-fg:var(--teal-night)}.btn--light:hover{--btn-bg:#fff}.btn__arrow{width:1.1em;height:1.1em;transition:transform var(--t-med) var(--ease-out);flex:none}.btn:hover .btn__arrow,.btn:focus-visible .btn__arrow{transform:translate(4px)}.btn[disabled]{opacity:.6;cursor:progress}.link-quiet{min-height:2.75rem;color:var(--ink);transition:background-size var(--t-med) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 calc(100% - .55rem)/100% 1.5px no-repeat;align-items:center;gap:.5em;font-weight:600;text-decoration:none;display:inline-flex}.link-quiet:hover{background-size:30% 1.5px}.on-dark .link-quiet{color:var(--on-dark)}.stars{color:var(--star);gap:2px;display:inline-flex}.stars svg{width:var(--star-size,.95rem);height:var(--star-size,.95rem)}.stars--empty{color:#0000}.stars--empty svg path{stroke:var(--line);stroke-width:1.5px}.slip{--rot:0deg;background:var(--surface);border:1px solid var(--line-ink);border-radius:var(--r-2);box-shadow:var(--shadow-slip);transform:rotate(var(--rot));color:var(--ink);padding:.9rem 1rem .95rem;font-size:.9rem;line-height:1.4;position:relative}.slip__head{align-items:center;gap:.6rem;margin-bottom:.45rem;display:flex}.slip__avatar{width:1.9rem;height:1.9rem;color:var(--teal-night);background:var(--teal-tint);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.slip__who{font-size:.85rem;font-weight:650;line-height:1.15}.slip__when{color:var(--ink-3);font-size:.75rem}.slip__text{color:var(--ink)}.slip__tag{letter-spacing:.14em;text-transform:uppercase;background:var(--paper-2);color:var(--ink-2);border:1px solid var(--line);border-radius:2px;padding:.15rem .45rem;font-size:.625rem;font-weight:700;position:absolute;top:-.6rem;right:.8rem}.ui{background:var(--surface);border:1px solid var(--line-ink);border-radius:var(--r-2);box-shadow:var(--shadow-slip);color:var(--ink)}.note{font-family:var(--font-serif);font-style:italic;font-size:var(--fs-note);color:var(--ink-2);align-items:flex-start;gap:.35rem;line-height:1.15;display:inline-flex}.note svg{width:2.6rem;height:2.2rem;color:var(--orange);flex:none;overflow:visible}.on-dark .note{color:var(--on-dark-2)}.trail path.trail__line{fill:none;stroke:var(--orange);stroke-width:2px;stroke-linecap:round;stroke-dasharray:1 7}.trail circle.trail__node{fill:var(--paper);stroke:var(--orange);stroke-width:2px}[data-trail]{position:relative}svg.trail-auto{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}svg.trail-auto .trail__line{fill:none;stroke:var(--orange);stroke-width:2px;stroke-linecap:round;stroke-dasharray:1 7}@media (prefers-reduced-motion:no-preference){.js [data-trail] svg.trail-auto .trail__mask{stroke-dasharray:var(--len,3000);stroke-dashoffset:var(--len,3000);transition:stroke-dashoffset 1.8s var(--ease-in-out) .2s}.js [data-trail].is-in svg.trail-auto .trail__mask{stroke-dashoffset:0}}.trail-node{z-index:1;background:var(--paper);border:2px solid var(--orange);border-radius:50%;place-items:center;width:1.1rem;height:1.1rem;display:inline-grid;position:relative}.trail-node:after{content:"";background:var(--orange);border-radius:50%;width:.35rem;height:.35rem}.bg-sand .trail-node{background:var(--paper-2)}.bg-teal .trail-node{background:var(--teal-deep)}.crumbs--bar+section:not(.on-dark){padding-top:var(--pad-xs)!important}.dev-slot{border:1.5px dashed var(--orange-ink);color:var(--orange-ink);letter-spacing:.04em;border-radius:var(--r-1);background:repeating-linear-gradient(-45deg,#0000 0 9px,#b1441a12 9px 10px);padding:.6rem .75rem;font-size:.78rem;font-weight:650}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transition:opacity var(--t-slow) var(--ease-out), transform var(--t-slow) var(--ease-out);transition-delay:var(--delay,0s);transform:translateY(18px)}.js [data-reveal].is-in{opacity:1;transform:none}.js [data-reveal=slip]{transform:translateY(26px) rotate(calc(var(--rot,0deg) + 4deg))}.js [data-reveal=slip].is-in{transform:rotate(var(--rot,0deg))}.js [data-draw]{stroke-dashoffset:var(--len,1200);stroke-dasharray:var(--len,1200);transition:stroke-dashoffset 1.6s var(--ease-in-out);transition-delay:var(--delay,0s)}.js [data-draw].is-in{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
