.qj-blog{overflow-x:clip}.qj-blog [hidden]{display:none!important}.qj-blog p,.qj-blog h1,.qj-blog h2,.qj-blog h3,.qj-blog figure,.qj-blog form,.qj-blog ul,.qj-blog li{margin:0}.qj-blog h1,.qj-blog h2,.qj-blog h3{font-family:var(--font-display);letter-spacing:-.015em;font-weight:400}:lang(vi) .qj-blog h1,:lang(vi) .qj-blog h2,:lang(vi) .qj-blog h3,:lang(vi) .qj-blog-latest-title{letter-spacing:0;line-height:1.32}.qj-blog .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-soft);font-size:.75rem;font-weight:500}.qj-blog .caption{letter-spacing:.02em;color:var(--foreground-soft);font-size:.75rem;line-height:1.5}.qj-blog .rule{background:var(--border);border:0;width:48px;height:1px;margin:14px 0;display:block}.qj-blog-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.4vw,2rem);display:grid}.qj-blog-intro{padding-top:clamp(8rem,16vh,11rem);padding-bottom:clamp(1.5rem,3vw,2.5rem)}.qj-blog-intro-copy{grid-column:1/span 7;min-width:0}.qj-blog-running{justify-content:space-between;align-items:baseline;gap:1rem;max-width:36ch;display:flex}.qj-blog-intro h1{text-wrap:balance;white-space:pre-line;max-width:min(14ch,100%);margin-top:.7rem;font-size:clamp(2.5rem,4.4vw,3.5rem);line-height:1.08}.qj-blog-lede{color:var(--foreground-soft);text-wrap:pretty;max-width:min(34ch,100%);margin-top:1.5rem;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.7}.qj-blog-intro-aside{grid-column:9/span 4;align-self:end;padding-bottom:.2rem}.qj-blog-intro-aside .place{color:var(--foreground-soft);overflow-wrap:anywhere;max-width:100%;margin-top:.55rem;font-size:.875rem}.qj-blog-intro-aside .when{margin-top:1.15rem}.qj-blog-flow{flex-direction:column;min-width:0;display:flex}.qj-blog-latest{align-items:start;padding-bottom:clamp(2.25rem,4.5vw,3.5rem)}.qj-blog-latest-copy{grid-column:1/span 6;min-width:0}.qj-blog-latest-kicker{flex-wrap:wrap;align-items:baseline;gap:.55rem 1rem;min-height:1.85rem;margin-bottom:.85rem;display:flex}.qj-blog-latest-kicker .open{color:var(--foreground-soft)}.qj-blog-latest-title{max-width:none;font-size:clamp(2.05rem,3.5vw,2.85rem);font-style:italic;line-height:1.12}.qj-blog-latest-title a{text-underline-offset:6px;transition:text-decoration-color var(--duration-micro) var(--ease-soft);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.qj-blog-latest-title a:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground);color:var(--foreground)}.qj-blog-latest .excerpt{max-width:min(38ch,100%);color:var(--foreground-soft);text-wrap:wrap;overflow-wrap:anywhere;margin-top:1.15rem}.qj-blog-latest .when{margin-top:1.15rem;margin-bottom:.5rem}.qj-blog-latest-art{flex-direction:column;grid-column:7/span 6;justify-self:start;width:100%;min-width:0;max-width:21rem;display:flex;position:relative}.qj-blog-hand{z-index:2;width:auto;max-width:11rem;min-height:1.85rem;font-family:var(--font-accent);color:color-mix(in oklab, var(--brown) 42%, var(--foreground));transform-origin:0;pointer-events:none;margin:0 0 .85rem;font-size:1.125rem;line-height:1.35;position:relative;left:.12rem;transform:rotate(-7deg)}.qj-blog-print{transform-origin:0 0;width:100%;margin:0;position:relative;transform:rotate(.55deg)}.qj-blog-print-clip{border-radius:var(--radius-image);position:relative;overflow:hidden}.qj-blog-print img{aspect-ratio:1400/935;object-fit:cover;width:100%;height:auto;filter:var(--photo-grade);transition:transform var(--duration-story) var(--ease-quiet)}.qj-blog-print:hover img{transform:scale(1.02)}.qj-blog-print figcaption{max-width:28ch;margin-top:.55rem}.qj-blog-ledger-wrap{min-width:0;max-width:100%}.qj-blog-ledger{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.1rem 2rem;min-width:0;padding:1.5rem 0 1.15rem;display:grid}.qj-blog-search{grid-column:1/-1}.qj-blog-search-label{letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-soft);margin-bottom:.2rem;font-size:.75rem;font-weight:500;display:block}.qj-blog-search-field{border-bottom:1px solid color-mix(in oklab, var(--border) 70%, var(--foreground-faint));transition:border-color var(--duration-micro) var(--ease-soft);align-items:center;gap:.65rem;display:flex}.qj-blog-search-field:hover{border-bottom-color:var(--foreground-muted)}.qj-blog-search-field:focus-within{border-bottom-color:var(--foreground);box-shadow:0 1px 0 var(--foreground)}.qj-blog-search-field svg{width:16px;height:16px;color:var(--foreground-soft);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.qj-blog-search-field input{min-width:0;min-height:44px;color:var(--foreground);font-family:var(--font-display);appearance:none;background:0 0;border:0;flex:1;padding:.35rem 0 .4rem;font-size:1.25rem;line-height:1.4}.qj-blog-search-field input::placeholder{color:var(--foreground-soft);opacity:1}.qj-blog-search-field input:focus-visible{outline:none}.qj-blog-search-field input::-webkit-search-cancel-button{appearance:none}.qj-blog-cats{flex-wrap:wrap;gap:.15rem 1.6rem;min-width:0;max-width:100%;display:flex}.qj-blog-cats button{appearance:none;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;min-height:44px;color:var(--foreground-soft);transition:color var(--duration-micro) var(--ease-soft), border-color var(--duration-micro) var(--ease-soft);background:0 0;border:0;border-bottom:1px solid #0000;padding:0;font-family:inherit;font-size:.75rem;font-weight:500}.qj-blog-cats button:hover{color:var(--foreground);border-bottom-color:var(--border)}.qj-blog-cats button[aria-pressed=true]{color:var(--foreground);border-bottom-color:var(--sage)}.qj-blog-count{letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-soft);font-variant-numeric:tabular-nums;white-space:nowrap;padding-bottom:.85rem;font-size:.75rem}.qj-blog-year{justify-content:space-between;align-items:baseline;gap:1rem;margin:2.35rem 0 .15rem;padding-bottom:.55rem;display:flex}.qj-blog-year .yr{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.65rem,2.4vw,2rem);line-height:1}.qj-blog-year .hair{background:var(--border);flex:1;height:1px;transform:translateY(-.35rem)}.qj-blog-entry{border-bottom:1px solid var(--border);grid-template-columns:3.1rem minmax(0,1fr) minmax(12.5rem,18rem);align-items:start;column-gap:clamp(1.25rem,2.6vw,2.25rem);min-width:0;padding:1.25rem 0 1.3rem;display:grid;overflow-x:clip}.qj-blog-entry-copy,.qj-blog-entry-aside{min-width:0}.qj-blog-entry-aside{flex-direction:column;align-items:flex-end;gap:.85rem;display:flex}.qj-blog-entry.is-text{grid-template-columns:3.1rem minmax(0,1fr) minmax(10rem,12.5rem)}.qj-blog-num{letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--foreground-soft);padding-top:.45rem;font-size:.75rem;font-weight:500}.qj-blog-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--foreground-soft);font-size:.6875rem;font-weight:500}.qj-blog-entry h3{text-wrap:pretty;max-width:36ch;margin-top:.28rem;font-size:clamp(1.4rem,2vw,1.7rem);line-height:1.2}.qj-blog-entry h3 a{text-underline-offset:5px;transition:text-decoration-color var(--duration-micro) var(--ease-soft);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.qj-blog-entry h3 a:hover{color:var(--foreground);-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.qj-blog-ex{max-width:min(58ch,100%);color:var(--foreground-soft);text-wrap:pretty;overflow-wrap:anywhere;margin-top:.45rem;font-size:.9375rem;line-height:1.6}.qj-blog-meta{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--foreground-soft);text-align:right;padding-top:.45rem;font-size:.75rem}.qj-blog-thumb{width:100%;max-width:18rem;margin:0}.qj-blog-thumb .qj-blog-print-clip{border-radius:10px;position:relative}.qj-blog-thumb img{aspect-ratio:4/3;object-fit:contain;background:var(--paper);width:100%;height:auto;filter:var(--photo-grade);transition:transform var(--duration-story) var(--ease-quiet)}.qj-blog-thumb .qj-blog-only-dark{object-fit:contain;width:100%;height:100%;max-height:none;position:absolute;inset:0}.qj-blog-entry:hover .qj-blog-thumb img{transform:scale(1.03)}.qj-blog-empty{max-width:28ch;padding:3.25rem 0 4rem;display:none}.qj-blog-empty.is-on{display:block}.qj-blog-empty>p:first-child{font-family:var(--font-display);text-wrap:balance;font-size:clamp(1.65rem,2.4vw,2rem);line-height:1.2}.qj-blog-tlink{letter-spacing:.02em;min-height:44px;color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:var(--foreground-faint);text-decoration-color:var(--foreground-faint);text-underline-offset:4px;cursor:pointer;transition:text-decoration-color var(--duration-micro) var(--ease-soft);background:0 0;border:0;align-items:center;gap:.45em;padding:0;font-family:inherit;font-size:.9375rem;font-weight:500;text-decoration-thickness:1px;display:inline-flex}.qj-blog-tlink .arw{transition:transform var(--duration-micro) var(--ease-soft)}.qj-blog-tlink:hover{color:var(--foreground);-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.qj-blog-tlink:hover .arw{transform:translate(4px)}.qj-blog-empty .caption{max-width:28ch;margin-top:.65rem}.qj-blog-empty .qj-blog-tlink{margin-top:.15rem}.qj-blog-earlier{padding:1.1rem 0 0}.qj-blog-continue{padding:clamp(3rem,6vw,5rem) 0 clamp(5rem,10vw,8rem)}.qj-blog-continue-head{grid-column:1/span 4}.qj-blog-continue h2{max-width:12ch;margin-top:.55rem;font-size:clamp(1.85rem,3vw,2.5rem);line-height:1.12}.qj-blog-continue-list{grid-column:6/span 7}.qj-blog-continue-list ul{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.qj-blog-continue-list a{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:baseline;gap:.35rem 1.5rem;min-height:44px;padding:1.15rem 0;text-decoration:none;display:grid}.qj-blog-continue-list .ttl{font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(1.4rem,2vw,1.7rem);line-height:1.2}.qj-blog-continue-list .hint{color:var(--foreground-soft);grid-column:1;font-size:.875rem}.qj-blog-continue-list .arw{transition:transform var(--duration-micro) var(--ease-soft)}.qj-blog-continue-list a:hover{color:var(--foreground)}.qj-blog-continue-list a:hover .arw{transform:translate(4px)}.qj-blog-only-light,.qj-blog-only-dark{transition:opacity .82s var(--ease-quiet)}.qj-blog-only-dark,.dark .qj-blog-only-light{opacity:0;pointer-events:none}.dark .qj-blog-only-dark{opacity:1;pointer-events:none}@media (max-width:1023px){.qj-blog-intro-copy,.qj-blog-intro-aside,.qj-blog-latest-copy,.qj-blog-latest-art,.qj-blog-continue-head,.qj-blog-continue-list{grid-column:1/-1}.qj-blog-intro-aside{margin-top:1.5rem}.qj-blog-latest-art{justify-self:start;max-width:20rem;margin-top:2rem}.qj-blog-entry,.qj-blog-entry.is-text{grid-template-columns:2.6rem minmax(0,1fr) minmax(11rem,15rem)}.qj-blog-entry-aside{align-items:flex-end}.qj-blog-meta{text-align:right}}@media (max-width:767px){.qj-blog-grid{grid-template-columns:minmax(0,1fr);column-gap:0}.qj-blog-intro{padding-top:7.5rem;padding-bottom:0}.qj-blog-intro h1{max-width:100%;font-size:2.25rem;line-height:1.14}.qj-blog-lede{max-width:100%;margin-top:1.05rem;font-size:1.0625rem}.qj-blog-intro-aside{margin-top:1.35rem}.qj-blog-ledger-wrap{z-index:40;background:color-mix(in srgb, var(--background) 94%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);order:-1;margin-top:1.35rem;position:sticky;top:4.5rem}.qj-blog-ledger{border-top:0;border-bottom:0;grid-template-columns:1fr;row-gap:.15rem;padding:.85rem 0 .7rem}.qj-blog-cats{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.15rem 1.1rem;width:100%;max-width:100%;margin:0 -.15rem;padding-bottom:.2rem;overflow-x:auto}.qj-blog-cats::-webkit-scrollbar{display:none}.qj-blog-cats button{flex:none}.qj-blog-count{padding:.1rem 0 0}.qj-blog-latest{padding:1.35rem 0 0}.qj-blog-latest-kicker{gap:.35rem .9rem;min-height:0;margin-bottom:.55rem}.qj-blog-latest-title{max-width:none;font-size:1.85rem;line-height:1.18}.qj-blog-latest .excerpt,.qj-blog-latest .when{max-width:100%;margin-top:.85rem}.qj-blog-latest-art{max-width:none;margin-top:0}.qj-blog-print{transform-origin:100% 0;width:min(72%,14.5rem);margin:1.85rem 0 0 auto;transform:rotate(.8deg)}.qj-blog-print-clip{border-radius:14px}.qj-blog-hand{order:2;max-width:none;min-height:0;margin:1.4rem 0 0;display:inline-block;left:0;transform:rotate(-4deg)}.qj-blog-year{gap:.85rem;margin:1.75rem 0 .1rem;padding-bottom:.4rem}.qj-blog-year .yr{font-size:1.65rem}.qj-blog-entry,.qj-blog-entry.is-text{grid-template-columns:2.1rem minmax(0,1fr);column-gap:.85rem;padding:1.15rem 0 1.2rem}.qj-blog-entry h3{max-width:none;font-size:1.45rem;line-height:1.22}.qj-blog-ex{max-width:100%}.qj-blog-entry-aside{grid-column:2;align-items:stretch;gap:.7rem;width:100%}.qj-blog-meta{text-align:left;padding-top:.45rem}.qj-blog-thumb{width:100%;max-width:none}.qj-blog-empty{max-width:22ch;padding:2.5rem 0 3rem}.qj-blog-empty>p:first-child{font-size:1.65rem;line-height:1.22}.qj-blog-continue{padding:2.75rem 0 0}.qj-blog-continue h2{font-size:1.85rem;line-height:1.16}}@media (prefers-reduced-motion:reduce){.qj-blog-print:hover img,.qj-blog-entry:hover .qj-blog-thumb img{transform:none}.qj-blog-only-light,.qj-blog-only-dark{transition:none}}
