.blog-frame{border-inline:1px solid var(--border);word-break:keep-all;max-width:72rem;margin-inline:auto}.blog-section{padding:3rem clamp(1.25rem,5vw,3rem)}.blog-section+.blog-section{border-top:1px solid var(--border)}.blog-heading{font-family:var(--font-heading);letter-spacing:-.02em;margin:0 0 2rem;font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:600;line-height:1.15}.blog-intro .blog-heading{margin-bottom:.75rem}.blog-lead{max-width:36rem;color:var(--muted-foreground)}.blog-eyebrow{font-size:var(--ui-text-sm);line-height:var(--ui-line-height-sm);color:var(--link);margin:0;font-weight:600}.blog-meta{font-size:var(--ui-text-sm);line-height:var(--ui-line-height-sm);color:var(--muted-foreground);align-items:center;gap:.5rem;margin:0;display:flex}.blog-meta-dot{background-color:currentColor;border-radius:999px;width:3px;height:3px}.blog-cover{--cover-line:var(--border);--cover-ink:var(--foreground);--cover-soft:var(--muted-foreground);isolation:isolate;aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--surface-radius-lg);background-color:var(--sidebar);color:var(--cover-ink);flex-direction:column;justify-content:space-between;gap:1rem;padding:5.5% 6% 6.5%;display:flex;position:relative;overflow:hidden;container-type:inline-size}.blog-cover[data-tone=ink]{--cover-line:color-mix(in oklab, var(--primary-foreground) 16%, transparent);--cover-ink:var(--primary-foreground);--cover-soft:color-mix(in oklab, var(--primary-foreground) 70%, transparent);border-color:var(--primary);background-color:var(--primary)}.blog-cover:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#0000 25%,#000 75%);mask-image:linear-gradient(to bottom right,#0000 25%,#000 75%)}.blog-cover[data-pattern=rows]:before{background-image:linear-gradient(to right, transparent calc(32% - .5px), var(--cover-line) calc(32% - .5px), var(--cover-line) calc(32% + .5px), transparent calc(32% + .5px)), repeating-linear-gradient(to bottom, transparent 0 calc(11cqi - 1px), var(--cover-line) calc(11cqi - 1px) 11cqi)}.blog-cover[data-pattern=cells]:before{background-image:repeating-linear-gradient(to right, transparent 0 calc(14cqi - 1px), var(--cover-line) calc(14cqi - 1px) 14cqi), repeating-linear-gradient(to bottom, transparent 0 calc(9cqi - 1px), var(--cover-line) calc(9cqi - 1px) 9cqi)}.blog-cover[data-pattern=columns]:before{background-image:linear-gradient(to bottom, transparent calc(30% - .5px), var(--cover-line) calc(30% - .5px), var(--cover-line) calc(30% + .5px), transparent calc(30% + .5px)), repeating-linear-gradient(to right, transparent 0 calc(20cqi - 1px), var(--cover-line) calc(20cqi - 1px) 20cqi)}.blog-cover-head{color:var(--cover-soft);justify-content:space-between;gap:1rem;font-size:max(.75rem,2.2cqi);font-weight:500;line-height:1.3;display:flex}.blog-cover-brand{font-family:var(--font-heading);color:var(--cover-ink);font-weight:600}.blog-cover-title{font-family:var(--font-heading);letter-spacing:-.02em;text-wrap:balance;flex-direction:column;margin:0;font-size:6.5cqi;font-weight:400;line-height:1.2;display:flex}.blog-cover-strong{font-weight:700}.blog-cover[data-size=feature]{aspect-ratio:16/7;padding:4.5% 5% 5%}.blog-cover[data-size=feature] .blog-cover-head{font-size:max(.75rem,1.6cqi)}.blog-cover[data-size=feature] .blog-cover-title{font-size:5.5cqi}.blog-cover[data-size=banner]{aspect-ratio:21/8;padding:4.5% 5% 5%}.blog-cover[data-size=banner] .blog-cover-head{font-size:max(.75rem,1.5cqi)}.blog-cover[data-size=banner] .blog-cover-title{font-size:5cqi}@media (max-width:640px){.blog-cover[data-size=feature],.blog-cover[data-size=banner]{aspect-ratio:4/3;padding:6%}.blog-cover[data-size=feature] .blog-cover-title,.blog-cover[data-size=banner] .blog-cover-title{font-size:8cqi}.blog-cover[data-size=feature] .blog-cover-head,.blog-cover[data-size=banner] .blog-cover-head{font-size:.75rem}}.blog-feature{color:inherit;flex-direction:column;gap:1.75rem;text-decoration:none;display:flex}.blog-feature-body{flex-direction:column;align-items:flex-start;gap:.625rem;max-width:40rem;display:flex}.blog-feature-title{font-family:var(--font-heading);letter-spacing:-.015em;margin:0;font-size:clamp(1.375rem,2.5vw,1.75rem);font-weight:600;line-height:1.3}.blog-feature-summary{color:var(--muted-foreground);margin:0}.blog-read{margin-top:.75rem}.blog-read svg{transition:transform var(--motion-fast) var(--motion-ease)}.blog-grid{gap:3rem 2rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-card{color:inherit;flex-direction:column;gap:.875rem;text-decoration:none;display:flex}.blog-card .blog-meta{margin-top:.25rem}.blog-card-title{font-family:var(--font-heading);font-size:var(--ui-text-lg);text-wrap:pretty;margin:0;font-weight:600;line-height:1.4}.blog-feature .blog-cover,.blog-card .blog-cover{transition:border-color var(--motion-fast) var(--motion-ease)}.blog-feature:hover .blog-cover,.blog-card:hover .blog-cover{border-color:var(--border-strong)}.blog-feature:hover .blog-feature-title,.blog-card:hover .blog-card-title{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.blog-feature:focus-visible,.blog-card:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:var(--surface-radius-lg)}@media (prefers-reduced-motion:no-preference){.blog-feature:hover .blog-read svg{transform:translate(2px)}}.blog-banner{padding-bottom:0}.blog-banner+.blog-section{border-top:0}.blog-post{gap:1.5rem;display:grid}@media (min-width:1024px){.blog-post{grid-template-columns:13rem minmax(0,1fr);gap:3rem}.blog-post-rail{align-self:start;position:sticky;top:2rem}}.blog-post-rail{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.blog-back{font-size:var(--ui-text-sm);line-height:var(--ui-line-height-sm);color:var(--muted-foreground);align-items:center;gap:.375rem;text-decoration:none;display:inline-flex}.blog-back:hover{color:var(--foreground)}.blog-back svg{width:14px;height:14px}.blog-post-rail .site-rail{width:100%;position:static}.blog-article>h1{margin-block-start:0}.blog-post-meta{border-block:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-block:1rem 1.5rem;padding-block:.625rem;display:flex}