.blog-index{padding:84px 0 110px}.blog-intro{max-width:780px;margin-bottom:78px}.blog-intro .eyebrow{color:var(--color-muted);margin-bottom:22px}.blog-intro h1{letter-spacing:-3.5px;font-size:clamp(44px,5.5vw,74px);font-weight:450;line-height:1.1}.blog-intro>p:last-child{color:var(--color-muted);letter-spacing:-.4px;margin-top:23px;font-size:18px;line-height:1.7}.blog-list-heading{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;margin-bottom:25px;padding-top:24px;display:flex}.blog-list-heading h2{font-size:14px;font-weight:450}.blog-list-heading a{color:var(--color-muted);align-items:center;gap:8px;min-height:36px;font-size:12px;display:inline-flex}.blog-list-heading a .arrow{width:15px;height:15px}.post-list{gap:28px;display:grid}.post-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:15px;overflow:hidden}.post-card-link{grid-template-columns:1fr 1fr;min-height:370px;display:grid}.post-card:has(a:focus-visible){outline:2px solid var(--color-text);outline-offset:5px}.post-card-link:focus-visible{outline:none}.post-cover{aspect-ratio:16/9;background:#181818;place-items:center;display:grid;position:relative;overflow:hidden}.post-cover>img{object-fit:cover;width:100%;height:100%}.post-cover-contain>img{object-fit:contain;width:84%;height:84%;position:absolute;inset:8%}.post-cover-brand{letter-spacing:-5px;align-items:center;gap:12px;font-size:72px;display:flex}.post-cover-brand .mascot{width:80px;height:80px}.post-card .post-cover{aspect-ratio:auto;height:100%;min-height:340px}.post-card-copy{flex-direction:column;padding:45px;display:flex}.post-labels{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.3px;color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;display:flex}.draft-label{color:#d9bfed;border:1px solid #695379;border-radius:5px;padding:5px 7px}.post-card h2{letter-spacing:-1.7px;text-wrap:balance;margin-top:35px;font-size:clamp(28px,3vw,39px);font-weight:450;line-height:1.18}.post-card-copy>p{color:var(--color-muted);max-width:390px;margin-top:18px;font-size:14px;line-height:1.8}.post-card-bottom{color:var(--color-subtle);justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:35px;font-size:11px;line-height:1.6;display:flex}.meta-dot{margin-inline:9px}.post-card-arrow{width:38px;height:38px;color:var(--color-text);border:1px solid #3b3b37;border-radius:50%;flex-shrink:0;place-items:center;transition:background .18s,color .18s;display:grid}.post-card-link:hover .post-card-arrow{background:var(--color-text);color:var(--color-canvas)}.blog-empty{color:var(--color-muted);padding:35px 0;line-height:1.7}.blog-empty a{color:var(--color-text);text-underline-offset:4px;text-decoration:underline}.blog-post{max-width:1000px;margin-inline:auto;padding:32px 0 75px}.post-topline{color:var(--color-muted);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.back-link{min-height:44px;color:var(--color-muted);align-items:center;gap:10px;font-size:12px;transition:color .18s;display:inline-flex}.back-link:hover{color:var(--color-text)}.back-link .arrow{width:15px;height:15px}.post-header{text-align:center;max-width:820px;margin:66px auto 52px}.post-header .post-labels{justify-content:center;margin-bottom:24px}.post-header h1{letter-spacing:-2.7px;text-wrap:balance;font-size:clamp(38px,4.5vw,64px);font-weight:450;line-height:1.1}.post-description{color:#c3c3be;letter-spacing:-.45px;text-wrap:pretty;max-width:660px;margin:24px auto 0;font-size:19px;line-height:1.65}.post-byline{color:var(--color-muted);justify-content:center;align-items:center;margin-top:24px;font-size:11px;display:flex}.author-mascot{width:23px;height:23px;margin-right:8px;transform:rotate(-7deg)}.post-header .button,.post-header .app-downloads{margin-top:30px}.article-cover{border-radius:12px;max-width:800px;margin:0 auto 54px;overflow:hidden}.post-body{max-width:720px;margin-inline:auto}.prose{color:#c2c2bc;overflow-wrap:anywhere;font-size:17px;line-height:1.85}.prose>*+*{margin-top:24px}.prose>:first-child{margin-top:0}.prose h2,.prose h3,.prose h4{color:var(--color-text);text-wrap:balance;scroll-margin-top:40px;font-weight:450;line-height:1.3}.prose h2{letter-spacing:-1.15px;margin-top:65px;margin-bottom:22px;font-size:32px}.prose h3{letter-spacing:-.6px;margin-top:38px;font-size:23px}.prose h4{margin-top:30px;font-size:19px}.prose h2+*,.prose h3+*,.prose h4+*{margin-top:16px}.prose strong{color:var(--color-text);font-weight:600}.prose a{color:var(--color-text);text-underline-offset:5px;text-decoration:underline 1px #757570}.prose a:hover{text-decoration-color:var(--color-text)}.prose ul,.prose ol{padding-left:23px}.prose li+li{margin-top:11px}.prose li::marker{color:var(--color-subtle)}.prose blockquote{letter-spacing:-.7px;color:#dbcee9;border-left:2px solid #ad92d0;margin:38px 0;padding:10px 0 10px 27px;font-size:26px;font-weight:400;line-height:1.6}.prose blockquote>*+*{margin-top:14px}.prose img,.prose video{border-radius:9px;width:100%;height:auto;margin-block:32px}.prose figure{margin-inline:0}.prose figcaption{color:var(--color-muted);text-align:center;margin-top:12px;font-size:12px;line-height:1.7}.prose hr{border:0;border-top:1px solid var(--color-line);margin:40px 0}.prose pre{border:1px solid var(--color-line);border-radius:10px;max-width:100%;padding:22px;font-size:13px;line-height:1.7;overflow:auto}.prose code{font-family:var(--font-mono);font-size:.85em}.prose :not(pre)>code{color:#e6e2da;background:#242421;border:1px solid #343430;border-radius:4px;padding:3px 6px}.prose table{border-collapse:collapse;max-width:100%;font-size:14px;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--color-line);text-align:left;padding:12px 18px 12px 0}.prose th{color:var(--color-text);font-weight:550}.post-end{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:24px;max-width:720px;margin:60px auto 0;padding:34px 0;display:flex}.post-end .eyebrow{color:var(--color-subtle);font-size:9px}.post-end p{letter-spacing:-.8px;margin-top:9px;font-size:24px}.post-end:has(.app-downloads){flex-wrap:wrap}.post-end .app-downloads{justify-content:flex-start}.post-back{width:fit-content;margin:32px auto 0;display:flex}@media (width<=900px){.post-card-copy{padding:30px}.post-card h2{margin-top:26px}.post-card-bottom{flex-wrap:wrap}}@media (width<=760px){.blog-index{padding:52px 0 65px}.blog-intro{margin-bottom:48px}.blog-intro h1{letter-spacing:-2px}.blog-intro>p:last-child{margin-top:18px;font-size:16px}.post-card-link{grid-template-columns:1fr}.post-card .post-cover{aspect-ratio:16/10;min-height:0}.post-card h2{margin-top:24px;font-size:32px}.post-card-copy{padding:28px}.post-card-bottom{flex-wrap:nowrap}.blog-post{padding-top:20px;padding-bottom:45px}.post-topline{font-size:11px}.post-header{margin-top:44px;margin-bottom:35px}.post-header h1{letter-spacing:-1.65px}.post-description{margin-top:20px;font-size:16px;line-height:1.7}.article-cover{border-radius:9px;margin-bottom:35px}.prose{font-size:16px;line-height:1.8}.prose h2{margin-top:45px;font-size:27px}.prose h3{font-size:22px}.prose blockquote{padding-left:20px;font-size:22px}.post-end{gap:15px;margin-top:45px}.post-end .button{gap:12px;padding-inline:16px;font-size:11px}.post-end p{font-size:21px}}@media (width<=400px){.post-end{flex-direction:column;align-items:flex-start;gap:22px}}@media (prefers-reduced-motion:reduce){.post-card-arrow,.back-link{transition:none}}