.blog-article{--blog-line:color-mix(in srgb, var(--ui-ink) 12%, transparent);--blog-underline:color-mix(in srgb, var(--ui-ink) 32%, transparent);--blog-toc:220px;--blog-measure:680px;--blog-gutter:72px;width:100%;max-width:calc(var(--blog-toc) + var(--blog-gutter) + var(--blog-measure));gap:28px;margin-inline:auto;display:grid}.blog-article ::selection{color:#11191d;background:#d7ff3f99}.blog-progress{z-index:90;height:3px;transform:scaleX(var(--done,0));transform-origin:0;pointer-events:none;background:#d7ff3f;position:fixed;inset:0 0 auto;box-shadow:0 1px #11191d2e}html[dir=rtl] .blog-progress{transform-origin:100%}.blog-hero{gap:28px;margin-bottom:clamp(44px,6vw,72px);display:grid}.blog-path{color:var(--ui-muted);flex-wrap:wrap;gap:10px;margin:0;font-size:14px;font-weight:700;display:flex}.blog-path a{color:var(--ui-ink);text-decoration:none}.blog-path a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--blog-underline);text-decoration-color:var(--blog-underline);text-underline-offset:4px}.blog-hero h1{color:var(--ui-ink);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(38px,4.6vw,60px);font-weight:800;line-height:.98}.blog-hero h1 .blog-title-tail{display:block}.blog-hero-deck{grid-template-columns:minmax(0,640px) auto;justify-content:space-between;align-items:end;gap:24px 56px;display:grid}.blog-lead{color:var(--ui-ink);text-wrap:pretty;margin:0;font-size:18px;line-height:1.55}.blog-byline{align-items:center;gap:20px;display:flex}.blog-byline>p{color:var(--ui-muted);gap:1px;margin:0;font-size:14px;font-weight:600;line-height:1.45;display:grid}.blog-byline>p>:first-child{color:var(--ui-ink);font-weight:800}.blog-byline .public-share{margin-inline-start:auto}.blog-hero-art{aspect-ratio:2;object-fit:cover;background:var(--ui-inset);border-radius:24px;width:100%;height:auto;margin-top:12px;display:block}.blog-article-layout{grid-template-columns:var(--blog-toc) minmax(0, var(--blog-measure));gap:var(--blog-gutter);justify-content:space-between;align-items:start;display:grid}.blog-article-layout>.blog-body:only-child{grid-column:1/-1;margin-inline:auto}.blog-contents{top:calc(var(--public-header,0px) + 16px);min-width:0;position:sticky}.blog-toc{gap:12px;display:grid}.blog-toc p,.blog-toc-compact summary{color:var(--ui-ink);margin:0;font-size:13px;font-weight:800}.blog-contents ol{border-inline-start:1px solid var(--blog-line);gap:2px;margin:0;padding:0;list-style:none;display:grid}.blog-contents a{color:var(--ui-muted);border-inline-start:2px solid #0000;margin-inline-start:-1px;padding:6px 0 6px 14px;font-size:13px;font-weight:600;line-height:1.35;text-decoration:none;transition:color .2s,border-color .2s;display:block}html[dir=rtl] .blog-contents a{padding:6px 14px 6px 0}.blog-contents a:hover{color:var(--ui-ink)}.blog-contents a[aria-current]{border-inline-start-color:var(--ui-ink);color:var(--ui-ink)}.blog-toc-compact{display:none}.blog-body{min-width:0;color:color-mix(in srgb, var(--ui-ink) 88%, var(--ui-muted));font-size:20px;line-height:1.7}.blog-body>:first-child{margin-top:0}.blog-body p,.blog-body ul,.blog-body ol,.blog-body blockquote{margin:0 0 1.1em}.blog-body p,.blog-body li{text-wrap:pretty}.blog-body>p:first-child:first-letter{float:left;color:var(--ui-ink);margin:.06em .1em 0 0;font-size:3.55em;font-weight:800;line-height:.8}html[dir=rtl] .blog-body>p:first-child:first-letter{float:right;margin:.06em 0 0 .1em}.blog-body h2{color:var(--ui-ink);letter-spacing:-.035em;text-wrap:balance;margin:2.1em 0 .6em;scroll-margin-top:28px;font-size:30px;font-weight:800;line-height:1.15}.blog-body h3{color:var(--ui-ink);letter-spacing:-.02em;margin:1.6em 0 .45em;scroll-margin-top:28px;font-size:22px;font-weight:800;line-height:1.3}.blog-body strong{color:var(--ui-ink);font-weight:800}.blog-body a{color:var(--ui-ink);text-decoration:underline;-webkit-text-decoration-color:var(--blog-underline);text-decoration-color:var(--blog-underline);text-underline-offset:4px;text-decoration-thickness:1.5px;transition:text-decoration-color .15s,background-color .15s}.blog-body a:hover{background:#d7ff3f4d;text-decoration-color:currentColor}.blog-body a[target=_blank]:after{content:" ↗";font-size:.8em}.blog-body ul,.blog-body ol{padding:0;list-style:none}.blog-body li{margin:.45em 0;position:relative}.blog-body ul>li:before,.blog-body ol>li:before{color:var(--ui-muted);position:absolute;inset-inline-end:calc(100% + .55em)}.blog-body ul>li:before{content:"–"}.blog-body ol{counter-reset:step}.blog-body ol>li{counter-increment:step}.blog-body ol>li:before{content:counter(step) ".";font-variant-numeric:tabular-nums;font-weight:700}.blog-body blockquote{border-inline-start:2px solid var(--ui-ink);color:var(--ui-muted);margin-inline:0;padding-inline-start:1.1em}.blog-body code{background:var(--ui-inset);border-radius:6px;padding:1px 6px;font-size:.88em}.blog-body pre{background:var(--ui-inset);border-radius:12px;padding:16px;overflow-x:auto}.blog-body pre code{background:0 0;padding:0}.blog-table{border-block:1px solid var(--ui-ink);margin:.4em 0 1.4em;overflow-x:auto}.blog-table table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.blog-table th,.blog-table td{border-bottom:1px solid var(--blog-line);text-align:start;vertical-align:top;padding:12px 16px 12px 0}.blog-table th{color:var(--ui-ink);white-space:nowrap;font-size:13px;font-weight:800}.blog-table tr:last-child td{border-bottom:0}.blog-table td:first-child{color:var(--ui-ink);font-weight:700}.blog-takeaways{border-top:3px solid var(--ui-ink);border-bottom:1px solid var(--blog-line);margin:2.4em 0 0;padding:1.1em 0 .5em}.blog-takeaways h2{margin:0 0 .55em;font-size:22px}.blog-faq h2{margin-bottom:.3em}.blog-faq-item{border-bottom:1px solid var(--blog-line)}.blog-faq-item summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:24px;padding:18px 0;list-style:none;display:flex}.blog-faq-item summary::-webkit-details-marker{display:none}.blog-faq-item summary h3{margin:0;font-size:20px;line-height:1.4}.blog-faq-item summary:after{content:"+";color:var(--ui-muted);flex:none;font-size:26px;font-weight:400;line-height:1;transition:rotate .2s}.blog-faq-item[open] summary:after{rotate:45deg}.blog-faq-item summary:hover:after{color:var(--ui-ink)}.blog-faq-answer{padding:0 48px 12px 0}.blog-faq-answer>:last-child{margin-bottom:.6em}.blog-article+.public-invite{margin-top:clamp(56px,8vw,104px)}.blog-related{gap:22px;margin-top:72px;display:grid}.blog-related-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.blog-related-head h2{color:var(--ui-ink);letter-spacing:-.025em;margin:0;font-size:clamp(20px,2vw,24px);font-weight:800}.blog-related-head a{color:var(--ui-muted);align-items:center;gap:5px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.blog-related-head a:hover{color:var(--ui-ink)}@media (prefers-reduced-motion:no-preference){.public-page:has(.blog-article){scroll-behavior:smooth}}@media (max-width:1080px){.blog-article{--blog-toc:180px;--blog-gutter:48px}}@media (max-width:900px){.blog-hero-deck{grid-template-columns:minmax(0,1fr);align-items:start}.blog-byline{border-top:1px solid var(--blog-line);padding-top:18px}.blog-hero-art{aspect-ratio:16/10;border-radius:18px}.blog-article-layout{grid-template-columns:minmax(0,1fr);gap:28px}.blog-contents{position:static}.blog-toc{display:none}.blog-toc-compact{border-block:1px solid var(--blog-line);display:block}.blog-toc-compact summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 0;list-style:none;display:flex}.blog-toc-compact summary::-webkit-details-marker{display:none}.blog-toc-compact summary:after{content:"+";color:var(--ui-muted);font-size:22px;font-weight:400;line-height:1;transition:rotate .2s}.blog-toc-compact[open] summary:after{rotate:45deg}.blog-toc-compact ol{margin:0 0 16px}.blog-body{font-size:18px}.blog-body h2{font-size:24px}.blog-body h3{font-size:20px}.blog-lead{font-size:18px}.blog-body li{padding-inline-start:1.25em}.blog-body ul>li:before,.blog-body ol>li:before{inset-inline:0 auto}.blog-faq-answer{padding-inline-end:0}}@media (max-width:520px){.blog-byline .public-share>.public-button{gap:0;width:44px;min-height:44px;padding:0;font-size:0}}.projects-head:has(+.blog-lead-story){margin-bottom:44px}.blog-lead-story{color:var(--ui-ink);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(24px,3vw,40px);text-decoration:none;display:grid}.blog-lead-art{aspect-ratio:16/9;object-fit:cover;background:var(--ui-inset);border-radius:18px;width:100%;height:auto;transition:transform .7s cubic-bezier(.2,.7,.2,1);display:block}.blog-lead-copy{align-content:center;gap:16px;min-width:0;display:grid}.blog-lead-story h2{color:var(--ui-ink);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.08}.blog-lead-story h2 .blog-title-tail{display:block}.blog-lead-text{color:var(--ui-muted);text-wrap:pretty;font-size:16px;line-height:1.6}.blog-lead-more{color:var(--ui-ink);justify-self:start;align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}@media (hover:hover){.blog-lead-story:hover .blog-lead-art{transform:scale(1.015)}.blog-lead-story:hover .blog-title-tail{color:var(--ui-ink)}}.blog-lead-story:focus-visible{outline:2px solid var(--ui-ink);outline-offset:8px;border-radius:18px}.blog-grid{border-top:1px solid var(--ui-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px;margin-top:64px;padding-top:40px;display:grid}@media (max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}}@media (max-width:900px){.blog-lead-story{grid-template-columns:minmax(0,1fr);gap:22px}}@media (max-width:700px){.blog-grid{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:44px;padding-top:28px}.blog-grid .blog-card{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px}.blog-grid .blog-card-cover{border-radius:10px}.blog-grid .blog-card h2{font-size:16px}}@media (prefers-reduced-motion:reduce){.blog-lead-art{transition:none}}
