.blog-index{padding-top:clamp(48px,6vw,80px)}.blog-feature{display:block}.blog-feature-text{max-width:760px;margin:clamp(28px,4vw,40px) auto 0;text-align:center}.blog-feature-text h2{margin-top:12px}.blog-feature-text .lead{margin:16px auto 0}.blog-feature:hover h2{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--line-strong);text-underline-offset:8px}.blog-earlier{margin-top:clamp(80px,10vw,128px)}.blog-earlier .blog-rows{margin-top:24px}.blog-row{position:relative;display:grid;grid-template-columns:136px minmax(0,1fr) 16px;gap:32px;align-items:baseline;padding:28px 0}.blog-row-link:after{content:"";position:absolute;inset:0}.blog-row-summary{margin-top:8px;max-width:62ch;color:var(--text-2);text-wrap:pretty}.blog-row-chevron{width:16px;height:16px;align-self:center;color:var(--text-3);transition:color var(--dur-fast) var(--ease-out)}.blog-row:hover .blog-row-chevron{color:var(--text)}.blog-post{padding-top:clamp(48px,7vw,96px)}.blog-post-head{text-align:center}.blog-post-head h1{max-width:980px;margin:16px auto 0}.blog-post-cover{margin-top:clamp(40px,6vw,72px)}.blog-prose{margin-top:clamp(56px,7vw,96px);font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem);line-height:1.65}.blog-prose h2{margin-top:clamp(80px,10vw,128px)}.blog-prose>.blog-media,.blog-prose>.blog-media+*{margin-top:clamp(28px,4vw,44px)}.blog-post-loading{min-height:40vh}.prose .blog-post-signoff{margin-top:2.4em;font-weight:500;color:var(--text)}.blog-more{margin-top:clamp(80px,10vw,128px)}.blog-more .blog-rows{margin-top:24px}.blog-post-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:clamp(56px,7vw,80px);font-size:var(--text-small);color:var(--text-2)}.blog-post-footer a{padding:12px 0;margin:-12px 0}.blog-back{display:inline-flex;align-items:center;gap:4px}.blog-back svg{width:16px;height:16px;margin-left:-5px}.blog-comments{margin-top:clamp(80px,10vw,128px)}.blog-comments:focus,.blog-comment:focus{outline:none}.blog-comments-failed{font-size:var(--text-small);color:var(--text-2)}.blog-comment-list{margin-top:24px}.blog-comment-list>.blog-comment{padding:28px 0;border-top:1px solid var(--line)}.blog-comment-list>.blog-comment:last-child{border-bottom:1px solid var(--line)}.blog-comment{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px}.blog-comment-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line);color:var(--text-2);font-size:15px;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none}.blog-comment-avatar.is-team{background:#1c1c1e}.blog-comment-avatar.is-team img{width:62%;height:62%;object-fit:contain}.blog-comment-avatar.is-gone{background:transparent}.blog-comment-meta{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;min-height:36px}.blog-comment-name{min-width:0;font-size:var(--text-small);font-weight:600;color:var(--text);overflow-wrap:anywhere}.blog-comment-team{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:var(--r-pill);background:var(--green-tint);color:var(--green);font-size:12px;font-weight:500}.blog-comment-time{font-size:var(--text-caption);color:var(--text-3)}.blog-comment-text{color:var(--text-2);line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;text-wrap:pretty}.blog-comment-text a{color:var(--green)}.blog-comment-text a:hover{text-decoration:underline;text-underline-offset:3px}.blog-comment-gone{display:flex;align-items:center;min-height:36px;font-size:var(--text-small);color:var(--text-3)}.blog-comment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;margin-top:8px;font-size:14px}.blog-comment-action{padding:6px 0;font-weight:500;color:var(--text-3);transition:color var(--dur-fast) var(--ease-out)}.blog-comment-action:hover{color:var(--text)}.blog-comment-action.is-delete:hover,.blog-comment-action.is-danger{color:#ff8a8a}.blog-comment-action.is-danger:hover{color:#ffb4b4}.blog-comment-confirm{font-weight:500;color:var(--text-2)}.blog-comment-error{margin-top:8px;font-size:var(--text-caption);color:#ffb4b4}.blog-comment-replies{margin-top:20px}.blog-comment-replies>.blog-comment+.blog-comment{margin-top:22px}.blog-comment-replies .blog-comment{grid-template-columns:28px minmax(0,1fr);column-gap:12px}.blog-comment-replies .blog-comment-avatar{width:28px;height:28px;font-size:12px}.blog-comment-replies :is(.blog-comment-meta,.blog-comment-gone){min-height:28px}.blog-comment:is(.is-new,.is-linked):before{content:"";position:absolute;inset:-10px -14px;border-radius:var(--r-sm);background:var(--green-tint);opacity:0;pointer-events:none;animation:blog-comment-glow 1.6s var(--ease-out)}.blog-comment-list>.blog-comment:is(.is-new,.is-linked):before{inset:14px -14px}.blog-comment.is-new>*{animation:blog-comment-in var(--dur) var(--ease-out)}@keyframes blog-comment-glow{0%,35%{opacity:1}to{opacity:0}}@keyframes blog-comment-in{0%{opacity:0;transform:translateY(4px)}}.blog-comment-form{margin-top:48px}.blog-comments>.blog-comment-form:first-child{margin-top:0}.blog-comment-form.is-inline{margin-top:22px;padding:20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-raised)}.blog-comment-form.is-inline .input{background:var(--bg)}.blog-comment-form-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.blog-comment-form-title{font-family:var(--font-text);font-size:var(--text-h4);font-weight:600;line-height:1.3;letter-spacing:0}.blog-comment-form.is-inline .blog-comment-form-title{font-size:var(--text-body)}.blog-comment-form-body{display:grid;gap:12px;margin-top:16px}.blog-comment-form textarea.input{min-height:128px}.blog-comment-form.is-inline textarea.input{min-height:104px}.blog-comment-form-row{display:flex;align-items:flex-start;gap:12px}.blog-comment-name-field{flex:1;min-width:0;max-width:320px}.blog-comment-form-row .btn{margin-left:auto}.blog-comment-as{display:flex;align-items:center;gap:10px;min-height:48px;font-size:14px;color:var(--text-2)}.blog-comment-as .blog-comment-avatar{width:28px;height:28px}.blog-media{--media-w: min(880px, 100vw - 2 * var(--gutter));width:var(--media-w);margin-inline:calc((100% - var(--media-w)) / 2)}.blog-media.is-cover{--media-w: 100%}.blog-stage{container-type:inline-size;position:relative;display:flex;align-items:flex-start;justify-content:center;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-raised)}.blog-media.is-cover .blog-stage{aspect-ratio:16 / 9}.blog-media figcaption{margin-top:14px;text-align:center;text-wrap:balance}.blog-phone{--w: 40cqi;flex:none;width:var(--w);margin:7cqi 2cqi 0;padding:calc(var(--w) * .027);border-radius:calc(var(--w) * .147);background:#1c1c1e;box-shadow:var(--shadow-window)}.blog-phone>img,.blog-phone>video{display:block;width:100%;height:auto;aspect-ratio:1206 / 2622;object-fit:cover;border-radius:calc(var(--w) * .12);background:var(--bg)}@media(min-width:640px){.blog-stage[data-count="2"] .blog-phone{--w: 34cqi}.blog-stage[data-count="3"] .blog-phone{--w: 27cqi}.blog-media.is-cover .blog-phone{--w: 27cqi;margin-top:5cqi}.blog-media.is-cover .blog-stage[data-count="3"] .blog-phone{--w: 22cqi;margin-inline:2.5cqi}}.blog-stage.crop-bottom{align-items:flex-end}.blog-stage.crop-bottom .blog-phone{margin-top:0;margin-bottom:7cqi}.blog-stage.crop-center{align-items:center}.blog-stage.crop-center .blog-phone{margin-top:0}.blog-stage.is-glasses{align-items:center;aspect-ratio:16 / 9;background:var(--bg)}.blog-stage.is-glasses>img,.blog-stage.is-glasses>video{width:76cqi;height:auto;aspect-ratio:2 / 1}.blog-stage.is-none>img,.blog-stage.is-none>video{width:100%;height:100%;object-fit:cover}@media(max-width:639px){.blog-row{grid-template-columns:minmax(0,1fr) 16px;grid-template-areas:"date ." "text chevron";gap:10px 20px;padding:24px 0}.blog-row-date{grid-area:date}.blog-row-text{grid-area:text}.blog-row-chevron{grid-area:chevron}.blog-post-footer{flex-direction:column;align-items:flex-start;gap:20px}.blog-comment-form.is-inline{padding:16px}.blog-comment-name-field{max-width:none}.blog-stage,.blog-media.is-cover .blog-stage{aspect-ratio:4 / 5;border-radius:var(--r-md)}.blog-phone{--w: 60cqi;margin-top:9cqi}.blog-stage:is([data-count="2"],[data-count="3"]){justify-content:flex-start;overflow:auto hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.blog-stage:is([data-count="2"],[data-count="3"])::-webkit-scrollbar{display:none}.blog-stage:is([data-count="2"],[data-count="3"]) .blog-phone{margin-inline:3cqi;scroll-snap-align:center}.blog-stage:is([data-count="2"],[data-count="3"]) .blog-phone:first-child{margin-left:20cqi}.blog-stage:is([data-count="2"],[data-count="3"]) .blog-phone:last-child{margin-right:20cqi}.blog-stage.is-glasses{aspect-ratio:4 / 3}.blog-stage.is-glasses>img,.blog-stage.is-glasses>video{width:92cqi}}