.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-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{width:76cqi;height:auto}.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-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{width:92cqi}}