.art-col{max-width:728px;margin:0 auto;padding:0 24px;position:relative}.art-head{padding-top:72px}.art-crumb{color:var(--text-4);margin-bottom:24px;font-size:14px;line-height:20px}@media (min-width:1180px){.art-crumb{white-space:nowrap;margin:0;position:absolute;top:72px;right:calc(100% + 40px)}}.art-date,.ph-date{color:var(--text-4);align-items:center;gap:10px;font-size:14px;line-height:20px;display:flex}.art-draft{border-radius:var(--r-pill);background:var(--accent-tint);color:var(--accent-ink);padding:1px 8px;font-size:12px;font-weight:500;line-height:18px}.art-head h1{font-family:var(--font-serif);letter-spacing:-.02em;text-wrap:balance;margin:12px 0 0;font-size:56px;font-weight:400;line-height:60px}.art-by{color:var(--text-3);align-items:center;gap:8px;margin-top:20px;font-size:15px;line-height:20px;display:flex}.art-by img{object-fit:cover;border-radius:50%;width:28px;height:28px}.art-by i{color:var(--text-5);font-style:normal}.art-by .art-li,.art-by .art-li:hover,.art-by .art-li span{color:inherit;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.art-li svg{opacity:.7;transition:opacity .15s}.art-li:hover svg{opacity:1}.art-li img{margin-right:4px;transition:box-shadow .15s}.art-by .art-li:hover img{box-shadow:0 0 0 2px #16161824}.ph .art-by .art-li:hover img{box-shadow:0 0 0 4px #ffffff3d}.art-cover{border-radius:var(--r-lg);background:var(--cream);border:1px solid var(--line);margin:40px 0 0;padding:24px}.art-cover img{width:100%;height:auto;display:block}.art-cover.bare{background:0 0;border:0;padding:0}.art-cover.bare img{border-radius:var(--r-lg)}.art-toc{border-radius:var(--r-md);background:var(--cream);border:1px solid var(--line);margin:40px 0 0;padding:16px 20px 18px}.art-toc summary{cursor:pointer;color:var(--text-4);justify-content:space-between;align-items:center;font-size:14px;line-height:20px;list-style:none;display:flex}.art-toc summary::-webkit-details-marker{display:none}.art-toc summary:after{content:"";width:8px;height:8px;transition:rotate .2s var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;translate:0 -2px;rotate:45deg}.art-toc[open] summary:after{translate:0 2px;rotate:225deg}.art-toc ol{columns:2;column-gap:32px;margin:10px 0 0;padding:0;list-style:none}.art-toc li{break-inside:avoid;padding:3px 0;font-size:15px;line-height:21px}.art-toc li.sub{padding-left:14px}.art-toc li.sub a{color:var(--text-3)}.art-toc a{color:var(--ink);text-decoration:none}.art-toc a:hover{color:var(--accent-ink)}.art-body{max-width:none;padding:48px 0 120px}.art-body h2{scroll-margin-top:96px}.art-body h3{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--ink);margin:48px 0 8px;scroll-margin-top:96px;font-size:18px;font-weight:600;line-height:25px}.art-body blockquote{border-left:2px solid var(--accent);font-family:var(--font-serif);color:var(--ink);margin:40px 0;padding-left:20px;font-size:24px;line-height:32px}.art-body figure{margin:40px 0}.art-body figure img{border-radius:var(--r-lg);border:1px solid var(--line);width:100%;height:auto;display:block}.art-body figcaption{color:var(--text-4);text-align:center;margin-top:12px;font-size:14px;line-height:20px}.art-body p+h2,.art-body ul+h2{margin-top:72px}.ph{background:var(--accent);color:#fff;text-align:center;padding:80px 24px 0;overflow:hidden}.ph-text{max-width:820px;margin:0 auto}.ph-date{color:#fff;justify-content:center}.ph-date .art-draft{color:var(--accent-ink);background:#fff}.ph h1{font-family:var(--font-serif);letter-spacing:-.022em;text-wrap:balance;margin:20px 0 0;font-size:72px;font-weight:400;line-height:74px}.ph-dek{text-wrap:pretty;max-width:640px;margin:20px auto 0;font-size:24px;line-height:33px}.ph-art{max-width:1144px;margin:24px auto 0}.ph-art .os,.ph-art .os.cream{background:0 0;padding:0}.ph-art .os .wrap{padding:0}.ph-art .sec-head,.ph-art .legend,.ph-art .drawer,.ph-art .agcard,.ph-art .stack,.ph-art .f3m{display:none!important}.ph:not(:has(.ph-art)){padding-bottom:88px}@media (max-width:900px){.ph-art{display:none}.ph{padding-bottom:64px}}@media (max-width:640px){.art-head{padding-top:40px}.art-head h1{font-size:40px;line-height:44px}.art-cover{margin-top:28px;padding:12px}.art-toc ol{columns:1}.art-body{padding:36px 0 72px}.ph{padding:56px 16px}.ph h1{font-size:48px;line-height:50px}}.art-intro{padding-top:40px}.post .art-body h2{font-family:var(--font-sans);letter-spacing:-.02em;font-size:26px;font-weight:600;line-height:32px}.post .art-body blockquote{font-family:var(--font-serif);letter-spacing:0;font-size:25px;font-style:italic;line-height:34px}@media (max-width:640px){.post .art-body h2{font-size:22px;line-height:28px}}.ph{background:var(--maroon)}.ph-date .art-draft{color:var(--maroon)}.ph-art .arch{margin-bottom:-1.6667%}.ph-dek{color:#ffffffd1;font-size:21px;line-height:30px}.ph .art-by{color:#ffffffd1;justify-content:center;margin:18px 0 0}.ph .art-by i{color:#ffffff80}.ph .arch svg.bg>path:first-of-type{fill:#ffffff12}.ph .wedge{fill:#ffffff1c;stroke:#ffffff24}.ph .arch svg.bg>path:last-of-type{fill:#f2553347}.ph .adot{opacity:1!important}.ph .lbl{color:#fff}.ph .cnt{color:#fff9}.ph .chn3 .tile{color:#ff8f70;background:#ffffff1a;border-color:#ffffff29}.ph .art-by img{box-shadow:0 0 0 4px #ffffff1c}.ph .art-by{gap:10px}.ph .art-by img{margin-right:2px}.ph-art svg.bg path{animation:.5s cubic-bezier(.2,0,0,1) both ph-in}.ph-art svg.bg path:last-of-type{animation-delay:0s}.ph-art .core{animation-delay:50ms}.ph-art .ipt{animation-delay:.15s}.ph-art .streaks{animation:.6s cubic-bezier(.2,0,0,1) .3s both ph-in}.ph-art svg.bg .wedge{animation-delay:.4s}.ph-art .chn3{animation-delay:.45s}.ph-art svg.bg path:first-of-type{animation-delay:.6s}.ph-art .adot{animation:.5s cubic-bezier(.2,0,0,1) .65s both ph-dot}@keyframes ph-in{0%{opacity:0}}@keyframes ph-dot{0%{filter:blur(4px)opacity(0);scale:.75}}@media (prefers-reduced-motion:reduce){.ph-art svg.bg path,.ph-art .streaks,.ph-art .adot{animation:none}}.ph-art .arch .core-in{align-items:flex-start}.ph-art .arch .core h4{align-self:center}.ph-art .arch .marq-row{padding-right:8px}.art-body figure.wide{width:min(960px,100vw - 48px);margin:48px 0 48px calc(50% + -1*min(480px,50vw - 24px))}.art-body figure.wide img{border-radius:var(--r-lg)}.art-body blockquote cite{font-family:var(--font-sans);letter-spacing:0;color:var(--text-4);margin-top:10px;font-size:14px;font-style:normal;line-height:20px;display:block}.art-body .art-note{border-radius:var(--r-md);background:var(--cream);border:1px solid var(--line);color:var(--text-3);padding:16px 20px;font-size:15px;line-height:24px}.art-body .art-note+h2{margin-top:56px}@media (max-width:640px){.art-body figure.wide{width:calc(100vw - 32px);margin-left:calc(50% - 50vw + 16px)}}.art-body figure.wide.tall{width:min(820px,100vw - 48px);margin-left:calc(50% + -1*min(410px,50vw - 24px))}@media (max-width:640px){.art-body figure.wide.tall{width:calc(100vw - 32px);margin-left:calc(50% - 50vw + 16px)}}.post .art-body{font-size:18px;line-height:1.6}.post .art-body li{line-height:1.6}.post .art-body h2{margin:64px 0 20px;line-height:1.25}.post .art-body h3{margin:40px 0 12px;line-height:1.4}.post .art-body p+h2,.post .art-body ul+h2,.post .art-body figure+h2{margin-top:64px}.post .art-body .art-note+h2{margin-top:48px}.post .art-body h2+blockquote{margin-top:24px}.post .art-body blockquote+h3{margin-top:40px}.post .art-toc{border:0}.post .art-body h3{letter-spacing:-.01em;font-size:20px}.ph-dek{text-wrap:balance}.post .art-body h3{margin-bottom:20px}.post .art-body h2{margin-bottom:24px}.ph h1{margin-top:20px}.ph .art-by{margin-top:28px}.ph-still{display:none}@media (max-width:900px){.ph:has(.ph-still){padding-bottom:0}.ph-still{width:calc(100% + 32px);max-width:none;height:auto;margin:36px -16px 0;display:block}}.legal-body.art-body a{-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .35s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:1px;text-decoration:none}.legal-body.art-body a:hover{background-size:100% 1px;text-decoration:none}@media (prefers-reduced-motion:reduce){.legal-body.art-body a{transition:none}}.gbar{z-index:4;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:72px}.gbar-in{max-width:var(--row);margin:0 auto;padding:0 24px}@media (max-width:640px){.gbar-in{padding:0 16px}.gbar{top:64px}}.gbar-row{all:unset;box-sizing:border-box;cursor:pointer;width:100%;height:52px;color:var(--ink);align-items:center;gap:10px;min-width:0;font-size:15px;display:flex}.gbar-n{font-family:var(--font-mono);color:var(--accent);flex:none;font-size:13px}.gbar-list .gbar-n{min-width:2.6em}.gbar-row b{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.gbar-s{color:var(--text-4);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.gbar-c{color:var(--text-5);white-space:nowrap;flex:none;margin-left:auto;padding-left:12px;font-size:13px}.gbar-chev{border-right:1.5px solid var(--text-4);border-bottom:1.5px solid var(--text-4);width:8px;height:8px;transition:rotate .2s var(--ease-out);flex:none;margin-right:1px;translate:0 -2px;rotate:45deg}.gbar-chev.up{translate:0 2px;rotate:225deg}.gbar-list{grid-auto-columns:1fr;grid-auto-flow:column;column-gap:40px;max-height:min(60vh,520px);margin:0 -10px;padding:6px 0 16px;list-style:none;display:grid;overflow:auto}.gbar-list li{break-inside:avoid;font-size:15px;line-height:21px}.gbar-list a{border-radius:var(--r-xs);color:var(--ink);align-items:baseline;gap:10px;padding:5px 10px;text-decoration:none;display:flex}.gbar-list a:hover{background:var(--cream)}.gbar-list li.on a{background:var(--accent-tint);color:var(--accent-ink)}.gbar-p{background:var(--accent);transform-origin:0;height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.post .art-body h2,.post .art-body h3{scroll-margin-top:148px}@media (max-width:640px){.gbar-list{grid-auto-flow:row;grid-template-rows:none!important}.gbar-s{display:none}}.gbar-page .nav{transition:transform .3s var(--ease-out)}.gbar-page.nav-hide .nav{transform:translateY(-100%)}.gbar{transition:top .3s var(--ease-out)}.gbar-page.nav-hide .gbar{top:0}.gbar{border-top:1px solid #0000}.gbar-page:not(.nav-hide) .gbar{border-top-color:var(--line)}@media (prefers-reduced-motion:reduce){.gbar-page .nav,.gbar{transition:none}}.gbar-page .nav:not(.on-dark){-webkit-backdrop-filter:none;background:#fff}.art-body h2 .h2-n{color:var(--accent);font-family:var(--font-mono);margin-right:.5em;font-weight:400}.legal-body.art-body li::marker{color:var(--text-5)}.legal-body.art-body ol{margin:0;padding-left:24px}.legal-body.art-body p+ol,.legal-body.art-body ol+p{margin-top:20px}.legal-body.art-body ol li+li{margin-top:8px}.legal-body.art-body ol li::marker{font-family:var(--font-mono);color:var(--text-4);font-size:.85em}.art-body figure img{background:var(--cream)}.art-body figure.live-fig .fig-box{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;overflow:hidden}.art-body .builds{grid-template-columns:1fr 1fr;gap:56px 32px;width:min(1040px,100vw - 48px);margin:48px 0 0 calc(50% + -1*min(520px,50vw - 24px));display:grid}.art-body .build img{border-radius:var(--r-lg);background:var(--maroon);width:100%;height:auto;display:block}.art-body .build-row{margin-top:16px;display:flex}.art-body .build .btn{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent-ink);cursor:default;background:0 0;flex:none;padding:0 16px}@media (max-width:640px){.art-body .builds{grid-template-columns:1fr;gap:40px;width:calc(100vw - 32px);margin-left:calc(50% - 50vw + 16px)}}