.blog-site{min-height:100vh}.blog-index,.article-page{overflow:clip}.blog-index-intro{max-width:var(--site-width);grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:clamp(40px,8vw,110px);margin:0 auto;padding:104px 28px 86px;display:grid}.blog-index-label{color:var(--pressed-indigo);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-micro);letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px;font-weight:720}.blog-index-intro h1,.article-header h1{text-transform:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif}.blog-index-intro h1{font-size:var(--font-display);letter-spacing:-.04em;text-wrap:balance;max-width:9ch;font-weight:770;line-height:.93}.blog-index-intro>p{color:var(--muted-ink);font-size:var(--font-lede);max-width:38ch;line-height:1.6}.featured-post{background:var(--graphite);color:#fff;max-width:var(--section-width);grid-template-columns:150px minmax(0,1fr) minmax(260px,.62fr);gap:clamp(42px,6vw,82px);margin:0 auto;padding:clamp(42px,6vw,72px);display:grid}.featured-post-meta{align-content:start;gap:10px;display:grid}.featured-post-meta span,.featured-post-meta time,.post-ledger-meta,.featured-capture small,.featured-capture>span:not(.featured-capture-corner){font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-micro);line-height:1.5}.featured-post-meta span{color:#b8b0ff;letter-spacing:.08em;text-transform:uppercase;font-weight:720}.featured-post-meta time{color:var(--inverse-muted)}.featured-post-copy{max-width:590px}.featured-post-copy h2{font-size:var(--font-headline);line-height:1}.featured-post-copy h2 a,.post-ledger-copy h3 a,.related-posts h3 a{text-decoration:none}.featured-post-copy h2 a:hover,.post-ledger-copy h3 a:hover,.related-posts h3 a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--canvas-indigo);text-decoration-color:var(--canvas-indigo);text-underline-offset:5px;text-decoration-thickness:2px}.featured-post-copy>p{color:var(--inverse-muted);max-width:56ch;margin-top:22px;line-height:1.66}.blog-read-link{color:#fff;font-size:var(--font-small);-webkit-text-decoration-color:var(--canvas-indigo);text-decoration-color:var(--canvas-indigo);text-underline-offset:6px;margin-top:30px;font-weight:700;text-decoration-thickness:2px;display:inline-block}.featured-capture{border:1px solid color-mix(in srgb, var(--inverse-muted) 52%, var(--graphite));text-align:center;align-content:center;align-self:stretch;justify-items:center;min-height:240px;padding:32px;display:grid;position:relative}.featured-capture strong{color:var(--canvas-indigo);font-family:var(--font-display-face), Impact, "Arial Narrow", sans-serif;font-size:var(--font-headline);font-weight:400;line-height:.9}.featured-capture>span:not(.featured-capture-corner){color:var(--inverse-muted);text-transform:uppercase;margin-top:13px}.featured-capture i{background:var(--canvas-indigo);border-radius:50%;width:8px;height:8px;margin:27px 0 14px;box-shadow:0 0 0 5px #6758e838}.featured-capture small{color:#fff;font-weight:650}.featured-capture-corner{width:15px;height:15px;position:absolute}.corner-top-left{border-top:1px solid #fff;border-left:1px solid #fff;top:-7px;left:-7px}.corner-top-right{border-top:1px solid #fff;border-right:1px solid #fff;top:-7px;right:-7px}.corner-bottom-left{border-bottom:1px solid #fff;border-left:1px solid #fff;bottom:-7px;left:-7px}.corner-bottom-right{border-bottom:1px solid #fff;border-right:1px solid #fff;bottom:-7px;right:-7px}.post-ledger{max-width:var(--section-width);margin:0 auto;padding:116px 28px 128px}.post-ledger-heading,.related-posts-heading{justify-content:space-between;align-items:end;display:flex}.post-ledger-heading h2,.related-posts-heading h2{font-size:var(--font-subhead)}.post-ledger-heading p,.related-posts-heading a{color:var(--muted-ink);font-size:var(--font-small)}.post-ledger-list{border-top:1px solid var(--graphite);margin-top:42px}.post-ledger-row{border-bottom:1px solid var(--hairline);grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:clamp(28px,5vw,72px);padding:34px 0;display:grid}.post-ledger-meta{color:var(--muted-ink);gap:7px;display:grid}.post-ledger-copy h3,.related-posts h3{font-size:calc(var(--font-title) * 1.25);letter-spacing:-.025em;line-height:1.12}.post-ledger-copy p,.related-posts article p{color:var(--muted-ink);max-width:64ch;margin-top:10px;line-height:1.6}.post-ledger-arrow{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.post-ledger-arrow svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:24px;height:24px;transition:transform .16s}.post-ledger-row:hover .post-ledger-arrow svg{transform:translate(4px)}.blog-footer{border-top:1px solid var(--hairline)}.article-breadcrumbs{color:var(--muted-ink);font-size:var(--font-small);align-items:center;gap:9px;max-width:840px;margin:0 auto;padding:48px 28px 0;display:flex}.article-breadcrumbs a{text-underline-offset:4px}.article-shell{max-width:840px;margin:0 auto;padding:64px 28px 116px}.article-header{border-bottom:1px solid var(--graphite);padding-bottom:54px}.article-meta{color:var(--muted-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-micro);letter-spacing:.02em;gap:20px;display:flex}.article-meta span:before{content:"·";margin-right:20px}.article-header h1{font-size:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin-top:28px;font-weight:770;line-height:.98}.article-summary{color:var(--muted-ink);font-size:var(--font-lede);max-width:60ch;margin-top:28px;line-height:1.55}.article-topics{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.article-topics span{background:var(--surface-soft);border-radius:var(--radius-control);color:var(--muted-ink);font-size:var(--font-micro);padding:7px 10px;font-weight:650}.article-body{font-size:1.06rem;line-height:1.75}.article-body>section{padding-top:72px}.article-body h2{font-size:var(--font-closing);letter-spacing:-.03em;margin-bottom:24px;line-height:1.08}.article-body p,.article-body ul,.article-body ol{max-width:70ch}.article-body p+p{margin-top:20px}.article-quick-action{border-bottom:1px solid var(--hairline);border-top:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:34px;padding:24px 0;display:grid}.article-quick-action strong{font-size:var(--font-title);line-height:1.35;display:block}.article-quick-action p{color:var(--muted-ink);font-size:var(--font-small);margin-top:5px;line-height:1.55}.gif-size-checker{background:color-mix(in srgb, var(--page) 60%, white);border:1px solid var(--graphite);grid-template-columns:minmax(0,1fr) auto;gap:24px;margin-top:30px;padding:28px;display:grid}.gif-size-checker-picker{background:var(--graphite);color:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-start;min-height:92px;padding:19px 22px;transition:background-color .16s;display:flex}.gif-size-checker-picker:hover{background:var(--pressed-graphite)}.gif-size-checker-picker:has(.gif-size-checker-input:focus-visible){outline:3px solid var(--canvas-indigo);outline-offset:4px}.gif-size-checker-picker>span{font-size:var(--font-title);text-decoration:underline;-webkit-text-decoration-color:var(--canvas-indigo);text-decoration-color:var(--canvas-indigo);text-underline-offset:5px;font-weight:720;line-height:1.3;text-decoration-thickness:2px}.gif-size-checker-picker small{color:var(--inverse-muted);font-size:var(--font-micro);margin-top:7px;line-height:1.5}.gif-size-checker-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gif-size-checker-limit{border-left:1px solid var(--hairline);align-content:center;min-width:150px;padding-left:24px;display:grid}.gif-size-checker-limit strong{color:var(--canvas-indigo);font-family:var(--font-display-face), Impact, "Arial Narrow", sans-serif;font-size:var(--font-headline);letter-spacing:-.02em;font-weight:400;line-height:.9}.gif-size-checker-limit span{color:var(--muted-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-micro);max-width:16ch;margin-top:9px;line-height:1.45}.gif-size-checker-result{border-top:1px solid var(--hairline);grid-column:1/-1;padding-top:24px}.gif-size-checker-verdict{justify-content:space-between;align-items:start;gap:20px;display:flex}.gif-size-checker-verdict>div{gap:4px;min-width:0;display:grid}.gif-size-checker-verdict strong{font-size:var(--font-title);line-height:1.3}.gif-size-checker-verdict span{color:var(--muted-ink);font-size:var(--font-micro);overflow-wrap:anywhere;line-height:1.5}.gif-size-checker-verdict b{color:var(--canvas-indigo);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-small);white-space:nowrap;line-height:1.5}.gif-size-checker-result[data-status=too-large] .gif-size-checker-verdict b,.gif-size-checker-result[data-status=not-gif] .gif-size-checker-verdict b{color:var(--graphite)}.gif-size-meter{background:var(--surface-soft);height:8px;margin-top:18px;overflow:hidden}.gif-size-meter span{background:var(--canvas-indigo);height:100%;display:block}.gif-size-checker-result[data-status=close] .gif-size-meter span,.gif-size-checker-result[data-status=too-large] .gif-size-meter span{background:var(--graphite)}.gif-size-checker-result>p{color:var(--muted-ink);font-size:var(--font-small);margin-top:15px;line-height:1.6}.article-media{max-width:70ch;margin-top:32px}.article-media img{background:var(--surface);border:1px solid var(--graphite);border-radius:var(--radius-media);box-shadow:6px 7px 0 var(--surface-soft);width:100%;height:auto}.article-media figcaption{color:var(--muted-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-micro);margin-top:16px;line-height:1.55}.article-template{max-width:70ch;margin-top:30px}.article-template figcaption{color:var(--muted-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-micro);letter-spacing:.06em;text-transform:uppercase;font-weight:720}.article-template pre{background:var(--graphite);color:#fff;margin:10px 0 0;padding:28px;overflow-x:auto}.article-template code{overflow-wrap:anywhere;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;line-height:1.7}.article-body ul,.article-steps{margin:26px 0 0;padding-left:1.35rem}.article-body li+li{margin-top:14px}.article-steps{counter-reset:article-step;padding-left:0;list-style:none}.article-steps li{border-top:1px solid var(--hairline);grid-template-columns:36px minmax(0,1fr);gap:8px 24px;padding:23px 0 2px;display:grid}.article-steps li:before{color:var(--canvas-indigo);content:counter(article-step, decimal-leading-zero);counter-increment:article-step;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-small);grid-row:1/3;font-weight:720}.article-steps strong{line-height:1.35}.article-steps p{color:var(--muted-ink);font-size:var(--font-body);line-height:1.65}.article-table-wrap{margin-top:30px;overflow-x:auto}.article-body table{border-collapse:collapse;font-size:var(--font-small);width:100%;min-width:680px;line-height:1.55}.article-body th,.article-body td{border-bottom:1px solid var(--hairline);text-align:left;vertical-align:top;padding:17px 18px}.article-body thead th{background:var(--graphite);color:#fff;font-size:var(--font-micro);letter-spacing:.04em;text-transform:uppercase}.article-body tbody th{width:24%;font-weight:720}.article-body tbody tr:nth-child(2n){background:color-mix(in srgb, var(--page) 72%, white)}.article-cta{background:var(--graphite);color:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:38px;margin-top:84px;padding:36px 40px;display:grid}.article-cta h2{font-size:var(--font-closing);margin-bottom:0}.article-cta p{color:var(--inverse-muted);font-size:var(--font-small);margin-top:10px;line-height:1.6}.article-sources ul{padding:0;list-style:none}.article-sources li{border-top:1px solid var(--hairline);gap:6px;padding:18px 0 2px;display:grid}.article-sources a{font-size:var(--font-small);text-underline-offset:4px;font-weight:700}.article-sources span{color:var(--muted-ink);font-size:var(--font-small);line-height:1.55}.related-posts{background:color-mix(in srgb, var(--page) 74%, white);padding:88px max(28px, calc((100vw - var(--section-width)) / 2 + 28px))}.related-posts-heading,.related-posts-list{max-width:calc(var(--section-width) - 56px);margin-inline:auto}.related-posts-heading a{text-underline-offset:4px}.related-posts-list{border-top:1px solid var(--graphite);grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;margin-top:34px;padding-top:30px;display:grid}.related-posts article>span{color:var(--canvas-indigo);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-micro);margin-bottom:14px;font-weight:720;display:block}@media (max-width:900px){.blog-index-intro{grid-template-columns:1fr;align-items:start}.blog-index-intro>p{max-width:50ch}.featured-post{grid-template-columns:120px minmax(0,1fr)}.featured-capture{display:none}}@media (max-width:680px){.blog-index-intro{gap:28px;padding:70px 20px 62px}.blog-index-label{margin-bottom:16px}.blog-index-intro h1{font-size:var(--font-display-mobile);max-width:10ch}.featured-post{grid-template-columns:1fr;gap:30px;margin-inline:20px;padding:36px 28px 40px}.featured-post-meta{justify-content:space-between;align-items:center;display:flex}.post-ledger{padding:86px 20px 96px}.post-ledger-row{grid-template-columns:minmax(0,1fr) auto;gap:13px 18px;padding:28px 0}.post-ledger-meta{grid-column:1/-1;gap:12px;display:flex}.post-ledger-arrow{width:44px;height:44px}.article-breadcrumbs{padding:34px 20px 0}.article-shell{padding:48px 20px 88px}.article-header{padding-bottom:42px}.article-header h1{font-size:var(--font-headline-mobile);margin-top:22px}.article-meta{flex-wrap:wrap;gap:12px}.article-meta span:before{margin-right:12px}.article-body{font-size:var(--font-body)}.article-body>section{padding-top:60px}.article-quick-action,.gif-size-checker{grid-template-columns:1fr}.article-quick-action .button{width:100%}.gif-size-checker{gap:20px;padding:22px 20px}.gif-size-checker-limit{border-left:0;border-top:1px solid var(--hairline);grid-template-columns:auto minmax(0,1fr);min-width:0;padding-top:20px;padding-left:0}.gif-size-checker-limit span{align-self:center;max-width:24ch;margin:0 0 0 16px}.article-template pre{padding:22px 20px}.article-cta{grid-template-columns:1fr;gap:26px;margin-top:72px;padding:34px 26px}.article-cta .button{width:100%}.related-posts{padding:72px 20px}.related-posts-list{grid-template-columns:1fr;gap:34px}}