.blog{--gut:16px}@media (min-width:561px){.blog{--gut:32px}}.blog .title-block{padding-top:48px}@media (min-width:561px){.blog .title-block{padding-top:76px}}.blog .stamp{grid-template-columns:auto 1fr}.blog-index{padding-top:56px}.blog-cats{font-family:var(--data);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:8px 18px;margin:0 0 28px;font-size:11px;display:flex}.blog-cats a{color:var(--ink-3);border-bottom:1px solid #0000;padding:6px 0}.blog-cats a:hover{color:var(--ink)}.blog-cats a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}.blog-cats a small{color:var(--ink-3);margin-left:4px}.post-grid{border-top:1px solid var(--ink);grid-template-columns:1fr;gap:0;display:grid}@media (min-width:720px){.post-grid{grid-template-columns:repeat(2,1fr);gap:0 40px}}@media (min-width:1040px){.post-grid{grid-template-columns:repeat(3,1fr)}}.post-card{border-bottom:1px solid var(--line)}.post-card>a{color:inherit;align-content:start;gap:14px;height:100%;padding:26px 0 30px;display:grid}.post-card>a:hover{background:#eaf1f809}.post-card__media{border:1px dashed var(--line);background:var(--ground-2);aspect-ratio:16/10;position:relative;overflow:hidden}.post-card__media img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.post-card__media.is-empty{background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);background-size:24px 24px}.post-card__media.is-empty span{font-family:var(--display);color:var(--ink-3);letter-spacing:.05em;place-items:center;font-size:40px;display:grid;position:absolute;inset:0}.post-card .lbl{color:var(--ink-3)}.post-card h3{font-family:var(--display);color:var(--ink);letter-spacing:.025em;font-size:29px;font-weight:400;line-height:1.02}.post-card p{color:var(--ink-3);max-width:62ch;margin:0;font-size:14.5px}.post-card .go{font-family:var(--data);letter-spacing:.12em;color:var(--ink);border-bottom:1px solid var(--line);place-self:end start;font-size:11px}.post-card>a:hover .go{border-bottom-color:var(--ink)}.post-empty{font-family:var(--data);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:60px 0;font-size:12px}.pager{border-top:1px solid var(--line);font-family:var(--data);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;align-items:center;gap:16px;margin-top:34px;padding-top:18px;font-size:11px;display:flex}.pager a{color:var(--ink);border-bottom:1px solid var(--line)}.pager a:hover{border-bottom-color:var(--ink)}.pager span[aria-disabled]{color:var(--ink-3)}.post-head{padding:44px 0 0}@media (min-width:561px){.post-head{padding-top:64px}}.post-head .crumbs{margin-bottom:22px}.post-head .lbl{margin-bottom:14px}.post-head h1{max-width:20ch;font-size:clamp(34px,5.4vw,60px)}.post-head .standfirst{margin-top:20px}.byline{border-top:1px solid var(--line);border-bottom:1px solid var(--line-soft);font-family:var(--data);letter-spacing:.1em;color:var(--ink-3);align-items:center;gap:14px;margin:28px 0 0;padding:18px 0;font-size:11px;display:flex}.byline img{object-fit:cover;border:1px solid var(--line);border-radius:50%;width:40px;height:40px}.byline b{color:var(--ink);letter-spacing:.08em;font-weight:500;display:block}.post-cover{margin-top:36px}.post-cover .media{aspect-ratio:16/9}.post-body{padding:36px 0 40px}.post-body>.inner{width:min(66ch, calc(100% - var(--gut) * 2));margin:0 auto}.post-body h2{max-width:24ch;margin:44px 0 14px;font-size:30px}.post-body h3{margin:30px 0 10px;font-size:21px}.post-body h4{font-family:var(--data);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:26px 0 8px;font-size:12px}.post-body p{margin-bottom:18px;font-size:16px;line-height:1.75}.post-body ul,.post-body ol{margin:0 0 22px}.post-body li{color:var(--ink-2);border-bottom:1px solid var(--line-soft);padding:8px 0 8px 25px;font-size:15.5px;position:relative}.post-body li:last-child{border-bottom:0}.post-body ul li:before{content:"";background:var(--ink-3);width:12px;height:1px;position:absolute;top:20px;left:0}.post-body ol{counter-reset:n}.post-body ol li{counter-increment:n}.post-body ol li:before{content:counter(n, decimal-leading-zero);font-family:var(--data);color:var(--ink-3);font-size:11px;position:absolute;top:8px;left:0}.post-body li p{margin:0}.post-body blockquote{border-left:2px solid var(--ink);color:var(--ink);margin:30px 0;padding-left:22px;font-size:18px;line-height:1.6}.post-body blockquote p{font-size:inherit;line-height:inherit;margin:0}.post-body hr{border:0;border-top:1px solid var(--line);margin:36px 0}.post-body a{border-bottom:1px solid var(--line)}.post-body a:hover{border-bottom-color:var(--ink)}.post-body code{font-family:var(--data);background:var(--ground-2);border:1px solid var(--line-soft);padding:1px 5px;font-size:.92em}.post-body .post-code{background:var(--ground-2);border:1px solid var(--line);font-family:var(--data);color:var(--ink);margin:26px 0;padding:18px 20px;font-size:13px;line-height:1.6;position:relative;overflow-x:auto}.post-body .post-code code{font-size:inherit;background:0;border:0;padding:0}.post-body .post-code:before{content:attr(data-language);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:10px;position:absolute;top:6px;right:10px}.post-body .note{border:1px solid var(--line);background:var(--ground-2);margin:30px 0;padding:22px 24px;font-size:15px}.post-body .note .data{font-family:var(--data);letter-spacing:.14em;color:var(--ink-3);margin-bottom:8px;font-size:11px;display:block}.post-body .note p{margin:0;font-size:15px}.post-body .note p+p{margin-top:10px}.post-body .table-wrap{margin:26px 0;overflow-x:auto}.post-body table{border-collapse:collapse;border-top:1px solid var(--ink);width:100%}.post-body th{font-family:var(--data);letter-spacing:.14em;color:var(--ink-3);text-align:left;border-bottom:1px solid var(--line);padding:12px 16px 12px 0;font-size:11px;font-weight:400}.post-body td{border-bottom:1px solid var(--line-soft);color:var(--ink-2);vertical-align:top;padding:13px 16px 13px 0;font-size:14.5px}.post-body td:first-child{color:var(--ink)}.post-body th p,.post-body td p{font-size:inherit;margin:0;line-height:1.5}.post-body .post-figure{margin:30px 0}.post-body .post-figure img{border:1px dashed var(--line);width:100%;height:auto;display:block}.post-body .post-figure figcaption,.post-body .post-demo figcaption{font-family:var(--data);letter-spacing:.1em;color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:12px;font-size:11px;display:flex}.post-body .post-demo{margin:30px 0}.post-body .post-demo .media{aspect-ratio:auto}.post-body .post-demo iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.post-body .post-demo figcaption a{border-bottom:1px solid var(--line);color:var(--ink)}.post-body .post-cta{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);margin:40px 0;padding:26px 0 30px}.post-body .post-cta h3{margin:0 0 8px;font-size:26px}.post-body .post-cta p{max-width:60ch;margin:0}.post-body .post-cta .actions{margin-top:22px}.post-foot{padding-bottom:80px}.post-share{border-top:1px solid var(--line);font-family:var(--data);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:10px 20px;padding:18px 0;font-size:11px;display:flex}.post-share a{color:var(--ink);border-bottom:1px solid var(--line)}.post-share a:hover{border-bottom-color:var(--ink)}.author-box{border-top:1px solid var(--line);grid-template-columns:1fr;gap:16px;padding:26px 0;display:grid}@media (min-width:720px){.author-box{grid-template-columns:64px 1fr;gap:24px}}.author-box img{object-fit:cover;border:1px solid var(--line);border-radius:50%;width:64px;height:64px}.author-box .lbl{margin-bottom:6px}.author-box h3{margin:0 0 4px;font-size:24px}.author-box .role{font-family:var(--data);letter-spacing:.1em;color:var(--ink-3);margin-bottom:10px;font-size:11px}.author-box p{max-width:62ch;margin:0;font-size:15px}.author-box .links{font-family:var(--data);letter-spacing:.12em;text-transform:uppercase;gap:16px;margin-top:12px;font-size:11px;display:flex}.author-box .links a{color:var(--ink);border-bottom:1px solid var(--line)}.post-nav{border-top:1px solid var(--line);grid-template-columns:1fr;gap:0;display:grid}@media (min-width:720px){.post-nav{grid-template-columns:1fr 1fr}}.post-nav a{color:inherit;border-bottom:1px solid var(--line-soft);gap:8px;padding:22px 0;display:grid}@media (min-width:720px){.post-nav a:last-child{text-align:right;border-left:1px solid var(--line-soft);padding-left:24px}.post-nav a:first-child{padding-right:24px}}.post-nav a .lbl{color:var(--ink-3)}.post-nav a b{font-family:var(--display);color:var(--ink);letter-spacing:.025em;font-size:24px;font-weight:400;line-height:1.05}.post-nav a:hover b{text-underline-offset:4px;text-decoration:underline}.post-nav .post-nav__empty{opacity:.5}.preview-banner{z-index:15;background:var(--ink);color:var(--ground);font-family:var(--data);letter-spacing:.14em;text-transform:uppercase;padding:10px var(--gut);text-align:center;font-size:11px;position:sticky;top:72px}.preview-banner b{font-weight:500}