@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-wdth-normal.BKE08zty.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-wdth-normal.DoS1gVTC.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-wdth-normal.Dtb2a5nO.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,d09GMgABAAAAAAaEABMAAAAADFgAAAYdAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJpBmA/U1RBVIE4AFwvbBEICoJ8gkMLFAAwhCoBNgIkAyIEIAWGUAdiDAcbvgpRVHJOI/viwCYyfSFrJjFIG8raYpYj9+IeSF0s6zD+Lk/4OGrZHhHV+wvt2ffuWPwlA51lIICIosSVmyOKEs5Uzlx3NKeXIgn1ssCydUybDV0IHga+SszIyfrQe9bLTFNxjayzgs76hNsDoSYtRe32fiJ4gxBjrP8L+w//zzHjv7Yqyr9o2vOBDXhCo2jMtr4uwAK/gV1U0PxAq/EAD+yW9EoKOL1KLw8rHrFgCSgRTQRzBzpeXVhweEDlyfY8gIoOa2CQJzrTAHIIoitTMVV2dyFwpJ2iAEQTpSkhPitxD3YwuZHEagTcAhyKAcBmUyPdhTovJThOw6HYiaF2M/J7erdi2OUutor6ES6Ac88AvfZvKpb6fJoArohb524042j6Jij36NI7P8Pb7s721naN9gcTtcjXQP4l+8BKEzFVGMxxoHqlq8Ul4LGneFJBDFaOdKpLPcg8P14YSDwIcn75hdlyJLTBlZ4voL6tT46yC/njunXqpJ0/bSvmrH1o3kRlwZ+j0DBogkF3KbDRVBlbOc+fY5HVXwPoT9hfekPnyZMaEmenYLMSg5npqegFOsgXsBv1IoF9aIVfSCNHkk6+gIzILsiYuhWQCfUtZEpbkRntQxBZgw7MwFbMcRvwJrAnBlDqs7isLtL7pO84Xru1i7ah7tckH1Wreqq6K9u0amxU1bcff/s2Y1ni3rh2I8zHzqkm3PGvv3mzC6NDBz/UcOBIg+nm88rxN8MbdtypvHUL5o1c2zG0urYpRmW+VHZdiba6GXN/3v0B3i3nt4RBsbfAu8ftLqRcTIlZ4VYheFTAS5nXLS65VZrbuW3daF2Ze1ChyGXWZN6u9nUuH1LfyTERifZXEpIueMe28vF8FOoTnsONzw+1djo9P71lZGx1vM8mH/BhvSa2HDsRZ1+Ul+RmpnPOIaEuwWnZZdkgQWAAyCDDZ1wk+0sh7wseAAwA6UlHxbftCgYAAwKAgwIAEA7ACfHIRbV7J6dwF/ZzcRRmAjXUYKAGWAlDCCFmKnH+LJEQfHKEmVrfmKwSEab36AcubXQBoDYJV/aRV+funFD8wAXLSLYbwr9+DR+h/qZIKCfeqRG5ghHpdY0zcV2nuz5iJMhAFjaTDwOcoyKGG9JHrCfdp4cC+kCvUrxc7+bliIMiHj95sPIbUeWZEP/HLnN2tlr9EBeRiktHuWvErx98fRz1MuEvHO3FDRgtsSzL/P0hsDLK2n5/uHMOjvTst0HD6t+80ZN798j7j//kjqHxIOZDFPR/FxurFD6/HxGbB799RPHLx5F89MoBOub9jVuOWtmPH3o9H3r26DIuff+LqPLwff/xryDRmiAYmjxiK0GwS9XU+k8QpUrHsCTs4qH89Fv44ubWbQmOE51M7J8Pt8+h+NKt3zZpa2L9zZqcRlyEc4MaNGdfjQCxgIygn78ne4yAzcLWA3zAJ6RRGbijvHr1W+XN8ywrG0EoZSySb0/A9KsllI7Q/Pq8hLu76tfTy5cF4X8bQxTtYp2vr6/+1oI4AhgAlNYFryt62VaX9ktO6VsAeDLeWx6fff4vdV1ts7N6+gw9GCsQnqPB0QUttB9nEc7Aaf4XM0NQ90VJ+HV1rG04znGCmXcpPCA9+nxdMPgPlT7Dz83NMfZuMJaNeRqbc+tjd2QER/b0B44d7nv5Rif7VC8svYkx9SKWwb3YzN2M3cY8jSNLl+PYZqfjxNTxOLXVCmfmduDc0ty1kLbjeiGfIrDFJXWPTTMD5TKupR8cpZgJeXTofId8NoUj6E8XfAc2k4WPdbCberDYAp8Q7L5dUo8wE8cs9QINZYvwXKzvBS4v/n+fQZkGrrFysKEIuFBgjQpxiHH1XA+ZBI+C+oAoxhYKECc42rGOc8L4mYhsiThGfFjOcKmFubPpDgwnY1918Fwo8ouenDJxvGP96HFWJ28hiOy251oKjkcbGz2POMme8CTMThx6wqOPsFtPI6j6HhDyDTxFQYnL88FcXGAGHl3ZuueRbEuxbK6Hc84ZDvRrREtLzyjj8Xkd/uShR1b0sYd8Nh8/c8znxCnadxQcf2nFVWIyw1g+4StXav9j75s+CQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-vietnamese-wght-normal.CHiFlh_0.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-latin-ext-wght-normal.Dg-wlmqe.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-latin-wght-normal.CaVRRdDk.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{--paper:#fff;--ink:#0b0b0b;--hot:#ff4d00;--mute:#5a5a5a;--dim:#d6d6d6;--display:"Bricolage Grotesque Variable", system-ui, sans-serif;--body:"Hanken Grotesk Variable", system-ui, sans-serif;--gutter:clamp(1rem, 3vw, 2.5rem);--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:var(--ink) var(--paper);line-height:1.55;overflow-x:clip}body{background:var(--paper);min-height:100svh;margin:0;font-size:1.0625rem;overflow-x:clip}::selection{background:var(--hot);color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:6px}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit}.wrap{width:100%;max-width:1800px;padding-inline:var(--gutter);margin-inline:auto}.giant{font-family:var(--display);font-variation-settings:"wght" 760, "wdth" 84;letter-spacing:-.04em;font-weight:800;font-stretch:85%;line-height:.86}.rw{white-space:nowrap;display:inline-block}.rl{will-change:font-variation-settings, transform;display:inline-block}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pill{border:2px solid var(--ink);color:var(--ink);font-family:var(--display);font-variation-settings:"wght" 700, "wdth" 90;letter-spacing:-.01em;cursor:pointer;transition:background-color .3s var(--ease), color .3s var(--ease), scale .4s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:.6rem;padding:.7rem 1.35rem;font-size:1rem;text-decoration:none;display:inline-flex}.pill:hover{background:var(--hot);scale:1.07}.pill:active{transition-duration:80ms;scale:.95}.pill.solid{background:var(--ink);color:var(--paper)}.pill.solid:hover{background:var(--hot);color:var(--ink)}.pill.hot{background:var(--hot)}.pill.hot:hover{background:var(--ink);color:var(--paper)}.pill.big{padding:1rem 1.9rem;font-size:1.25rem}.arrow{flex:none;width:1.1em;height:1.1em}.prows{border-bottom:2px solid var(--ink)}.prow{padding:clamp(1.25rem, 3vw, 2.25rem) var(--gutter);border-top:2px solid var(--ink);color:var(--ink);isolation:isolate;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;align-items:center;gap:1rem 2rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.prow:before{content:"";z-index:-1;background:var(--hot);transform-origin:bottom;transition:transform .5s var(--ease);position:absolute;inset:0;transform:scaleY(0)}.prow:hover:before,.prow:focus-visible:before{transform:scaleY(1)}.prow-title{font-family:var(--display);font-variation-settings:"wght" 720, "wdth" 84;letter-spacing:-.04em;transition:translate .5s var(--ease), font-variation-settings .5s var(--ease);font-size:clamp(2.6rem,7.4vw,7.5rem);line-height:.92}.prow:hover .prow-title{font-variation-settings:"wght" 800, "wdth" 92;translate:1.2rem}.prow-text{max-width:36ch;font-size:1.0625rem}.prow-tags{color:var(--mute);margin-top:.6rem;font-size:.9rem;display:block}.prow:hover .prow-tags{color:var(--ink)}.prow-go{border:2px solid var(--ink);background:var(--paper);width:clamp(2.6rem,5vw,4rem);height:clamp(2.6rem,5vw,4rem);transition:rotate .5s var(--ease), scale .5s var(--ease);border-radius:50%;place-items:center;display:grid}.prow:hover .prow-go{rotate:45deg;scale:1.1}.prow-go .arrow{width:50%;height:50%}@media (width<=860px){.prow{grid-template-columns:minmax(0,1fr) auto}.prow-body{grid-area:2/1/auto/-1}}.prow.plain{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.prow.plain .prow-text{max-width:44ch;font-size:1.15rem}@media (width<=860px){.prow.plain{grid-template-columns:1fr}.prow.plain .prow-body{grid-row:auto}}.phead{padding-block:clamp(6.5rem,16vh,10rem) clamp(2rem,5vh,3.5rem)}.phead h1{font-size:clamp(4.5rem,15vw,15rem)}.phead .lede{max-width:44ch;margin-top:1.5rem;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.35}.rise{opacity:0;translate:0 48px}.rise.in{opacity:1;transition:opacity .9s var(--ease) var(--d,0s), translate .9s var(--ease) var(--d,0s);translate:0}.cur{z-index:100;background:var(--ink);pointer-events:none;opacity:0;width:14px;height:14px;transition:scale .35s var(--ease), background-color .3s var(--ease), opacity .3s;mix-blend-mode:multiply;border-radius:50%;margin:-7px 0 0 -7px;position:fixed;top:0;left:0}html[data-cursor] .cur{opacity:1}html[data-cur-hover] .cur{background:var(--hot);scale:4.2}@keyframes vt-in{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes vt-out{to{opacity:.55;transform:scale(.9)}}::view-transition-group(root){background:var(--hot);animation-duration:.85s}::view-transition-old(root){animation:.85s var(--ease) both vt-out}::view-transition-new(root){animation:.85s var(--ease) both vt-in}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.rise{opacity:1;translate:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media (hover:none){.cur{display:none}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.ctl{left:var(--gutter);z-index:60;gap:.5rem;display:flex;position:fixed;bottom:1rem}.pill.small{background:var(--paper);padding:.42rem .95rem;font-size:.85rem}.pill.small:hover{background:var(--hot)}.pill kbd{font:inherit;opacity:.6}.chip{border:2px solid var(--ink);background:var(--paper);width:clamp(11rem,12.6vw,14rem);color:var(--ink);font-family:var(--display);font-variation-settings:"wght" 700, "wdth" 90;letter-spacing:-.02em;transition:scale .4s var(--ease), background-color .3s var(--ease);border-radius:1.75rem;flex-direction:column;align-items:flex-start;gap:.55rem;padding:.85rem 1.1rem 1rem;font-size:clamp(1.15rem,1.5vw,1.4rem);line-height:1.05;text-decoration:none;display:flex}.chip:hover{background:var(--hot);scale:1.05}.chip-top{letter-spacing:0;align-items:center;gap:.5rem;font-size:.8rem;display:inline-flex}.chip-roll{width:100%;min-height:2.15em;display:block;overflow:hidden}.chip-dot{background:var(--hot);border-radius:50%;flex:none;width:.6rem;height:.6rem;position:relative}.chip-dot:after{content:"";background:var(--hot);animation:ping 1.8s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}@keyframes ping{0%{opacity:.7;scale:1}to{opacity:0;scale:3}}.chip-text{transition:translate .42s var(--ease), opacity .42s var(--ease);display:block}.chip-text.out{opacity:0;translate:0 -110%}.chip-text.pre{opacity:0;transition:none;translate:0 110%}#palette{border:2px solid var(--ink);background:var(--paper);width:min(620px,100vw - 2rem);color:var(--ink);border-radius:28px;margin:14vh auto auto;padding:0;overflow:hidden}#palette::backdrop{background:#ffffffb8}#palette[open]{animation:pal-in .4s var(--ease)}@keyframes pal-in{0%{opacity:0;translate:0 16px;scale:.97}}.pal-in{display:grid}#palette-input{border:0;border-bottom:2px solid var(--ink);width:100%;color:var(--ink);font-family:var(--display);font-variation-settings:"wght" 700, "wdth" 88;letter-spacing:-.03em;background:0 0;outline:none;padding:1.25rem 1.5rem;font-size:clamp(1.6rem,4vw,2.1rem)}#palette-input::placeholder{color:#0b0b0b80}.pal-list{max-height:64vh;padding:.5rem;overflow-y:auto}.pal-list li[hidden]{display:none}.pal-list button{width:100%;color:var(--ink);font-family:var(--display);font-variation-settings:"wght" 720, "wdth" 86;letter-spacing:-.02em;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;padding:.95rem 1.1rem;font-size:1.5rem}.pal-list button:hover,.pal-list button[data-active]{background:var(--hot)}.toast{z-index:130;border:2px solid var(--ink);background:var(--hot);color:var(--ink);font-family:var(--display);font-variation-settings:"wght" 700, "wdth" 90;white-space:nowrap;border-radius:999px;padding:.75rem 1.4rem;position:fixed;bottom:4.5rem;left:50%;transform:translate(-50%)}@media (width<=640px){.ctl{bottom:.75rem}.pill kbd{display:none}}body:has(#palette[open]) .ctl{visibility:hidden}:root{--tile-r:clamp(1.5rem, 3vw, 2.75rem)}.bento{width:100%;max-width:1800px;padding:1rem var(--gutter) clamp(3rem, 8vw, 7rem);grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.9rem,2vw,1.75rem);margin-inline:auto;display:grid}.cell{grid-column:span var(--span,6);min-width:0}.tile{height:100%;min-height:var(--h,clamp(19rem, 29vw, 28rem));border:2px solid var(--ink);border-radius:var(--tile-r);background:var(--paper);color:var(--ink);transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease), opacity .5s var(--ease), scale .6s var(--ease), background-color .45s var(--ease), color .45s var(--ease);flex-direction:column;justify-content:space-between;gap:1.75rem;padding:clamp(1.25rem,2.4vw,2.25rem);text-decoration:none;display:flex;position:relative;overflow:hidden}.tile.rise.in{transition:transform .6s var(--ease), opacity .5s var(--ease), translate .9s var(--ease) var(--d,0s), scale .6s var(--ease), background-color .45s var(--ease), color .45s var(--ease)}.tile[data-tone=hot]{background:var(--hot)}.tile[data-tone=ink]{background:var(--ink);color:var(--paper)}.tile.wide{--h:clamp(22rem, 34vw, 32rem);--ts:clamp(3rem, 7.4vw, 7.6rem)}a.tile:hover,a.tile:focus-visible{scale:1.025}.bento:has(a.tile:is(:hover,:focus-visible)) .cell:not(:has(a.tile:is(:hover,:focus-visible))) .tile{opacity:.72;scale:.975}.blk:hover[data-tone=hot]{background:var(--ink);color:var(--paper)}.blk:hover[data-tone=ink],.blk:hover[data-tone=paper]{background:var(--hot);color:var(--ink)}.blk:hover[data-tone=hot] .stk{background:var(--paper);color:var(--ink)}.tile-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.stat{font-family:var(--display);font-variation-settings:"wght" 700, "wdth" 90;white-space:nowrap;border:2px solid;border-radius:999px;padding:.35rem .95rem;font-size:.95rem;line-height:1.1;display:inline-block}.go{aspect-ratio:1;width:clamp(2.6rem,4.4vw,3.6rem);transition:rotate .5s var(--ease), scale .5s var(--ease);border:2px solid;border-radius:50%;place-items:center;display:grid}.go .arrow{width:50%;height:50%}a.tile:hover .go{rotate:45deg;scale:1.15}.tile-title{font-family:var(--display);font-variation-settings:"wght" 720, "wdth" 84;font-size:var(--ts,clamp(2.4rem, 5.4vw, 5.6rem));letter-spacing:-.04em;text-wrap:balance;line-height:.92}.tile-foot{gap:.7rem;display:grid}.tile-text{max-width:40ch;font-size:1.05rem;line-height:1.35}.tile-tags{font-size:.92rem;font-weight:600}.tile[data-tone=ink] .tile-tags{color:var(--hot)}.pills{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.pl{font-family:var(--display);font-variation-settings:"wght" 700, "wdth" 90;transition:rotate .45s var(--ease), scale .45s var(--ease);border:2px solid;border-radius:999px;padding:.35rem .9rem;font-size:.98rem;line-height:1.15;display:inline-block}.pl:hover{rotate:-4deg;scale:1.1}.stk{background:var(--ink);color:var(--paper);font-family:var(--display);font-variation-settings:"wght" 800, "wdth" 88;white-space:nowrap;transition:rotate .6s var(--ease), scale .6s var(--ease);border-radius:999px;padding:.5em 1.1em;font-size:clamp(1rem,1.6vw,1.5rem);line-height:1;position:absolute;top:clamp(1rem,2vw,1.75rem);right:clamp(1rem,2vw,1.75rem);rotate:8deg}.blk:hover .stk{rotate:-4deg;scale:1.12}@media (width<=860px){.cell{grid-column:1/-1}.tile{min-height:16rem}}@media (prefers-reduced-motion:reduce){.tile{transform:none!important}}