.blog-listing{--blog-accent: var(--palette-green-base, #00ffbc);color:var(--txt-neutral-ultra-bright);background:var(--bg-ultra-deep)}.blog-listing h1,.blog-listing h2,.blog-listing p{margin:0}.blog-listing [hidden]{display:none!important}.blog-hero{display:flex;flex-direction:column;justify-content:space-between;height:680px;padding:160px 64px 80px;background:#090909 url(/images/blog/studio-hero.webp) center/cover no-repeat}.blog-eyebrow{display:flex;align-items:center;gap:24px;padding:12px 32px;font-family:PP Formula Extended Bold,sans-serif;font-size:20px;line-height:32px;text-transform:uppercase}.blog-back{flex:0 0 24px;height:24px;background:var(--blog-accent)}.blog-filters{display:flex;align-items:flex-end;gap:4px}.blog-category-mark{flex:0 0 60px;height:60px}.blog-category-mark img{max-width:none}.blog-category-mark__app,.blog-categories--app{display:none}.blog-categories{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:4px}.blog-categories--app{display:none}.blog-filters button,.blog-filters select{min-height:0;border:0;border-radius:0;padding:12px 16px;background:#e8e8e805;color:inherit;font:400 14px/1.3 var(--font-family-geist),sans-serif;text-transform:uppercase;cursor:pointer}.blog-filters button[aria-pressed=true]{background:color-mix(in srgb,var(--blog-accent) 60%,transparent)}.blog-filters button:hover{background:color-mix(in srgb,var(--blog-accent) 25%,transparent)}.blog-filters button:focus-visible,.blog-filters select:focus-visible,.blog-pagination button:focus-visible,.blog-back:focus-visible{outline:2px solid var(--blog-accent);outline-offset:4px}.blog-sort{display:flex;align-items:center;gap:4px}.blog-sort label{display:flex;position:relative;align-items:center}.blog-sort select{appearance:none;width:144px;padding-right:34px}.blog-sort select option{color:#101010;background:#e8e8e8}.blog-sort label img{position:absolute;right:12px;pointer-events:none;max-width:none}.blog-articles{padding:160px 64px}.blog-articles__heading{display:flex;align-items:flex-end;gap:48px;width:min(1241px,100%);margin:0 auto 160px}.blog-articles__heading h1{font:800 120px/.85 PP Formula Extended Bold,sans-serif;text-transform:uppercase;text-box-trim:trim-both;text-box-edge:cap alphabetic}.blog-articles__heading picture{display:flex;flex-shrink:0}.blog-articles__heading img{max-width:none}.blog-articles__line{flex:1;min-width:20px;border-bottom:.5px solid #202020}.blog-results{max-width:1104px;margin:auto}.blog-posts{display:grid;gap:12px}.blog-post{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;column-gap:42px;border:.5px solid #262626;padding:42px;background:#121212cc;backdrop-filter:blur(3.5px)}.blog-post:after{content:"";position:absolute;width:8px;height:48px;background:var(--palette-green-base, #00ffbc);top:0;right:-32px;opacity:0}.blog-post:hover:after,.blog-post:focus-within:after{opacity:1}.blog-post__metadata{display:flex;flex-direction:column;justify-content:space-between;gap:21px;align-items:flex-end;text-align:right;min-width:0}.blog-post h2{font:800 21px/1.17 PP Formula Extended Bold,sans-serif;text-transform:uppercase;overflow-wrap:anywhere}.blog-post h2 a{color:inherit;text-decoration:none}.blog-post h2 a:focus-visible{outline:2px solid var(--palette-green-base, #00ffbc);outline-offset:4px}.blog-post__number{font-style:italic}.blog-post__tags,.blog-post__summary{color:var(--txt-neutral-soft-low);font:300 12.25px/1.25 var(--font-family-geist),sans-serif}.blog-post__tags{display:grid;gap:2px}.blog-post__summary{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:21px;min-width:0}.blog-post__summary:before{content:"";position:absolute;left:-21px;top:0;bottom:0;border-left:.5px solid var(--border-primary, #414141)}.blog-post .blog-post__read{--app-button-size: 14px;min-height:36.75px;padding:7px 14px}.blog-empty{padding:48px;border:.5px solid #414141;text-align:center;color:var(--txt-neutral-soft-low)}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:48px;font-size:12px;text-transform:uppercase}.blog-pagination button{border:1px solid #414141;color:inherit;background:transparent;padding:12px 16px;font:inherit;cursor:pointer}.blog-pagination button:disabled{opacity:.4;cursor:default}.blog-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html[data-blog-section=app] .blog-listing{--blog-accent: #ff0038}html[data-blog-section=app] .blog-hero{background-image:url(/images/blog/app-hero.webp);background-color:#eee;color:#101010}html[data-blog-section=app] .blog-categories--studio,html[data-blog-section=app] .blog-category-mark__studio{display:none}html[data-blog-section=app] .blog-categories--app{display:flex}html[data-blog-section=app] .blog-category-mark__app{display:block}html[data-blog-section=app] .blog-sort label img{filter:invert(1)}html[data-blog-section=app] .blog-post{padding:48px}@media(min-width:768px)and (max-width:1199px){html[data-blog-section=studio] .blog-hero{background-image:url(/images/blog/studio-hero-tablet.webp)}}@media(max-width:1199px){.blog-eyebrow{font-size:16px;line-height:24px}.blog-category-mark{display:none}.blog-filters button,.blog-filters select{font-size:12px}.blog-sort select{width:128px}.blog-articles__heading h1{font-size:56px}.blog-articles__heading{gap:48px}.blog-post h2{font-size:18px}.blog-post .blog-post__read{--app-button-size: 12px}html[data-blog-section=app] .blog-post{padding:42px}}@media(max-width:767px){.blog-hero{padding:64px 24px 48px}.blog-eyebrow{padding:6px 20px;gap:16px;font-size:12px;line-height:20px}.blog-filters{gap:16px}.blog-categories{flex-direction:column;align-items:flex-start}.blog-sort{flex-direction:column;align-items:flex-end;gap:4px}.blog-filters button,.blog-filters select{padding:6px 8px;font-size:10px}.blog-sort select{width:92px;padding-right:24px}.blog-sort label img{right:4px}.blog-articles{padding:64px 24px}.blog-articles__heading{margin-bottom:64px;gap:16px}.blog-articles__heading h1{font-size:32px;line-height:1;flex:1}.blog-articles__line{display:none}.blog-posts{gap:6px}.blog-post,html[data-blog-section=app] .blog-post{padding:32px 20px;grid-template-columns:minmax(0,160fr) minmax(0,121fr);gap:32px}.blog-post__summary:before{left:-16px}.blog-post h2{font-size:12px;line-height:20px}.blog-post__tags,.blog-post__summary{font-size:12.25px;line-height:1.25}.blog-post__metadata,.blog-post__summary{gap:21px}.blog-post .blog-post__read{width:100%;min-height:38px;padding:6px;--app-button-size: 10.87px}.blog-post:after{width:6px;right:-16px}.blog-empty{padding:32px 20px;font-size:14px}}