@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{--paper:#fffdf7;--paper-2:#f6f1e4;--ink:#141210;--ink-soft:#57524a;--accent:#e4572e;--accent-ink:#b23a17;--line:3px;--radius:18px;--font-display:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--measure:40rem;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:1.125rem/1.65 var(--font-body);margin:0}img{max-width:100%;height:auto;display:block}a{color:var(--ink);text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--accent-ink)}:focus-visible{outline:var(--line) solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3,.brand,.card-title,.consent-title,.button{font-family:var(--font-display);letter-spacing:-.01em;line-height:1.12}h1{margin:.2em 0 .4em;font-size:clamp(2.1rem,6vw,3.6rem);font-weight:750}h2{margin:2em 0 .6em;font-size:clamp(1.45rem,3.5vw,1.9rem);font-weight:700}h3{font-size:1.25rem;font-weight:700}.wrap{max-width:68rem;margin:0 auto;padding:0 16px}.skip-link{background:var(--ink);color:var(--paper);z-index:20;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{left:1rem}.site-header{border-bottom:var(--line) solid var(--ink);background:var(--paper)}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1.5rem;padding-top:.9rem;padding-bottom:.9rem;display:flex}.brand{align-items:center;gap:.55rem;font-size:1.6rem;font-weight:800;text-decoration:none;display:inline-flex}.site-nav{flex-wrap:wrap;gap:.3rem 1.2rem;margin:0;padding:0;font-weight:600;list-style:none;display:flex}.site-nav a{text-decoration:none}.site-nav a:hover{text-decoration:underline;text-decoration-color:var(--accent)}main.wrap{padding-top:2rem;padding-bottom:4rem}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:2.5rem;margin-bottom:1rem;display:grid}.hero-art{border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:8px 8px 0 var(--ink);background:#fff;margin:0;overflow:hidden;transform:rotate(1.2deg)}.hero-art img{aspect-ratio:4/5;object-fit:cover;width:100%}.kicker{border:2px solid var(--ink);text-transform:uppercase;letter-spacing:.06em;background:var(--paper-2);border-radius:999px;margin:0;padding:.15rem .6rem;font-size:.85rem;font-weight:700;display:inline-block}.lead{color:var(--ink-soft);max-width:34rem;font-size:1.25rem}.button{border:var(--line) solid var(--ink);background:var(--accent);color:#fff;box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:.7rem 1.3rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block}.button:hover{color:#fff;box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.section-title{border-top:var(--line) solid var(--ink);padding-top:1.5rem}.post-list{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.6rem;margin:0;padding:0;list-style:none;display:grid}.card-link{border:var(--line) solid var(--ink);border-radius:var(--radius);background:#fff;flex-direction:column;height:100%;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}.card-link:hover{color:var(--ink);box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.card-art{aspect-ratio:4/3;object-fit:contain;border-bottom:var(--line) solid var(--ink);background:#fff;width:100%;padding:1rem}.card-body{flex-direction:column;gap:.4rem;padding:1rem 1.1rem 1.2rem;display:flex}.card-title{font-size:1.35rem;font-weight:750}.card-desc{color:var(--ink-soft);font-size:1rem;line-height:1.5}.meta{color:var(--ink-soft);font-size:.9rem}article{max-width:var(--measure);margin:0 auto}article>h1{margin-top:.4em}.prose p,.prose li{max-width:var(--measure)}.prose figure.media{text-align:center;margin:2rem auto}.prose figure.media img{margin:0 auto}.prose figcaption{color:var(--ink);opacity:.75;margin-top:.6rem;max-width:34rem;margin-inline:auto;font-size:.95rem;font-style:italic}.prose img{border:var(--line) solid var(--ink);border-radius:var(--radius);background:#fff;width:auto;max-height:80vh;margin:2rem auto}.prose ol,.prose ul{padding-left:1.4rem}.prose li{margin:.35rem 0}.prose li::marker{color:var(--accent);font-weight:700}.prose strong{font-weight:700}.prose blockquote{border-left:6px solid var(--accent);background:var(--paper-2);border-radius:0 12px 12px 0;margin:1.5rem 0;padding:.4rem 1.2rem}.prose em:last-child{color:var(--ink-soft)}.post-footer{border-top:var(--line) solid var(--ink);margin-top:3rem;padding-top:1rem}.site-footer{border-top:var(--line) solid var(--ink);background:var(--paper-2);font-size:.95rem}.site-footer .wrap{padding-top:1.2rem;padding-bottom:1.6rem}.site-footer p{margin:.4rem 0}.consent{z-index:30;background:#14121073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.consent[hidden]{display:none}.consent-card:focus{outline:none}.consent-card{background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--radius);width:100%;max-width:40rem;max-height:calc(100vh - 32px);box-shadow:8px 8px 0 var(--ink);grid-template-columns:11rem 1fr;display:grid;overflow:auto}.consent-art{object-fit:contain;border-right:var(--line) solid var(--ink);background:#fff;width:100%;height:100%;padding:1rem}.consent-text{padding:1.3rem 1.4rem 1.1rem}.consent-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:750}.consent-text p{margin:0 0 .8rem;font-size:1rem;line-height:1.5}.consent-buttons{grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0 .6rem;display:grid}.consent-buttons button{font:700 1rem var(--font-display);border:var(--line) solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:.7rem 1rem}.consent-buttons button:hover{background:var(--ink);color:var(--paper)}.consent-more{color:var(--ink-soft);font-size:.85rem!important}@media (width<=760px){.hero{grid-template-columns:1fr;gap:1.6rem}.hero-art{box-shadow:5px 5px 0 var(--ink);order:-1;transform:none}.hero-art img{aspect-ratio:16/11}.consent-card:focus{outline:none}.consent-card{grid-template-columns:1fr}.consent-art{border-right:0;border-bottom:var(--line) solid var(--ink);height:9rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.hero-art{transform:none}}.levels{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--paper-2);margin:3rem 0 1rem;padding:1.4rem 1.4rem 1.6rem}.levels-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.levels-head h2{margin:0 0 1rem}.levels-score{font:700 1.1rem var(--font-display);margin:0}.levels-score strong{color:var(--accent);font-size:2rem}.level-track{grid-template-columns:repeat(3,1fr);gap:1.6rem 1rem;margin:0;padding:.6rem 0 0;list-style:none;display:grid}@media (width<=900px){.level-track{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.level-track{grid-template-columns:1fr}}.level{border:var(--line) solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;gap:.25rem;padding:2.4rem .9rem .9rem;display:flex;position:relative}.level-badge{border:var(--line) solid var(--ink);background:var(--paper);width:2.4rem;height:2.4rem;font:800 1.1rem var(--font-display);border-radius:50%;place-items:center;display:grid;position:absolute;top:-.9rem;left:.8rem}.level-now{box-shadow:5px 5px 0 var(--accent)}.level-now .level-badge{background:var(--accent);color:#fff;animation:2.4s ease-in-out infinite pulse}.level-done .level-badge{background:var(--ink);color:var(--paper)}.level-locked{color:var(--ink-soft);background:0 0;border-style:dashed}.level-locked .level-badge{font-size:.95rem}.level-num{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-size:.78rem;font-weight:700}.level-name{font:750 1.15rem/1.15 var(--font-display)}.level-desc{font-size:.92rem;line-height:1.4}.level-link{margin-top:auto;padding-top:.4rem;font-size:.92rem;font-weight:700}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.level-now .level-badge{animation:none}}.chapter-nav{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem;display:grid}.chapter-nav a{border:var(--line) solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;gap:.2rem;padding:.9rem 1rem;text-decoration:none;display:flex}.chapter-nav a:hover{color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.chapter-nav .next{text-align:right;grid-column:2}.chapter-nav span{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-size:.8rem;font-weight:700}.chapter-nav strong{font:750 1.05rem/1.2 var(--font-display)}.progress{border:2px solid var(--ink);background:#fff;border-radius:999px;height:10px;margin:.6rem 0 1.6rem;overflow:hidden}.progress span{background:var(--accent);height:100%;display:block}