.blog{--code:#1a0607;--on-accent:#1a0607;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--blog-top:var(--header-h);overflow-x:clip}html[data-theme=light] .blog{--code:#ebe4de;--silver:#6f1a17;--accent:#a3271e;--on-accent:#fff;--ink-4:#75584f}.blog :focus-visible{outline-color:var(--accent)}.blog h1,.blog h2,.blog h3{font-weight:var(--weight-heading);letter-spacing:-.01em;text-wrap:balance}.blog-wrap{width:min(100%,84rem);padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));margin-inline:auto}.blog-eyebrow{font-size:.72rem;font-weight:var(--weight-label);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:.55rem;display:flex}.blog-eyebrow svg{flex:none;width:.8rem;height:.8rem}.blog-eyebrow svg path{fill:var(--accent)}.blog-by{color:var(--ink-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.25rem .9rem;margin-top:1rem;font-size:.86rem;display:flex}.blog-by b{font-weight:var(--weight-label);color:var(--ink-2)}.blog-frame{aspect-ratio:16/9;border:1px solid var(--line);background:var(--field-2);max-width:100%;position:relative;overflow:hidden}.blog-frame img{object-fit:cover;width:100%;height:100%;display:block}.blog-mast{padding-block:calc(var(--blog-top) + clamp(2.5rem, 6vw, 4.5rem)) clamp(1.75rem, 3.5vw, 2.75rem);grid-template-columns:minmax(0,1fr) minmax(0,26rem);align-items:end;gap:1rem 3rem;display:grid}.blog-mast .blog-eyebrow{grid-column:1/-1}.blog-mast h1{font-size:clamp(4.75rem,15vw,12.5rem);line-height:.86;font-weight:var(--weight-title);letter-spacing:-.035em;background:linear-gradient(176deg, var(--silver) 18%, var(--ink-3) 92%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em}.blog-mast h1:focus{outline:none}.blog-lede{color:var(--ink-2);margin-bottom:.55rem;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5}.blog-feature{border-top:1px solid var(--line-2);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding-block:1.75rem;text-decoration:none;display:grid}.blog-feature h2{color:var(--ink);margin-top:.8rem;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.1}.blog-feature .blog-dek{color:var(--ink-2);max-width:34rem;margin-top:.9rem;font-size:1.12rem;line-height:1.55}.blog-feature .blog-frame img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.blog-feature:hover .blog-frame img{transform:scale(1.025)}.blog-tools{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding-block:1.5rem .75rem;display:flex}.blog-chips{flex-wrap:wrap;flex:30rem;gap:.4rem;min-width:0;display:flex}.blog-chip{border:1px solid var(--line);font:inherit;cursor:pointer;color:var(--ink-3);background:0 0;border-radius:99px;padding:.34rem .85rem;font-size:.84rem}.blog-chip:hover{border-color:var(--line-2);color:var(--ink)}.blog-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.blog-find{align-items:center;gap:.9rem;display:flex}.blog-find input{border:0;border-bottom:1px solid var(--line-2);width:13rem;max-width:100%;font:inherit;color:var(--ink);outline-offset:6px;background:0 0;padding:.3rem 0;font-size:.92rem}.blog-find input::placeholder{color:var(--ink-4)}.blog-rss{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line-2);font-size:.76rem;text-decoration:none}.blog-stele{--axis:8.25rem;padding-block:.5rem 1rem;position:relative}.blog-stele:before{content:"";top:0;bottom:0;left:var(--axis);background:linear-gradient(180deg, var(--line-2), var(--line) 80%, transparent);width:1px;position:absolute}.blog-mark{left:var(--axis);opacity:0;width:1.1rem;height:1.1rem;filter:drop-shadow(0 0 6px var(--accent));pointer-events:none;margin:-.55rem 0 0 -.55rem;position:absolute;top:0}.blog-mark[data-placed]{opacity:1;transition:top .38s cubic-bezier(.2,.75,.2,1)}.blog-mark[hidden]{display:none}.blog-mark svg,.blog-run svg{width:100%;height:100%;display:block}.blog-mark path,.blog-run path{fill:var(--silver)}.blog-year{letter-spacing:.2em;color:var(--ink-4);font-size:.72rem;position:absolute;top:.2rem;left:0}.blog-row{grid-template-columns:6.75rem minmax(0,1fr) 11.5rem;align-items:start;gap:0 3rem;padding-block:1.35rem;text-decoration:none;display:grid;position:relative}.blog-row[hidden]{display:none}.blog-row time{color:var(--ink-4);font-variant-numeric:tabular-nums;grid-column:1;padding-top:1.45rem;font-size:.86rem}.blog-row__text{grid-column:2;min-width:0}.blog-row h3{color:var(--ink-2);font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.22;transition:color .2s}.blog-row__tag{font-size:.7rem;font-weight:var(--weight-label);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4);margin-bottom:.3rem}.blog-row__dek{color:var(--ink-3);max-width:40rem;margin-top:.35rem;line-height:1.5}.blog-row__thumb{aspect-ratio:16/9;opacity:.38;border:1px solid var(--line);grid-column:3;max-width:100%;transition:opacity .25s;overflow:hidden}.blog-row__thumb img{object-fit:cover;width:100%;height:100%;display:block}html[data-theme=light] .blog-row__thumb{opacity:.78}.blog-row:hover h3,.blog-row:focus-visible h3{color:var(--ink)}.blog-row:hover .blog-row__thumb,.blog-row:focus-visible .blog-row__thumb{opacity:1}.blog-row--note h3{font-size:1.1rem;font-weight:var(--weight-body)}.blog-none{color:var(--ink-3);padding-left:9.75rem}.blog-none:not(:empty){padding-block:1.5rem}.blog-card.is-leaving-card{opacity:0;transition:opacity .3s ease-in 60ms}.blog-card.is-leaving-card :is(h2,h3,p,b,small,time,.blog-by){opacity:0;transition:opacity .11s ease-in}.blog-art{padding-block:calc(var(--blog-top) + clamp(2rem, 5vw, 3.5rem)) 2rem;grid-template-columns:minmax(0,12.5rem) minmax(0,43rem) minmax(0,12.5rem);justify-content:center;gap:0 3.25rem;display:grid}.blog-first{grid-column:2/4;min-width:0;container-type:inline-size}.blog-head h1{color:var(--ink);margin-top:1rem;font-size:clamp(2.35rem,5.4vw,4.4rem);line-height:1.04}.blog-head h1:focus{outline:none}.blog-head .blog-dek{color:var(--ink-2);max-width:42rem;margin-top:1.1rem;font-size:clamp(1.14rem,1.7vw,1.35rem);line-height:1.5}.blog-hero{min-width:0;margin-top:2rem}@media (min-width:821px) and (min-height:700px) and (max-height:1100px){.blog-first--hero{height:calc(100svh - var(--blog-top) - clamp(2rem, 5vw, 3.5rem) - .75rem);flex-direction:column;display:flex}.blog-first--hero .blog-head{flex:none}.blog-first--hero .blog-hero{flex:1 1 0;min-height:12rem;max-height:56.25cqw}.blog-first--hero .blog-hero>*{aspect-ratio:16/9;width:auto;max-width:100%;height:100%}}.blog-hero .detail-hero__media{cursor:default;outline:1px solid var(--line);outline-offset:-1px;border-radius:0}.blog-toc{top:calc(var(--header-h) + 2rem);grid-area:1/1/4;align-self:start;font-size:.86rem;position:sticky}.blog-toc .blog-eyebrow{margin-bottom:1rem}.blog-toc ol{margin:0;padding:0 0 0 1.25rem;list-style:none;position:relative}.blog-toc ol:before{content:"";background:var(--line-2);width:1px;position:absolute;top:.3rem;bottom:.3rem;left:.55rem}.blog-toc li{padding-block:.42rem;line-height:1.35}.blog-toc a{color:var(--ink-4);text-decoration:none;transition:color .2s}.blog-toc a:hover{color:var(--ink-2)}.blog-toc a.is-on{color:var(--ink)}.blog-run{width:.95rem;height:.95rem;filter:drop-shadow(0 0 5px var(--accent));pointer-events:none;margin:-.48rem 0 0 -.475rem;position:absolute;top:.3rem;left:.55rem}.blog-body{min-width:0;color:var(--ink-2);grid-area:2/2;margin-top:2.5rem;font-size:1.17rem;line-height:1.72;position:relative}.blog-prose p{margin:0 0 1.25rem}.blog-prose h2{color:var(--ink);margin:2.75rem 0 .85rem;font-size:1.7rem;line-height:1.2}.blog-prose strong{color:var(--ink);font-weight:var(--weight-label)}.blog-prose code{font-family:var(--mono);background:var(--code);border-radius:3px;padding:.08em .32em;font-size:.86em}.blog-prose pre{background:var(--code);border:1px solid var(--line);font-family:var(--mono);margin:0 0 1.5rem;padding:1rem 1.1rem;font-size:.9rem;line-height:1.6;overflow-x:auto}.blog-prose pre code{background:0 0;padding:0;font-size:1em}.blog-del{color:var(--ink-4);text-decoration:line-through}.blog-add{color:var(--ink)}.blog-sum{border-block:1px solid var(--line-2);margin:0 0 2.25rem;padding-block:1.15rem .35rem}.blog-sum h2{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .7rem;font-size:.72rem}.blog-sum ul{margin:0;padding:0;list-style:none}.blog-sum li{color:var(--ink);padding:0 0 .75rem 1.25rem;font-size:1.08rem;line-height:1.5;position:relative}.blog-sum li:before{content:"";border:1px solid var(--accent);width:.46rem;height:.46rem;position:absolute;top:.56em;left:0;transform:rotate(45deg)}.blog-side{width:12.5rem;color:var(--ink-3);border-top:1px solid var(--line-2);margin:0;padding-top:.5rem;font-size:.86rem;line-height:1.5;position:absolute;left:calc(100% + 3.25rem)}.blog-compare{margin:0 0 1.75rem}.blog-compare .blog-frame{-webkit-user-select:none;user-select:none}.blog-compare .blog-frame img{position:absolute;inset:0}.blog-compare__right{clip-path:inset(0 0 0 var(--p,50%))}.blog-compare__line{top:0;bottom:0;left:var(--p,50%);background:#f4f4f3;width:1px;position:absolute}.blog-compare label{color:var(--ink-3);align-items:center;gap:.75rem;margin-top:.6rem;font-size:.86rem;display:flex}.blog-compare input{min-width:0;accent-color:var(--accent);flex:1}.blog-compare figcaption{color:var(--ink-3);margin-top:.5rem;font-size:.9rem;line-height:1.5}.blog-table{margin:0 0 1.5rem;overflow-x:auto}.blog-table table{border-collapse:collapse;width:100%;min-width:30rem;font-size:.98rem}.blog-table th{font-weight:var(--weight-label);text-align:left;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.blog-table th,.blog-table td{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:.55rem .75rem .55rem 0}.blog-table td:not(:first-child),.blog-table th:not(:first-child){text-align:right}.blog-meta{grid-area:2/3;align-self:start;margin:0;font-size:.88rem;margin-top:2.5rem!important}.blog-meta div{border-bottom:1px solid var(--line);padding-block:.45rem}.blog-meta dt{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4);font-size:.68rem}.blog-meta dd{color:var(--ink-2);margin:0}.blog-meta a{text-underline-offset:3px}.blog-tail{grid-column:2/4;min-width:0;margin-top:1rem}.blog-who{border-top:1px solid var(--line-2);align-items:center;gap:1rem;padding-block:1.25rem;display:flex}.blog-who__emblem{--emblem-hi:var(--accent);--emblem-mid:var(--accent);--emblem-lo:var(--accent);flex:none;width:2.75rem;height:2.75rem}.blog-who b{font-weight:var(--weight-label);display:block}.blog-who span{color:var(--ink-3);font-size:.92rem}.blog-next{border-top:1px solid var(--line);padding-block:1.25rem;text-decoration:none;display:block}.blog-next small{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-4);font-size:.7rem}.blog-next b{font-size:1.5rem;font-weight:var(--weight-label);line-height:1.25;display:block}.blog-feed{border-top:1px solid var(--line);padding-block:1.25rem}.blog-feed--list{border:0;padding-block:.5rem 1.5rem}.blog-prog,.blog-mtoc{display:none}.blog .detail-footer{width:min(100% - 2 * max(16px, env(safe-area-inset-left,0px)), 84rem - 32px);margin-top:2.5rem}.site-nav__link[aria-current=page]{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.5em}@media (prefers-reduced-motion:no-preference){html[data-arrive][data-motion=full] :is(.blog-art>:not(.blog-first),.blog-head){animation:.46s ease-out 60ms both content-arrive}html[data-arrive-object] .blog-art:not(:has(.detail-hero__media[data-landed])) :is(.blog-toc,.blog-head,.blog-body,.blog-meta,.blog-tail){animation-play-state:paused}}html[data-motion=reduced] .blog *{transition:none!important}@media (prefers-reduced-motion:reduce){.blog *{transition:none!important}}@media (max-width:1180px){.blog-art{grid-template-columns:minmax(0,43rem)}.blog-first,.blog-body,.blog-tail,.blog-meta{grid-column:1}.blog-body,.blog-meta{grid-row:auto}.blog-meta{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.25rem;margin-top:1.5rem;display:grid}.blog-tail{order:4}.blog-toc{display:none}.blog-mtoc{border-block:1px solid var(--line-2);margin:0 0 1.5rem;padding-block:.7rem;font-size:.98rem;display:block}.blog-mtoc summary{cursor:pointer;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:.74rem}.blog-mtoc ol{color:var(--ink-3);margin:.6rem 0 0;padding-left:1.25rem}.blog-mtoc a{text-decoration:none}.blog-side{border-top:0;width:auto;margin:0 0 1.25rem;padding-top:0;position:static}.blog-prog{inset:var(--header-h) 0 auto;z-index:4;background:var(--line);height:2px;display:block;position:fixed}.blog-prog i{height:100%;width:var(--read,0%);background:var(--accent);display:block}}@media (max-width:820px){.blog-mast,.blog-feature{grid-template-columns:minmax(0,1fr)}.blog-feature .blog-frame{order:-1}.blog-stele{--axis:.4rem;padding-left:1.5rem}.blog-year{display:none}.blog-row{grid-template-columns:minmax(0,1fr);gap:.15rem 0}.blog-row time{grid-column:1;padding-top:0}.blog-row__text{grid-column:1}.blog-row__thumb{display:none}.blog-none{padding-left:0}.blog-body{font-size:1.1rem}.blog-find{flex:100%}.blog-find input{flex:1}}html.is-leaving :is(.blog-mast,.blog-tools){opacity:.25;transition:opacity .4s}