.qj-note{padding-top:clamp(7.5rem,14vh,9.5rem);padding-bottom:clamp(4rem,8vw,7rem);overflow-x:clip}.qj-note p,.qj-note h1,.qj-note h2,.qj-note h3,.qj-note figure,.qj-note blockquote,.qj-note ul,.qj-note ol,.qj-note pre,.qj-note li{margin:0}.qj-note h1,.qj-note h2,.qj-note h3,.qj-note .ttl{font-family:var(--font-display);letter-spacing:-.015em;font-weight:400}:lang(vi) .qj-note h1,:lang(vi) .qj-note h2,:lang(vi) .qj-note h3,:lang(vi) .qj-note .ttl,:lang(vi) .qj-note-pull{letter-spacing:0;line-height:1.32}.qj-note .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-soft);font-size:.75rem;font-weight:500}.qj-note .caption{letter-spacing:.02em;color:var(--foreground-soft);font-size:.75rem;line-height:1.5}.qj-note .rule{background:var(--border);border:0;width:48px;height:1px;margin:14px 0;display:block}.qj-note-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:clamp(1rem,2.4vw,2rem);display:grid}.qj-read-progress{z-index:120;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.qj-read-progress span{background:var(--sage);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.qj-note-back{grid-column:1/-1;margin-bottom:clamp(1.75rem,3vw,2.5rem)}.qj-note-back .quiet-link{min-height:44px}.qj-note-back-arw{display:inline-block}.qj-note-back .quiet-link:hover .qj-note-back-arw{transform:translate(-4px)}.qj-note-open{grid-column:1/span 7;min-width:0}.qj-note-open h1{letter-spacing:-.02em;max-width:none;margin-top:.85rem;font-size:clamp(2.35rem,4.6vw,3.75rem);line-height:1.1}.qj-note-lede{max-width:38ch;color:var(--foreground-soft);text-wrap:pretty;margin-top:1.35rem;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.7}.qj-note-open .when{margin-top:1.2rem}.qj-note ul.qj-note-tags{flex-wrap:wrap;gap:.4rem;max-width:46rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.qj-note-tags li{max-width:100%;font-size:var(--text-caption);letter-spacing:.06em;color:var(--foreground-soft);border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in oklab, var(--paper) 70%, transparent);overflow-wrap:anywhere;padding:.22em .62em;font-weight:500;line-height:1.35}.qj-note-hero{grid-column:1/span 6;min-width:0;max-width:28rem;margin-top:clamp(2.25rem,4vw,3.25rem)}.qj-note-hero .qj-note-print{transform-origin:0 0;transform:rotate(.4deg)}.qj-note-print-clip{border-radius:var(--radius-image);overflow:hidden}.qj-note-hero img,.qj-note-frame img{width:100%;height:auto}.qj-note-hero img{aspect-ratio:16/9;object-fit:cover}.qj-note-hero figcaption,.qj-note-frame figcaption{max-width:36ch;margin-top:.55rem}.qj-note-only-dark,.dark .qj-note-only-light{display:none}.dark .qj-note-only-dark{display:block}.qj-note-read{align-items:start;margin-top:clamp(1.75rem,3vw,2.5rem)}.qj-note-read-wrap.has-hero .qj-note-read{margin-top:clamp(1.25rem,2.2vw,1.85rem)}.qj-note-toc{grid-area:1/10/auto/span 3;min-width:0;padding-top:.15rem;position:sticky;top:6.25rem}.qj-note-toc-label{letter-spacing:.1em;text-transform:uppercase;color:var(--foreground-soft);margin-bottom:.85rem;font-size:.75rem;font-weight:500}.qj-note-toc ol{gap:.15rem;padding:0;list-style:none;display:grid}.qj-note-toc a{min-height:44px;color:var(--foreground-soft);transition:color var(--duration-micro) var(--ease-soft), border-color var(--duration-micro) var(--ease-soft);border-bottom:1px solid #0000;grid-template-columns:1.7rem minmax(0,1fr);align-items:baseline;gap:.55rem;padding:.4rem 0;font-size:.875rem;line-height:1.45;text-decoration:none;display:grid}.qj-note-toc a .n{letter-spacing:.1em;font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:500}.qj-note-toc a:hover{color:var(--foreground);border-bottom-color:var(--border)}.qj-note-body{grid-area:1/1/auto/span 7;min-width:0;margin-top:1rem}.qj-note-prose{max-width:65ch}.qj-note-prose>p,.qj-note-prose li{text-wrap:pretty;font-size:1.125rem;line-height:1.75}.qj-note-prose h2{max-width:none;scroll-margin-top:6.5rem;font-size:clamp(1.65rem,2.2vw,1.9rem);line-height:1.25}.qj-note-section{grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:.8rem;display:grid}.qj-note-section .n{font-family:var(--font-sans);letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--foreground-soft);font-size:.75rem;font-weight:500}.qj-note-prose h3{max-width:none;scroll-margin-top:6.5rem;font-size:1.25rem;line-height:1.35}.qj-note-prose>p+p{margin-top:1.2em}.qj-note-prose>:is(h2,h3){margin-top:2.35rem}.qj-note-prose>h3{margin-top:1.85rem}.qj-note-prose>h2+p,.qj-note-prose>h3+p{margin-top:.85rem}.qj-note-prose>*+:is(ul,ol){margin-top:1.05rem}.qj-note-prose>:is(ul,ol)+*{margin-top:1.3rem}.qj-note-prose>*+:is(.qj-note-quote,.qj-note-pull,blockquote){margin-top:1.85rem}.qj-note-prose>:is(.qj-note-quote,.qj-note-pull,blockquote)+*{margin-top:1.5rem}.qj-note-prose>*+:is(.qj-note-code,.qj-note-diagram){margin-top:1.85rem}.qj-note-prose>:is(.qj-note-code,.qj-note-diagram)+*{margin-top:1.35rem}.qj-note-prose>*+:is(.qj-note-frame,.qj-note-moment,.qj-note-portraits){margin-top:2.1rem}.qj-note-prose>:is(.qj-note-frame,.qj-note-moment,.qj-note-portraits)+*{margin-top:1.4rem}.qj-note-prose>*+.rule{margin-top:2.25rem}.qj-note-prose>:first-child{margin-top:0}.qj-note-prose a{text-decoration:underline;-webkit-text-decoration-color:var(--foreground-faint);text-decoration-color:var(--foreground-faint);text-underline-offset:3px;transition:text-decoration-color var(--duration-micro) var(--ease-soft);text-decoration-thickness:1px}.qj-note-prose a:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.qj-note-prose strong{font-weight:500}.qj-note-prose em{font-style:italic}.qj-note-prose code{letter-spacing:.01em;background:var(--paper);border-radius:4px;padding:.12em .38em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84em}.qj-note-prose pre code{font-size:inherit;letter-spacing:0;background:0 0;padding:0}.qj-note-code{margin:0}.qj-note-code .caption,.qj-note-diagram .caption{margin-bottom:.45rem}.qj-note-code pre,.qj-note-diagram pre{background:var(--paper);border:1px solid var(--border);max-width:100%;color:var(--foreground);-webkit-overflow-scrolling:touch;border-radius:6px;margin:0;padding:1.15rem 1.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.65;overflow-x:auto}.qj-note-diagram{width:min(100%,38rem);margin:0}.qj-note-diagram pre{background:var(--surface)}.qj-note-diagram figcaption{margin-top:.55rem;margin-bottom:0}.qj-note-prose ul,.qj-note-prose ol{max-width:60ch;margin:0;padding:0;list-style:none}.qj-note-prose li{margin:.5rem 0;padding-left:1.25rem;position:relative}.qj-note-prose ul li:before{content:"–";color:var(--foreground-soft);position:absolute;left:0}.qj-note-prose ol{counter-reset:n}.qj-note-prose ol li{padding-left:1.6rem}.qj-note-prose ol li:before{counter-increment:n;content:counter(n, decimal-leading-zero);letter-spacing:.08em;color:var(--foreground-soft);font-size:.6875rem;font-weight:500;position:absolute;top:.15em;left:0}.qj-note-pull{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(1.45rem,2vw,1.75rem);font-style:italic;font-weight:400;line-height:1.28}.qj-note-quote{max-width:42ch;color:var(--foreground-soft);margin:0;font-size:1.125rem;line-height:1.65}.qj-note-prose>.rule{margin-bottom:0}.qj-note-frame{margin:0}.qj-note-frame.is-wide{width:min(100%,38rem)}.qj-note-frame.is-col{max-width:28rem}.qj-note-frame.is-memory,.qj-note-frame.is-portrait{transform-origin:100% 0;max-width:15.5rem;margin-left:auto;transform:rotate(.5deg)}.qj-note-frame.is-portrait img{object-fit:cover;max-height:28rem}.qj-note-portraits{width:100%;max-width:min(100%,38rem)}.qj-note-portraits.is-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.15rem 1.25rem;max-width:min(100%,33rem);display:grid}.qj-note-portraits.is-pair .qj-note-frame.is-portrait{width:100%;max-width:none;margin-left:0}.qj-note-portraits.is-pair .qj-note-frame.is-portrait:nth-child(2){transform-origin:0 0;transform:rotate(-.55deg)}.qj-note-portraits.is-pair .qj-note-frame.is-portrait img{max-height:none}.qj-note-portraits.is-pair .qj-note-frame figcaption{max-width:none}.qj-note-frame.is-drawn img,.qj-note.is-technical .qj-note-hero img,.qj-note.is-technical .qj-note-frame.is-wide img{filter:none}.qj-note-moment{margin:0}.qj-note-moment .qj-note-frame{width:min(100%,46rem);margin:0}.qj-note-moment img{width:100%;height:auto;filter:var(--photo-grade)}.qj-note.is-life .qj-note-prose>p+p{margin-top:1.32em}.qj-note.is-life .qj-note-prose>:is(h2,h3){margin-top:2.6rem}.qj-note.is-technical .qj-note-prose>p,.qj-note.is-technical .qj-note-prose li{line-height:1.78}.qj-note.is-technical .qj-note-code pre,.qj-note.is-technical .qj-note-diagram pre{margin-top:.15rem}.qj-note-print-clip .photo-open{cursor:zoom-in;width:100%;color:inherit;border-radius:inherit;transition:transform var(--duration-micro) var(--ease-soft);background:0 0;border:0;margin:0;padding:0;display:block}.qj-note-print-clip .photo-open img{pointer-events:none}.qj-note-print-clip .photo-open:hover,.qj-note-print-clip .photo-open:focus-visible{transform:translateY(-1px)}.qj-note-print-clip .photo-open:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.qj-note.is-life .qj-note-frame:not(.is-drawn) img{filter:var(--photo-grade)}.qj-note-close{margin-top:2.1rem}.qj-note-close .caption,.qj-note-close .qj-note-lede{margin-top:.85rem}.qj-note-hand{font-family:var(--font-accent);color:color-mix(in oklab, var(--brown) 42%, var(--foreground));margin-top:1rem;font-size:1.125rem;line-height:1.35}.qj-note-turn{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:end;gap:2rem;margin-top:clamp(2.75rem,5vw,3.75rem);padding-top:1.35rem;display:grid}.qj-note-turn-link{max-width:100%;min-height:44px;text-decoration:none}.qj-note-turn-link.is-next{text-align:right;justify-self:end}.qj-note-turn-link .kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--foreground-soft);align-items:center;gap:.4em;font-size:.75rem;font-weight:500;display:inline-flex}.qj-note-turn-link .ttl{text-underline-offset:5px;transition:text-decoration-color var(--duration-micro) var(--ease-soft);margin-top:.4rem;font-size:clamp(1.4rem,2vw,1.7rem);line-height:1.2;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:block}.qj-note-turn-link:hover .ttl{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.qj-note-turn-still .eyebrow{margin-bottom:.35rem}.qj-note-more{margin-top:clamp(3rem,6vw,4.5rem)}.qj-note-more-label{letter-spacing:.1em;text-transform:uppercase;color:var(--foreground-soft);margin-bottom:.15rem;font-size:.75rem;font-weight:500}.qj-note-more ul{border-top:1px solid var(--border);max-width:36rem;margin:0;padding:0;list-style:none}.qj-note-more a{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:baseline;gap:.2rem 1.5rem;min-height:44px;padding:1.05rem 0;text-decoration:none;display:grid}.qj-note-more .ttl{text-wrap:balance;font-size:clamp(1.3rem,1.8vw,1.55rem);line-height:1.22}.qj-note-more .meta{letter-spacing:.04em;color:var(--foreground-soft);grid-column:1;font-size:.75rem}.qj-note-more .arw{color:var(--foreground-soft);transition:transform var(--duration-micro) var(--ease-soft), color var(--duration-micro) var(--ease-soft)}.qj-note-more a:hover .arw{color:var(--foreground);transform:translate(4px)}@media (max-width:1100px){.qj-note-open,.qj-note-hero{grid-column:1/span 8}.qj-note-toc{border-bottom:1px solid var(--border);grid-area:auto/1/auto/-1;margin-bottom:.5rem;padding:0 0 1.25rem;position:static}.qj-note-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem 1.5rem}.qj-note-body{grid-area:auto/1/auto/span 10}}@media (max-width:1023px){.qj-note-open,.qj-note-hero,.qj-note-body{grid-column:1/-1}.qj-note-toc ol{grid-template-columns:1fr}}@media (max-width:767px){.qj-note{padding-top:6.5rem}.qj-note-open h1{max-width:none;margin-top:.55rem;font-size:2.35rem;line-height:1.16}.qj-note-lede{max-width:32ch;margin-top:1rem;font-size:1.0625rem}.qj-note-open .when{margin-top:.9rem}.qj-note-hero{transform-origin:100% 0;width:min(88%,18.5rem);max-width:none;margin:1.5rem 0 0 auto;transform:rotate(.7deg)}.qj-note-hero .qj-note-print{transform:none}.qj-note-prose{max-width:36ch}.qj-note-prose>p,.qj-note-prose li{font-size:1.0625rem}.qj-note-prose h2{font-size:1.65rem}.qj-note-prose h3{font-size:1.2rem}.qj-note-pull{max-width:16ch;font-size:1.45rem}.qj-note-code pre,.qj-note-diagram pre{padding:1rem 1.05rem}.qj-note-diagram,.qj-note-frame.is-wide,.qj-note-moment .qj-note-frame{width:100%}.qj-note-moment{margin-inline:calc(var(--space-gutter) * -1)}.qj-note-moment figcaption{padding-inline:var(--space-gutter)}.qj-note-frame.is-portrait,.qj-note-frame.is-memory{max-width:12.25rem}.qj-note-portraits.is-pair{width:calc(100vw - var(--space-gutter) * 2);max-width:calc(100vw - var(--space-gutter) * 2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem .65rem;display:grid}.qj-note-portraits.is-pair .qj-note-frame.is-portrait{max-width:none}.qj-note-turn{grid-template-columns:1fr;gap:1.5rem}.qj-note-turn-link.is-next{text-align:left;justify-self:start}}@media (prefers-reduced-motion:reduce){.qj-read-progress span{transition:none}.qj-note-print-clip .photo-open,.qj-note-print-clip .photo-open:hover,.qj-note-print-clip .photo-open:focus-visible{transition:none;transform:none}}