@layer components{.post-head{padding:clamp(36px,5vw,64px) 0 0}.post-sheet{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:28px clamp(24px,4vw,56px);display:grid}.post-head h1{font-family:var(--serif);letter-spacing:-.01em;max-width:16ch;margin:12px 0 18px;font-size:clamp(40px,4.8vw,68px);font-weight:600;line-height:1}.dek{color:var(--ink-soft);max-width:34em;margin:0 0 20px;font-size:clamp(17px,1.5vw,20px)}.byline{clip-path:inset(-8px -8px -8px 13px);flex-wrap:wrap;align-items:center;gap:4px 0;margin:0 0 0 -19px;display:flex}.byline>span:not(.dot):before{content:"";vertical-align:middle;opacity:.7;background:currentColor;border-radius:50%;width:3px;height:3px;margin:0 8px;display:inline-block}.byline .dot{display:none}.byline b{color:var(--ink);font-weight:600}.ph-plate{margin:0}.ph-plate .pl{aspect-ratio:16/11}.post-grid{grid-template-columns:minmax(0,260px) minmax(0,640px);grid-template-areas:"rail answer""rail prose""rail end"".cta";justify-content:center;column-gap:clamp(40px,6vw,96px);padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(64px,8vw,104px);display:grid}.rail{grid-area:rail}.answer-first{grid-area:answer}.prose{grid-area:prose}.post-end{grid-area:end}.soft-cta{grid-area:cta}.answer-first,.post-end,.soft-cta{max-width:640px}.toc,.rel-card{--ink-soft:var(--plate-ink-soft)}.toc{top:calc(var(--hdr) + 36px);background:var(--panel);border:var(--panel-border) solid var(--blueprint);padding:22px 22px 16px;position:sticky}.toc-title{font:600 12px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-variation-settings:"wdth" 80;margin:0 0 16px}.toc-body{padding-top:34px;position:relative}.toc-origin{width:15px;height:34px;position:absolute;top:0;left:0}.toc-origin:before{content:"";border:1.5px solid var(--thread);clip-path:inset(0 0 66%);border-radius:50%;width:44px;height:44px;margin-left:-22px;position:absolute;top:9px;left:7.5px}.toc-origin:after{content:"";background:var(--gold);width:12px;height:12px;box-shadow:0 0 0 1.5px var(--gold-deep);border-radius:50%;position:absolute;top:12px;left:1.5px}.toc-origin i{background:var(--thread);width:2px;position:absolute;top:22px;bottom:-8px;left:6.5px}.toc ol{margin:0;padding:0;list-style:none}.toc li{padding:0 0 18px 30px;position:relative}.toc li:before{content:"";border-left:1px dashed #1f3b5c73;position:absolute;top:8px;bottom:-8px;left:7px}.toc .seg{background:var(--thread);transform-origin:50% 0;width:2px;position:absolute;top:8px;bottom:-8px;left:6.5px;box-shadow:0 0 0 2.5px #d6a33b29}.toc .node{z-index:1;border:1.5px solid var(--blueprint);background:var(--paper);border-radius:50%;width:13px;height:13px;position:absolute;top:2px;left:1px}.toc .node:after{content:"";background:var(--gold);border-radius:50%;position:absolute;inset:2px}.toc-end{height:16px;display:block;position:relative}.toc-end .node{border-color:var(--gold-deep);top:0;left:1px}.toc-end .node:after{inset:0}.toc a{color:var(--ink);font-size:15px;line-height:1.4;text-decoration:none;display:block;position:relative}.toc a span{transition:transform .6s var(--ease-cine);display:inline-block}.toc a:after{content:"";background:var(--gold-deep);transform-origin:0;width:28px;height:1.5px;transition:transform .55s var(--ease-cine);position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.toc a[aria-current]{color:var(--blueprint);font-weight:600}.toc a[aria-current]:after{transform:scaleX(1)}.toc a:focus-visible span{transform:translate(5px)}.toc a:focus-visible:after{transform:scaleX(1)}.prose>section{padding-top:1px;position:relative}.prose>section:first-child h2{margin-top:44px}.post-end{border-top:1px solid var(--blueprint);margin-top:44px;padding-top:28px;position:relative}.author{align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.author-mark{border:1px solid var(--blueprint);background:var(--paper);flex:none;place-items:center;width:64px;height:64px;display:grid}.author-mark img{width:46px;height:auto}.au-name{font-family:var(--serif);margin:0;font-size:24px;font-weight:700;line-height:1.15}.au-bio{color:var(--ink-soft);margin:4px 0 0;font-size:16px}.dates{margin:0 0 20px}.dates dd{font-variant-numeric:lining-nums}.tags{flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);border-radius:2px;padding:3px 10px;font-size:13.5px;font-weight:500}.disclaim{color:var(--ink-soft);margin:0;font-size:14.5px}.soft-cta{isolation:isolate;margin-top:clamp(56px,7vw,88px);padding:clamp(52px,6vw,84px) 0;position:relative}.soft-cta:before{content:"";z-index:-1;background:linear-gradient(90deg,#8a641426 1px,#0000 1px) 0 0/60px 60px,linear-gradient(#8a641426 1px,#0000 1px) 0 0/60px 60px,linear-gradient(168deg,#f4c552 0%,#f2c14e 30%,#e8b647 64%,#dca940 100%);position:absolute;inset:0 -100vw;box-shadow:0 -10px 24px -18px #16181d57,0 16px 30px -24px #16181d4d}.soft-cta:after{content:"";z-index:-1;background:var(--ink);height:2px;position:absolute;top:0;left:-100vw;right:-100vw}.soft-cta .cta-arc{width:1px;height:1px;position:absolute;top:0;right:0;overflow:visible}.soft-cta .cta-arc path{fill:none;stroke:var(--gold-deep);stroke-opacity:.7;stroke-width:1.25px}.soft-cta .cta-arc circle{fill:var(--gold-hi);stroke:var(--ink);stroke-width:1.5px}.soft-cta h2{max-width:16ch;margin:0 0 14px;font-size:clamp(34px,3.6vw,48px);line-height:1}.soft-cta p{color:var(--ink);max-width:36em;margin:0 0 24px}.soft-cta :focus-visible{outline-color:var(--ink)}.cta-acts{flex-wrap:wrap;gap:12px;display:flex}.related{--pad:clamp(56px, 7vw, 96px)}.rel{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.rel-card{background:var(--plate);border:var(--plate-bw) solid var(--plate-rule);flex-direction:column;height:100%;padding:18px;display:flex;position:relative}.rel-card:before{content:"";left:calc(-1 * var(--plate-bw));right:calc(-1 * var(--plate-bw));bottom:calc(-1 * var(--plate-bw));height:var(--plate-bw);background:var(--gold-deep);z-index:2;transform-origin:0;transition:transform .8s var(--ease-cine);position:absolute;transform:scaleX(0)}.rel-card .pl-reg{margin-bottom:18px}.rel-card .cat{margin-bottom:8px}.rel-card h3{margin:0 0 10px;font-size:26px;line-height:1.12}.rel-card .meta{border-bottom:1px solid var(--line);margin:auto 0 0;padding:12px 0}.rel-card .e-link{color:var(--ink);text-decoration:none}.e-link{scroll-margin-bottom:24px}.rel-card .e-link{scroll-margin-bottom:72px}.rel-card .e-link span{transition:transform .8s var(--ease-cine);display:inline-block}.rel-card .e-link:after{content:"";z-index:2;position:absolute;inset:-18px}@supports selector(:has(a)){.rel-card .e-link:focus-visible{outline:none}.rel-card:has(.e-link:focus-visible){outline:3px solid var(--blueprint);outline-offset:4px}}.rel-card:has(.e-link:focus-visible):before{transform:scaleX(1)}.rel-card:has(.e-link:focus-visible) .e-link span{transform:translate(6px)}.rel-card:has(.e-link:focus-visible) .pl-reg:after{opacity:1;transform:translate(8px,8px)}@media (hover:hover) and (pointer:fine){.toc a:hover span{transform:translate(5px)}.toc a:hover:after,.rel-card:hover:before{transform:scaleX(1)}.rel-card:hover .e-link span{transform:translate(6px)}.rel-card:hover .pl-reg:after{opacity:1;transform:translate(8px,8px)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.rel-card:hover .pl-flare{animation:1.3s cubic-bezier(.2,.7,.2,1) .15s both glint}.rel-card:hover .pl-art use:not(.pl-gl){animation:draw 1.4s var(--ease-draw) backwards}}@media (prefers-reduced-motion:no-preference){.rel-card:has(.e-link:focus-visible) .pl-flare{animation:1.3s cubic-bezier(.2,.7,.2,1) .15s both glint}.rel-card:has(.e-link:focus-visible) .pl-art use:not(.pl-gl){animation:draw 1.4s var(--ease-draw) backwards}.ph-plate .pl-art use:not(.pl-gl){animation:draw 1.8s var(--ease-draw) .5s backwards}.ph-plate .pl-flare{animation:1.3s cubic-bezier(.2,.7,.2,1) 1.9s both glint}.armed .annot:not(.built) .fx{stroke-dashoffset:1px}.armed .annot:not(.built) blockquote{clip-path:inset(-10% 100% -10% 0)}.annot.built blockquote{animation:ink 1s var(--ease-draw) .35s backwards}@supports (timeline-scope:--a) and (view-timeline-name:--a){body{timeline-scope:--s1, --s2, --s3, --s4, --s5, --s6, --s7, --s8, --prose}.prose{view-timeline:--prose block;view-timeline-inset:28% 71%}.prose>section{view-timeline-inset:28% 71%}.prose>section:first-child{view-timeline-name:--s1}.prose>section:nth-child(2){view-timeline-name:--s2}.prose>section:nth-child(3){view-timeline-name:--s3}.prose>section:nth-child(4){view-timeline-name:--s4}.prose>section:nth-child(5){view-timeline-name:--s5}.prose>section:nth-child(6){view-timeline-name:--s6}.prose>section:nth-child(7){view-timeline-name:--s7}.prose>section:nth-child(8){view-timeline-name:--s8}.toc .seg{animation:linear both blog-grow-y;animation-range:cover}.toc .node:after{animation:linear both pop;animation-range:cover cover 1.5%}.toc li:first-child .seg,.toc li:first-child .node:after{animation-timeline:--s1}.toc li:nth-child(2) .seg,.toc li:nth-child(2) .node:after{animation-timeline:--s2}.toc li:nth-child(3) .seg,.toc li:nth-child(3) .node:after{animation-timeline:--s3}.toc li:nth-child(4) .seg,.toc li:nth-child(4) .node:after{animation-timeline:--s4}.toc li:nth-child(5) .seg,.toc li:nth-child(5) .node:after{animation-timeline:--s5}.toc li:nth-child(6) .seg,.toc li:nth-child(6) .node:after{animation-timeline:--s6}.toc li:nth-child(7) .seg,.toc li:nth-child(7) .node:after{animation-timeline:--s7}.toc li:nth-child(8) .seg,.toc li:nth-child(8) .node:after{animation-timeline:--s8}.toc-end .node:after{animation:linear both pop;animation-timeline:var(--s-last);animation-range:cover 98%}}.armed.thread-io .toc .seg{transform:scaleY(var(--p,0));transition:transform .45s linear}.armed.thread-io .toc .node:after{transition:transform .5s var(--ease-cine);transform:scale(0)}.armed.thread-io .toc .lit>.node:after,.armed.thread-io .toc-end.lit .node:after{transform:scale(1)}}.strip{pointer-events:none;width:1px;height:1px;position:absolute;left:0}@media (width<=1080px){.post-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"answer""rail""prose""end""cta"}.toc{border:var(--panel-border) solid var(--blueprint);background:var(--panel);margin:28px 0 0;padding:18px clamp(16px,4vw,22px) 14px;position:static}.answer-first,.post-end,.soft-cta,.rail{max-width:640px}}@media (width>=901px) and (width<=1080px){.post-grid{grid-template-columns:minmax(0,640px);justify-content:center}}@media (width<=900px){.post-sheet{grid-template-columns:minmax(0,1fr)}.ph-plate{max-width:560px}.rel{grid-template-columns:minmax(0,1fr);gap:28px}.rel-card{grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:start;column-gap:20px;display:grid}.rel-card .pl-reg{grid-row:1/span 3;margin:0}.rel-card .meta{margin:0}}@media (width<=640px){.cta-acts,.cta-acts .btn{width:100%}.rel-card{grid-template-columns:112px minmax(0,1fr);column-gap:16px}.rel-card h3{font-size:22px}.author-mark{width:52px;height:52px}}@media print{.toc .seg,.toc .node:after{transform:none!important}.annot blockquote{clip-path:none!important}.toc{position:static}}@media (prefers-reduced-motion:reduce){.toc a:hover span,.toc a:focus-visible span,.rel-card:hover .e-link span,.rel-card:has(.e-link:focus-visible) .e-link span{transform:none}.rel-card:hover .pl-reg:after,.rel-card:has(.e-link:focus-visible) .pl-reg:after{transform:translate(4px,4px)}}@media (forced-colors:active){.toc .seg,.toc-origin i{forced-color-adjust:none;box-shadow:none;background:canvastext}}}