.blog-prose{overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.9}.blog-prose>:first-child{margin-top:0}.blog-prose :where(p,ul,ol,blockquote,pre,table,figure){margin-block:1.5rem}.blog-prose :where(h1,h2,h3,h4){letter-spacing:-.025em;margin-top:2.75rem;margin-bottom:1rem;scroll-margin-top:2rem;font-weight:600;line-height:1.3}.blog-prose h2{font-size:1.75rem}.blog-prose h3{font-size:1.35rem}.blog-prose h4{font-size:1.1rem}.blog-prose a{color:var(--primary);text-underline-offset:.2em;text-decoration:underline}.blog-prose a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.blog-prose ul{padding-left:1.5rem;list-style:outside}.blog-prose ol{padding-left:1.5rem;list-style:decimal}.blog-prose li+li{margin-top:.5rem}.blog-prose blockquote{border-left:2px solid var(--primary);color:var(--muted-foreground);padding-left:1.5rem}.blog-prose pre{border:1px solid var(--border);background:var(--muted);border-radius:6px;padding:1.25rem;font-size:.875rem;line-height:1.7;overflow-x:auto}.blog-prose code{font-family:var(--font-mono);font-size:.875em}.blog-prose :not(pre)>code{background:var(--muted);border-radius:3px;padding:.15em .35em}.blog-prose table{border-collapse:collapse;max-width:100%;font-size:.9375rem;display:block;overflow-x:auto}.blog-prose :where(th,td){border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.75rem 1rem}.blog-prose th{font-weight:600}.article-table-cell-label{display:none}@media (max-width:540px){.blog-prose .article-table,.blog-prose .article-table tbody,.blog-prose .article-table tr,.blog-prose .article-table td{width:100%;display:block}.blog-prose .article-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.blog-prose .article-table tbody tr{border-bottom:1px solid var(--border);padding:1rem 0}.blog-prose .article-table td{border:0;padding:.5rem 0}.blog-prose .article-table-cell-label{color:var(--muted-foreground);margin-bottom:.25rem;font-size:.75rem;line-height:1.5;display:block}}.blog-prose img{border-radius:6px;max-width:100%;height:auto}.blog-prose hr{border-color:var(--border);margin-block:2.5rem}.blog-prose figure{margin-block:2.5rem}.blog-prose figcaption{color:var(--muted-foreground);margin-top:.85rem;font-size:.875rem;line-height:1.7}.blog-prose figure img{width:100%;display:block}.blog-prose :where(.article-summary,.article-callout,.article-social-quote){border-radius:6px;margin-block:2.5rem;padding:clamp(1.25rem,4vw,2rem)}.blog-prose .article-summary{border-block:1px solid color-mix(in oklch, var(--primary) 45%, var(--border));background:color-mix(in oklch, var(--primary) 7%, var(--background));border-radius:0;scroll-margin-top:2rem}.blog-prose .article-block-label{color:var(--primary);font-family:var(--font-mono);align-items:center;gap:.5rem;margin:0;font-size:.75rem;font-weight:500;line-height:1.5;display:flex}.blog-prose .article-block-title{letter-spacing:-.025em;text-wrap:balance;margin:.8rem 0 1rem;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;line-height:1.4}.blog-prose .article-block-body{margin-top:1rem;font-size:1rem;line-height:1.75}.blog-prose .article-block-body>:first-child{margin-top:0}.blog-prose .article-block-body>:last-child{margin-bottom:0}.blog-prose .article-block-body li+li{margin-top:.75rem}.blog-prose .article-callout{border-left:3px solid var(--primary);background:color-mix(in oklch, var(--primary) 8%, var(--background))}.blog-prose .article-callout-action{border-left-color:color-mix(in oklch, #7c9079 65%, var(--foreground));background:color-mix(in oklch, #7c9079 10%, var(--background))}.blog-prose .article-callout-action .article-block-label{color:color-mix(in oklch, #7c9079 45%, var(--foreground))}.blog-prose .article-callout-example{border-left-color:color-mix(in oklch, #aaa0c5 65%, var(--foreground));background:color-mix(in oklch, #aaa0c5 10%, var(--background))}.blog-prose .article-callout-example .article-block-label{color:color-mix(in oklch, #aaa0c5 45%, var(--foreground))}.blog-prose .article-social-quote{border:1px solid color-mix(in oklch, var(--foreground) 20%, var(--background));background:color-mix(in oklch, var(--foreground) 3%, var(--background))}.blog-prose .article-quote-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.blog-prose .article-quote-heading .article-block-label{color:var(--muted-foreground)}.blog-prose .article-quote-mark{color:var(--primary);flex-shrink:0}.blog-prose .article-social-quote blockquote{color:var(--foreground);letter-spacing:-.015em;border:0;margin:1.25rem 0 1.5rem;padding:0;font-size:clamp(1.2rem,3vw,1.5rem);line-height:1.6}.blog-prose .article-social-quote blockquote p,.blog-prose .article-social-quote figcaption{margin:0}.blog-prose .article-quote-attribution{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1.5rem;display:flex}.blog-prose .article-quote-author{color:var(--foreground);font-weight:600;display:block}.blog-prose :where(.article-quote-detail,.article-quote-attribution time){display:block}.blog-prose .article-quote-attribution a{align-items:center;gap:.3rem;min-height:1.5rem;display:inline-flex}.blog-prose .article-quote-context{border-top:1px solid var(--border);margin:1rem 0 0;padding-top:1rem;font-size:.8125rem;line-height:1.65}.blog-prose .article-metric{border-block:1px solid color-mix(in oklch, #8ba9b5 55%, var(--border));background:color-mix(in oklch, #8ba9b5 7%, var(--background));margin-block:2.5rem;padding:clamp(1.25rem,4vw,2rem)}.blog-prose .article-metric-finding{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;display:flex}.blog-prose .article-metric-value{max-width:100%;color:color-mix(in oklch, #8ba9b5 50%, var(--foreground));font-variant-numeric:tabular-nums;letter-spacing:-.06em;margin:0;font-size:clamp(3.25rem,7vw,4.75rem);font-weight:600;line-height:1.05}.blog-prose .article-metric-label{letter-spacing:-.02em;text-wrap:balance;flex:13rem;min-width:0;margin:0;font-size:clamp(1.2rem,3vw,1.4rem);font-weight:500;line-height:1.4}.blog-prose .article-metric-context{margin:1.25rem 0;font-size:1rem;line-height:1.75}.blog-prose .article-metric figcaption{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin:0;padding-top:1rem;font-size:.8125rem;display:flex}.blog-prose .article-metric figcaption a{align-items:baseline;gap:.25rem;min-width:0;display:inline-flex}.blog-prose .article-metric figcaption svg{flex-shrink:0;align-self:center}.article-about{border-top:1px solid var(--border);overflow-wrap:anywhere;max-width:44rem;margin-top:4rem;padding:2rem 0 0}.article-about h2{letter-spacing:-.025em;margin:0;scroll-margin-top:2rem;font-size:1.25rem;font-weight:600;line-height:1.4}.article-about p{color:var(--muted-foreground);margin:1rem 0 1.5rem;font-size:1rem;line-height:1.8}@media print{.blog-prose :where(.article-summary,.article-callout,.article-social-quote,.article-metric),.article-about{break-inside:avoid}}
.blog-design .nav-blog{text-decoration:underline;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:8px;padding:12px 0}.blog-design .eyebrow{letter-spacing:.085em;align-items:center;gap:12px;font-size:11px;font-weight:600;line-height:1.5;display:flex}.blog-design .short-rule{background:var(--primary);flex-shrink:0;width:24px;height:1px}.blog-design .index-intro{justify-content:space-between;align-items:flex-end;gap:40px;padding:55px 0 51px;display:flex}.blog-design .index-intro .eyebrow{color:var(--primary);margin-bottom:22px}.blog-design .index-intro h1{letter-spacing:-.06em;font-size:clamp(56px,6.2vw,86px);font-weight:520;line-height:1.04}.blog-design .index-intro h1 span{color:var(--lightningcss-light,#766052)var(--lightningcss-dark,#c5b4aa)}.blog-design .index-intro>p{color:var(--muted-foreground);max-width:360px;margin:0 13px 8px 0;font-size:17px;line-height:1.75}.blog-design .cover{isolation:isolate;background:var(--lightningcss-light,#faf7f4)var(--lightningcss-dark,#302830);border-radius:6px;position:relative;overflow:hidden}.blog-design .cover-art{object-fit:cover;z-index:-3;object-position:50% 48%;width:100%;height:100%;position:absolute;inset:0}.blog-design .cover-scrim{z-index:-2;background:linear-gradient(90deg,var(--lightningcss-light,#faf7f4eb)var(--lightningcss-dark,#110d12eb) 0%,var(--lightningcss-light,#faf7f4d4)var(--lightningcss-dark,#140f16d4) 30%,var(--lightningcss-light,#faf7f485)var(--lightningcss-dark,#140f1685) 53%,var(--lightningcss-light,#faf7f414)var(--lightningcss-dark,#140f1614) 79%),linear-gradient(var(--lightningcss-light,#faf7f49e)var(--lightningcss-dark,#0f0c129e) 0%,#0000 24% 66%,var(--lightningcss-light,#faf7f459)var(--lightningcss-dark,#130d1459) 100%);position:absolute;inset:0}.blog-design .feature{flex-direction:column;justify-content:space-between;min-height:522px;padding:35px 44px 40px;transition:box-shadow .3s;display:flex}.blog-design .feature:hover{box-shadow:0 0 0 1px #ad8e7d}.blog-design .feature .cover-art{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.blog-design .feature:hover .cover-art{transform:scale(1.025)}.blog-design .feature-top{justify-content:space-between;gap:20px;display:flex}.blog-design .feature-top .eyebrow{color:var(--lightningcss-light,#633e29)var(--lightningcss-dark,#fce4d2)}.blog-design .feature-series{letter-spacing:.035em;background:var(--lightningcss-light,#faf7f4c9)var(--lightningcss-dark,#1a15183d);border:1px solid var(--lightningcss-light,#39232c45)var(--lightningcss-dark,#ffffff45);border-radius:3px;padding:6px 10px;font-size:11px}.blog-design .feature-copy{max-width:570px;margin-top:85px}.blog-design .feature-copy>.eyebrow{color:var(--lightningcss-light,#6d4737)var(--lightningcss-dark,#e6c6b9);margin-bottom:16px;font-size:10px}.blog-design .feature h2{letter-spacing:-.042em;text-wrap:balance;font-size:clamp(32px,3.4vw,46px);font-weight:520;line-height:1.15}.blog-design .feature-copy>p{color:var(--lightningcss-light,#4d4144)var(--lightningcss-dark,#ddd1d0);max-width:360px;margin-top:20px;font-size:15px;line-height:1.7}.blog-design .feature-foot{color:var(--lightningcss-light,#594b48)var(--lightningcss-dark,#e3d7d4);align-items:center;gap:30px;margin-top:30px;font-size:11px;display:flex}.blog-design .read-link{color:var(--lightningcss-light,#874325)var(--lightningcss-dark,#f4b495);align-items:center;gap:9px;font-size:12px;font-weight:650;display:flex}.blog-design .feature-corner{background:var(--lightningcss-light,#faf7f4b3)var(--lightningcss-dark,#261d2433);border:1px solid var(--lightningcss-light,#39232c65)var(--lightningcss-dark,#ffffff65);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:35px;right:38px}.blog-design .feature-corner svg{width:22px;height:22px}.blog-design .library{padding:88px 0 70px;scroll-margin-top:32px}.blog-design .section-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.blog-design .section-heading .eyebrow{color:var(--primary);margin-bottom:12px}.blog-design .section-heading h2{letter-spacing:-.04em;font-size:36px;font-weight:520;line-height:1.2}.blog-design .library-tools{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:28px;display:flex}.blog-design .filters{gap:21px;max-width:100%;padding:0 2px;display:flex;overflow:auto}.blog-design .filter{white-space:nowrap;min-height:52px;color:var(--muted-foreground);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 1px;font-size:11px;font-weight:550}.blog-design .filter[aria-pressed=true]{color:var(--primary);border-color:var(--primary)}.blog-design .filter:hover{color:var(--foreground)}.blog-design .search{color:var(--lightningcss-light,#6e6268)var(--lightningcss-dark,#aaa0a6);align-self:center;align-items:center;gap:8px;min-width:150px;padding:8px 0;display:flex}.blog-design .search input{width:136px;color:var(--foreground);background:0 0;border:0;height:30px;font-size:11px}.blog-design .search input::placeholder{color:var(--lightningcss-light,#6e6268)var(--lightningcss-dark,#aea2ad)}.blog-design .result-count{color:var(--lightningcss-light,#6e6268)var(--lightningcss-dark,#a697a0);letter-spacing:.02em;margin:16px 0 24px;font-size:10px}.blog-design .story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px;display:grid}.blog-design .story-card{min-width:0}.blog-design .story-card a{display:block}.blog-design .card-art{aspect-ratio:1.62;background:var(--lightningcss-light,#efe8e5)var(--lightningcss-dark,#37313a);border-radius:4px;position:relative;overflow:hidden}.blog-design .card-art img{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.blog-design .story-card a:hover .card-art img{transform:scale(1.035)}.blog-design .card-art:after{content:"";background:linear-gradient(#0000 44%,var(--lightningcss-light,#faf7f4eb)var(--lightningcss-dark,#19131beb));position:absolute;inset:0}.blog-design .card-topic{letter-spacing:.025em;z-index:1;color:var(--lightningcss-light,#292226)var(--lightningcss-dark,#fff);font-size:10px;font-weight:600;position:absolute;bottom:16px;left:20px;right:12px}.blog-design .card-meta{color:var(--lightningcss-light,#875748)var(--lightningcss-dark,#ba9790);justify-content:space-between;gap:10px;margin-top:20px;font-size:10px;display:flex}.blog-design .card-meta span{color:var(--lightningcss-light,#6e6268)var(--lightningcss-dark,#a599a1);white-space:nowrap}.blog-design .story-card h3{letter-spacing:-.03em;text-wrap:pretty;margin-top:12px;font-size:22px;font-weight:550;line-height:1.4}.blog-design .story-card a:hover h3{color:var(--lightningcss-light,#934b2c)var(--lightningcss-dark,#f1bc9e)}.blog-design .card-read{color:var(--primary);align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.blog-design .empty{color:var(--muted-foreground);padding:38px 0;font-size:14px;line-height:1.7}.blog-design .article-cover{flex-direction:column;justify-content:space-between;width:100%;min-height:662px;margin:8px auto 0;padding:32px 56px 50px;display:flex}.blog-design .article-cover .cover-art{object-position:50% 44%}.blog-design .article-cover .cover-scrim{background:linear-gradient(90deg,var(--lightningcss-light,#faf7f4f0)var(--lightningcss-dark,#100d12f0) 0%,var(--lightningcss-light,#faf7f4df)var(--lightningcss-dark,#161119df) 27%,var(--lightningcss-light,#faf7f4ad)var(--lightningcss-dark,#19131cad) 48%,var(--lightningcss-light,#faf7f433)var(--lightningcss-dark,#1a131e33) 76%,var(--lightningcss-light,#faf7f405)var(--lightningcss-dark,#1a131e05) 100%),linear-gradient(var(--lightningcss-light,#faf7f4ce)var(--lightningcss-dark,#14101ace) 0%,var(--lightningcss-light,#faf7f416)var(--lightningcss-dark,#14101a16) 21%,#0000 60%,var(--lightningcss-light,#faf7f49c)var(--lightningcss-dark,#14101a9c) 100%)}.blog-design .breadcrumbs{color:var(--lightningcss-light,#493c46)var(--lightningcss-dark,#e8dce5);flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;line-height:1.7;display:flex}.blog-design .breadcrumbs>a{padding:4px 0}.blog-design .breadcrumbs>a:hover{text-underline-offset:4px;text-decoration:underline}.blog-design .breadcrumbs>span[aria-hidden]{color:var(--lightningcss-light,#695362)var(--lightningcss-dark,#bda7b7)}.blog-design .breadcrumbs>span:last-child{color:var(--lightningcss-light,#57444f)var(--lightningcss-dark,#d6c3ce)}.blog-design .article-cover-copy{max-width:775px;margin-top:80px}.blog-design .article-cover-copy>.eyebrow{color:var(--lightningcss-light,#76462c)var(--lightningcss-dark,#f5cdb5);margin-bottom:22px;font-size:11px}.blog-design .kind{color:var(--lightningcss-light,#584045)var(--lightningcss-dark,#e8d6d7);letter-spacing:.04em;border:1px solid var(--lightningcss-light,#60483970)var(--lightningcss-dark,#d4bdb547);border-radius:3px;padding:3px 7px;font-size:9px}.blog-design .article-cover h1{letter-spacing:-.052em;text-wrap:balance;max-width:760px;font-size:clamp(44px,5.1vw,70px);font-weight:510;line-height:1.07}.blog-design .cover-description{color:var(--lightningcss-light,#4b3d44)var(--lightningcss-dark,#e0d4d8);max-width:575px;margin-top:26px;font-size:16px;line-height:1.8}.blog-design .byline{color:var(--lightningcss-light,#58434e)var(--lightningcss-dark,#e3d2d9);flex-wrap:wrap;align-items:center;gap:9px 13px;margin-top:27px;font-size:11px;line-height:1.7;display:flex}.blog-design .byline>span:first-child{color:var(--lightningcss-light,#292226)var(--lightningcss-dark,#fff);font-weight:550}.blog-design .cover-down{background:var(--lightningcss-light,#faf7f4b3)var(--lightningcss-dark,#2017244d);border:1px solid var(--lightningcss-light,#39232c65)var(--lightningcss-dark,#fff5);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:40px;right:45px}.blog-design .cover-down svg{width:18px;height:18px}.blog-design .reading-layout{grid-template-columns:208px minmax(0,740px);justify-content:center;align-items:start;column-gap:72px;width:100%;margin:64px auto 100px;padding:0;display:grid}.blog-design .reading-aside{position:sticky;top:36px}.blog-design .toc>.eyebrow{color:var(--primary);margin-bottom:22px;font-size:10px}.blog-design .toc ol,.blog-design .mobile-toc ol{margin:0;padding:0;list-style:none}.blog-design .toc li a{color:var(--lightningcss-light,#6e6268)var(--lightningcss-dark,#b8aab3);gap:12px;padding:10px 0;font-size:11px;line-height:1.5;display:flex}.blog-design .toc li a span{font-size:9px;font-family:var(--font-mono);color:var(--lightningcss-light,#766a71)var(--lightningcss-dark,#7e6f7b);padding-top:2px}.blog-design .toc li a:hover,.blog-design .toc li a[aria-current=location],.blog-design .toc li a[aria-current=location] span{color:var(--primary)}.blog-design .back-library{border-top:1px solid var(--border);color:var(--lightningcss-light,#6e6268)var(--lightningcss-dark,#b4a6b0);align-items:center;gap:10px;margin-top:20px;padding-top:23px;font-size:10px;display:flex}.blog-design .back-library svg{width:14px;height:14px}.blog-design .reading-column{min-width:0}.blog-design .mobile-toc{display:none}.blog-design .blog-prose{color:var(--lightningcss-light,#42383e)var(--lightningcss-dark,#dcd4d8);overflow-wrap:break-word;font-size:17px;line-height:1.9}.blog-design .blog-prose>p:first-of-type{color:var(--lightningcss-light,#292226)var(--lightningcss-dark,#f1e9e9);letter-spacing:-.015em;font-size:20px;line-height:1.8}.blog-design .blog-prose h2{letter-spacing:-.035em;color:var(--foreground);text-wrap:pretty;margin-top:64px;margin-bottom:22px;font-size:31px;font-weight:550;line-height:1.3}.blog-design .blog-prose h3{color:var(--foreground);margin-top:38px;font-size:22px;font-weight:600;line-height:1.4}.blog-design .blog-prose strong{color:var(--lightningcss-light,#292226)var(--lightningcss-dark,#f9f2ef);font-weight:700}.blog-design .blog-prose a{color:var(--lightningcss-light,#934b2c)var(--lightningcss-dark,#f0b391)}.blog-design .blog-prose .article-summary{background:var(--lightningcss-light,#f3e8df)var(--lightningcss-dark,#27201e);border-color:var(--lightningcss-light,#c8a38d)var(--lightningcss-dark,#816454);margin-top:0;padding:28px 32px}.blog-design .blog-prose .article-block-label{letter-spacing:.07em;font-family:Manrope,sans-serif;font-size:10px;font-weight:700}.blog-design .blog-prose .article-summary .article-block-title{color:var(--lightningcss-light,#382920)var(--lightningcss-dark,#f7eee7);font-size:25px;font-weight:550;line-height:1.35}.blog-design .blog-prose .article-block-title{color:var(--foreground)}.blog-design .blog-prose .article-block-body{font-size:15px}.blog-design .blog-prose .article-metric{background:var(--lightningcss-light,#eaf0f4)var(--lightningcss-dark,#192025);border-color:var(--lightningcss-light,#a1b6c3)var(--lightningcss-dark,#506673);padding:32px}.blog-design .blog-prose .article-metric-value{color:var(--lightningcss-light,#31586f)var(--lightningcss-dark,#b7d0df);font-size:76px;font-weight:500}.blog-design .blog-prose .article-metric-label{color:var(--lightningcss-light,#2d4657)var(--lightningcss-dark,#e3edf4);font-size:21px}.blog-design .blog-prose .article-social-quote{background:var(--lightningcss-light,#f0eaf2)var(--lightningcss-dark,#201b23);border-color:var(--lightningcss-light,#d2bfd5)var(--lightningcss-dark,#473a48);border-radius:4px;padding:30px}.blog-design .blog-prose .article-social-quote blockquote{color:var(--lightningcss-light,#382e39)var(--lightningcss-dark,#f1e9ed);letter-spacing:-.02em;font-size:24px;font-weight:450;line-height:1.55}.blog-design .blog-prose .article-quote-context{font-size:12px;line-height:1.8}.blog-design .blog-prose .article-callout{border-radius:0}.blog-design .blog-prose figcaption{color:var(--lightningcss-light,#6e6268)var(--lightningcss-dark,#bcacb5);font-size:12px;line-height:1.8}.blog-design .blog-prose figure img{border-radius:4px}.blog-design .updated{color:var(--lightningcss-light,#6e6268)var(--lightningcss-dark,#9d8c98);margin-top:40px;font-size:11px;line-height:1.8}.blog-design .article-about{background:var(--lightningcss-light,#f2e7dd)var(--lightningcss-dark,#261e1b);border:1px solid var(--lightningcss-light,#ddc6b5)var(--lightningcss-dark,#594335);border-top:3px solid var(--lightningcss-light,#934b2c)var(--lightningcss-dark,#edb18e);border-radius:8px;margin-top:40px;padding:clamp(22px,3vw,28px)}.blog-design .article-about-wordmark{margin-bottom:18px}.blog-design .article-about-wordmark img{width:112px;height:auto}.blog-design .article-about h2{letter-spacing:-.035em;text-wrap:balance;max-width:580px;margin:0;font-size:clamp(26px,2.8vw,34px);font-weight:500;line-height:1.12}.blog-design .article-about h2 span{color:var(--lightningcss-light,#934b2c)var(--lightningcss-dark,#edb18e);font-weight:900}.blog-design .article-about p{color:var(--lightningcss-light,#665651)var(--lightningcss-dark,#c6b6ae);font-size:15px;line-height:1.7}.blog-design .article-about .article-about-intro{max-width:520px;margin:12px 0 20px}.blog-design .article-about-resources{border-block:1px solid var(--lightningcss-light,#ddc6b5)var(--lightningcss-dark,#594335);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0 0 20px;padding:18px 0;list-style:none;display:grid}.blog-design .article-about-resources li{align-items:flex-start;gap:10px;display:flex}.blog-design .article-about-resources svg{color:var(--lightningcss-light,#934b2c)var(--lightningcss-dark,#edb18e);stroke-width:1.5px;flex-shrink:0;width:20px;height:20px;margin-top:2px}.blog-design .article-about-resources h3{margin:0;font-size:17px;font-weight:650;line-height:1.3}@media (max-width:540px){.blog-design .article-about-resources{grid-template-columns:1fr;gap:12px}}.blog-design .end-art{border-radius:4px;height:84px;margin-top:44px;position:relative;overflow:hidden}.blog-design .end-art img{object-fit:cover;object-position:50% 60%;opacity:.75;width:100%;height:100%}.blog-design .end-art:after{content:"";background:linear-gradient(90deg,var(--lightningcss-light,#faf7f4b8)var(--lightningcss-dark,#100e10b8),#0000,var(--lightningcss-light,#faf7f488)var(--lightningcss-dark,#100e1088));position:absolute;inset:0}.blog-design .back-bottom{color:var(--lightningcss-light,#6e6268)var(--lightningcss-dark,#c9b8c3);align-items:center;gap:10px;margin-top:23px;font-size:12px;display:flex}.blog-design .back-bottom svg{width:16px;height:16px}@media (min-width:1550px){.blog-design .article-cover{padding-left:70px}.blog-design .article-cover-copy{margin-top:100px}.blog-design .article-cover{min-height:690px}}@media (max-width:1100px){.blog-design .article-cover{min-height:630px;padding:30px 40px 42px}.blog-design .article-cover-copy{max-width:660px}.blog-design .article-cover h1{font-size:60px}.blog-design .reading-layout{grid-template-columns:174px minmax(0,720px);column-gap:42px;margin-top:52px}.blog-design .feature{min-height:510px;padding:30px 32px}.blog-design .filters{gap:20px}.blog-design .library-tools{gap:0}.blog-design .search{margin-left:auto}.blog-design .story-grid{gap:36px 22px}.blog-design .story-card h3{font-size:20px}.blog-design .card-meta{font-size:9px}}@media (max-width:800px){.blog-design .index-intro{align-items:flex-end;gap:28px;padding:40px 0}.blog-design .index-intro h1{font-size:62px}.blog-design .index-intro>p{max-width:210px;margin-right:0;font-size:14px;line-height:1.8}.blog-design .desktop-break{display:none}.blog-design .feature{min-height:480px}.blog-design .feature-copy{max-width:475px;margin-top:70px}.blog-design .feature h2{font-size:40px}.blog-design .feature .cover-scrim{background:linear-gradient(90deg,var(--lightningcss-light,#faf7f4e8)var(--lightningcss-dark,#160f1be8) 0%,var(--lightningcss-light,#faf7f4bd)var(--lightningcss-dark,#160f1bbd) 47%,var(--lightningcss-light,#faf7f411)var(--lightningcss-dark,#160f1b11) 100%),linear-gradient(#0000 30%,var(--lightningcss-light,#faf7f4a1)var(--lightningcss-dark,#160f1ba1))}.blog-design .feature-series{font-size:9px}.blog-design .feature-corner{width:36px;height:36px;bottom:30px;right:26px}.blog-design .library{padding-top:60px}.blog-design .section-heading h2{font-size:31px}.blog-design .library-tools{display:block}.blog-design .filters{gap:23px}.blog-design .search{justify-content:flex-start;margin:6px 0}.blog-design .search input{width:100%}.blog-design .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-design .article-cover{min-height:660px;padding:28px 32px 38px}.blog-design .article-cover-copy{max-width:610px;margin-top:75px}.blog-design .article-cover h1{font-size:55px}.blog-design .article-cover .cover-scrim{background:linear-gradient(90deg,var(--lightningcss-light,#faf7f4dc)var(--lightningcss-dark,#17111cdc),var(--lightningcss-light,#faf7f48c)var(--lightningcss-dark,#17111c8c) 65%,var(--lightningcss-light,#faf7f422)var(--lightningcss-dark,#17111c22)),linear-gradient(var(--lightningcss-light,#faf7f4cc)var(--lightningcss-dark,#17111ccc),#0000 24%,var(--lightningcss-light,#faf7f4bb)var(--lightningcss-dark,#17111cbb) 78%,var(--lightningcss-light,#faf7f4f2)var(--lightningcss-dark,#17111cf2) 100%)}.blog-design .cover-description{max-width:535px;font-size:15px}.blog-design .cover-down{display:none}.blog-design .reading-layout{margin:32px auto 76px;padding:0;display:block}.blog-design .reading-aside{display:none}.blog-design .mobile-toc{border-block:1px solid var(--border);margin-bottom:32px;padding:16px 0;font-size:13px;display:block}.blog-design .mobile-toc summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:24px;list-style:none;display:flex}.blog-design .mobile-toc summary::-webkit-details-marker{display:none}.blog-design .mobile-toc summary>span{font-size:19px;font-weight:300}.blog-design .mobile-toc[open] summary>span{transform:rotate(45deg)}.blog-design .mobile-toc ol{padding-top:15px}.blog-design .mobile-toc li a{min-height:40px;color:var(--muted-foreground);align-items:center;gap:13px;padding:6px 0;font-size:12px;line-height:1.5;display:flex}.blog-design .mobile-toc li a span{color:var(--lightningcss-light,#766a71)var(--lightningcss-dark,#93818f);font-size:10px}.blog-design .blog-prose h2{font-size:29px}}@media (max-width:540px){.blog-design .index-intro{padding:30px 0 32px;display:block}.blog-design .index-intro .eyebrow{margin-bottom:20px;font-size:10px}.blog-design .index-intro h1{letter-spacing:-.06em;font-size:59px}.blog-design .index-intro>p{max-width:280px;margin-top:23px;font-size:14px;line-height:1.7}.blog-design .feature{min-height:545px;padding:24px}.blog-design .feature .cover-art{object-position:62% 50%}.blog-design .feature .cover-scrim{background:linear-gradient(var(--lightningcss-light,#faf7f48c)var(--lightningcss-dark,#15101c8c) 0%,var(--lightningcss-light,#faf7f412)var(--lightningcss-dark,#15101c12) 22%,var(--lightningcss-light,#faf7f49e)var(--lightningcss-dark,#15101c9e) 43%,var(--lightningcss-light,#faf7f4eb)var(--lightningcss-dark,#15101ceb) 72%,var(--lightningcss-light,#faf7f4f7)var(--lightningcss-dark,#15101cf7) 100%)}.blog-design .feature-top{align-items:flex-start;gap:10px}.blog-design .feature-top .eyebrow{gap:8px;font-size:10px}.blog-design .feature-series{text-align:center;background:var(--lightningcss-light,#faf7f4e6)var(--lightningcss-dark,#1a141cc9);max-width:150px;font-size:9px}.blog-design .feature-copy{margin-top:130px}.blog-design .feature-copy>.eyebrow{margin-bottom:13px;font-size:9px}.blog-design .feature h2{letter-spacing:-.038em;text-wrap:pretty;font-size:34px;line-height:1.15}.blog-design .feature-copy>p{margin-top:18px;font-size:13px;line-height:1.75}.blog-design .feature-foot{margin-top:22px;font-size:10px;line-height:1.7;display:block}.blog-design .read-link{margin-top:13px;font-size:11px}.blog-design .feature-corner{width:32px;height:32px;bottom:24px;right:24px}.blog-design .feature-corner svg{width:17px;height:17px}.blog-design .library{padding:54px 0}.blog-design .section-heading{display:block}.blog-design .section-heading h2{font-size:32px}.blog-design .section-heading .eyebrow{font-size:10px}.blog-design .library-tools{margin-top:20px}.blog-design .filters{gap:22px}.blog-design .filter{min-height:48px;font-size:11px}.blog-design .search{padding:4px 0}.blog-design .search input{min-height:36px;font-size:12px}.blog-design .result-count{margin-top:16px;margin-bottom:22px}.blog-design .story-grid{grid-template-columns:1fr;gap:35px}.blog-design .card-art{aspect-ratio:1.66}.blog-design .card-topic{font-size:10px;bottom:16px;left:18px}.blog-design .card-meta{margin-top:16px;font-size:10px}.blog-design .story-card h3{margin-top:10px;font-size:23px}.blog-design .article-cover{min-height:692px;margin-top:0;padding:24px 22px 30px}.blog-design .article-cover .cover-art{object-position:59% 25%}.blog-design .article-cover .cover-scrim{background:linear-gradient(var(--lightningcss-light,#faf7f4db)var(--lightningcss-dark,#1a1320db) 0%,var(--lightningcss-light,#faf7f45e)var(--lightningcss-dark,#1a13205e) 12%,var(--lightningcss-light,#faf7f41a)var(--lightningcss-dark,#1a13201a) 27%,var(--lightningcss-light,#faf7f4c9)var(--lightningcss-dark,#1a1320c9) 47%,var(--lightningcss-light,#faf7f4f2)var(--lightningcss-dark,#151019f2) 67%,var(--lightningcss-light,#faf7f4)var(--lightningcss-dark,#151019) 100%)}.blog-design .breadcrumbs{gap:8px;font-size:10px}.blog-design .article-cover-copy{margin-top:174px}.blog-design .article-cover-copy>.eyebrow{letter-spacing:.07em;gap:8px;margin-bottom:18px;font-size:9px}.blog-design .article-cover-copy .short-rule{width:16px}.blog-design .kind{padding:2px 5px;font-size:8px}.blog-design .article-cover h1{letter-spacing:-.045em;text-wrap:pretty;font-size:clamp(36px,11vw,43px);line-height:1.11}.blog-design .cover-description{color:var(--lightningcss-light,#4b3d44)var(--lightningcss-dark,#d8cbd3);margin-top:21px;font-size:13px;line-height:1.8}.blog-design .byline{gap:5px 8px;margin-top:24px;font-size:10px}.blog-design .reading-layout{margin-top:28px;margin-bottom:60px;padding:0}.blog-design .mobile-toc{margin-bottom:28px;font-size:12px}.blog-design .blog-prose{font-size:16px;line-height:1.9}.blog-design .blog-prose>p:first-of-type{font-size:18px;line-height:1.85}.blog-design .blog-prose h2{margin-top:48px;margin-bottom:19px;font-size:27px;line-height:1.3}.blog-design .blog-prose h3{font-size:21px}.blog-design .blog-prose .article-summary{padding:22px 20px}.blog-design .blog-prose .article-summary .article-block-title{font-size:22px}.blog-design .blog-prose .article-block-body{font-size:14px;line-height:1.8}.blog-design .blog-prose .article-block-body ul{padding-left:18px}.blog-design .blog-prose .article-block-label{font-size:9px}.blog-design .blog-prose .article-metric{padding:23px 20px}.blog-design .blog-prose .article-metric-value{font-size:64px}.blog-design .blog-prose .article-metric-label{font-size:19px;line-height:1.45}.blog-design .blog-prose .article-metric-context{font-size:14px;line-height:1.8}.blog-design .blog-prose .article-metric figcaption{font-size:11px;line-height:1.8}.blog-design .blog-prose .article-social-quote{padding:23px 20px}.blog-design .blog-prose .article-social-quote blockquote{font-size:21px;line-height:1.55}.blog-design .blog-prose figcaption,.blog-design .blog-prose .article-quote-context{font-size:11px;line-height:1.8}.blog-design .blog-prose figure{margin-block:30px}.blog-design .blog-prose .article-callout{padding:22px 20px}.blog-design .blog-prose .article-block-title{font-size:20px}.blog-design .article-about p{font-size:14px}.blog-design .updated{margin-top:32px}.blog-design .article-about{margin-top:26px}.blog-design .end-art{height:64px;margin-top:34px}}.blog-design .blog-prose figure{margin-inline:0}@media (max-width:540px){.blog-design .feature .cover-art{object-position:50% 65%;height:340px}.blog-design .feature .cover-scrim{background:linear-gradient(var(--lightningcss-light,#faf7f499)var(--lightningcss-dark,#15101c99) 0,#0000 70px 155px,var(--lightningcss-light,#faf7f4b5)var(--lightningcss-dark,#15101cb5) 245px,var(--lightningcss-light,#faf7f4)var(--lightningcss-dark,#15101c) 340px)}.blog-design .feature-copy{margin-top:145px}.blog-design .article-cover{justify-content:flex-start;min-height:0}.blog-design .article-cover .cover-art{object-position:50% 65%;height:390px}.blog-design .article-cover .cover-scrim{background:linear-gradient(var(--lightningcss-light,#faf7f4d9)var(--lightningcss-dark,#1a1320d9) 0,#0000 85px 170px,var(--lightningcss-light,#faf7f4ab)var(--lightningcss-dark,#151019ab) 280px,var(--lightningcss-light,#faf7f4)var(--lightningcss-dark,#151019) 385px)}.blog-design .article-cover-copy{margin-top:211px}}@media print{.blog-design .site-header,.blog-design .site-footer,.blog-design .reading-aside,.blog-design .mobile-toc,.blog-design .cover-down,.blog-design .end-art,.blog-design .back-bottom{display:none}.blog-design .article-cover{color:#000;background:#fff;min-height:0;padding:30px 0}.blog-design .cover-art,.blog-design .cover-scrim{display:none}.blog-design .article-cover-copy{margin:30px 0}.blog-design .article-cover h1{font-size:36px}.blog-design .reading-layout{margin:30px 0;padding:0;display:block}.blog-design .article-cover-copy p,.blog-design .byline,.blog-design .breadcrumbs{color:#333}}.blog-design .breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding:0;list-style:none;display:flex}.blog-design .breadcrumbs a{padding:4px 0;display:inline-flex}.blog-design .breadcrumbs a:hover{text-underline-offset:4px;text-decoration:underline}.blog-design .breadcrumbs [aria-hidden]{color:var(--lightningcss-light,#695362)var(--lightningcss-dark,#bda7b7)}.blog-design .breadcrumbs [aria-current]{color:var(--lightningcss-light,#493b44)var(--lightningcss-dark,#e7d7e2)}.blog-design .card-meta>span{color:var(--lightningcss-light,#875748)var(--lightningcss-dark,#ba9790);white-space:normal}.blog-design .card-meta time{color:var(--lightningcss-light,#6e6268)var(--lightningcss-dark,#b7aab1);white-space:nowrap}.blog-design .filter{outline-offset:-3px;box-shadow:none;border-radius:0;flex-shrink:0;transform:none}.blog-design .filter:focus-visible{outline:2px solid var(--primary)}.blog-design .search{flex:0 195px;max-width:100%}.blog-design .search input{outline-offset:3px;width:100%;box-shadow:none;border-radius:0;padding-inline:0}.blog-design .search:focus-within{outline:2px solid var(--primary);outline-offset:3px}.blog-design .search input:focus-visible{outline:none}.blog-design .empty p{margin-bottom:18px}.blog-design .mobile-toc[open] summary>svg{transform:rotate(45deg)}.blog-design .reading-aside{scrollbar-width:thin;max-height:calc(100svh - 72px);overflow-y:auto}.blog-design .guide-navigation{margin-top:30px;font-size:12px;line-height:1.7}.blog-design .guide-navigation>.eyebrow{color:var(--primary);margin-bottom:14px}.blog-design .guide-navigation ol{border-left:1px solid var(--border);margin:18px 0 0;padding:0;list-style:none}.blog-design .guide-navigation li a{color:var(--muted-foreground);padding:7px 0 7px 16px;display:block}.blog-design .guide-navigation a[aria-current=page]{color:var(--primary)}.blog-design .related-articles{margin-top:64px}.blog-design .related-articles h2{letter-spacing:-.03em;margin-bottom:24px;font-size:26px}.blog-design .related-articles .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-design .continue-reading{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:28px;margin-top:48px;padding-top:24px;font-size:13px;line-height:1.7;display:flex}.blog-design .continue-reading>a{align-items:flex-start;gap:12px;max-width:280px;display:flex}.blog-design .continue-reading svg{flex-shrink:0;margin-top:3px}.blog-design .continue-label{color:var(--muted-foreground);margin-bottom:5px;font-size:11px;display:block}.blog-design .continue-reading a:hover{color:var(--primary)}.blog-design .byline a{text-underline-offset:4px;text-decoration:underline}.blog-design .cover{color:var(--lightningcss-light,#292226)var(--lightningcss-dark,#f7f3ef)}.blog-design .cover h1,.blog-design .cover h2{overflow-wrap:break-word}.blog-design .feature-copy>p{max-width:450px}.blog-design .article-summary,.blog-design .blog-prose h2,.blog-design .blog-prose h3{scroll-margin-top:28px}@media (max-width:800px){.blog-design .search{width:100%;max-width:none}.blog-design .reading-column{width:100%}}@media (max-width:540px){.blog-design .related-articles .story-grid{grid-template-columns:1fr}.blog-design .breadcrumbs ol{gap:6px 8px}}@media (prefers-reduced-motion:reduce){.blog-design *,.blog-design :before,.blog-design :after{transition:none!important;animation:none!important}}
.blog-design .editorial-index .index-intro{padding:44px 0 36px}.blog-design .editorial-index .index-intro h1{letter-spacing:-.055em;font-size:clamp(52px,5.2vw,76px);line-height:1.06}.blog-design .editorial-index .index-intro>p{max-width:305px;margin:0 0 4px;font-size:15px;line-height:1.65}.blog-design .editorial-library{padding:0 0 80px}.blog-design .editorial-library .library-tools{border-top:1px solid var(--border);flex-wrap:nowrap;gap:24px}.blog-design .editorial-library .filters{scrollbar-width:thin;flex:1;gap:clamp(16px,1.8vw,28px);min-width:0}.blog-design .editorial-library .filter{min-height:54px;padding-inline:0;font-size:12px}.blog-design .editorial-library .search{flex-shrink:0;width:164px;min-width:164px;margin-left:0}.blog-design .editorial-library .search input{width:136px;font-size:12px}.blog-design .mobile-topic-filter{display:none}.editorial-topic-menu{--popover:var(--background);--popover-foreground:var(--foreground);--accent:var(--muted);--accent-foreground:var(--foreground);border-radius:8px;width:min(280px,100vw - 44px)}.blog-design .editorial-highlights{padding-top:32px}.blog-design .editorial-front{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:32px;display:grid}.blog-design .editorial-front-single{grid-template-columns:1fr}.blog-design .editorial-supporting{border-left:1px solid var(--border);align-content:start;gap:28px;padding-left:32px;display:grid}.blog-design .editorial-story a{display:block}.blog-design .editorial-art{aspect-ratio:2.3;background:var(--muted);border-radius:4px;overflow:hidden}.blog-design .editorial-art img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.blog-design .editorial-story a:hover .editorial-art img{transform:scale(1.02)}.blog-design .editorial-copy{padding-top:18px}.blog-design .editorial-topic{color:var(--primary);margin-bottom:9px;font-size:11px;font-weight:600;line-height:1.5}.blog-design .editorial-story h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(30px,3vw,44px);font-weight:520;line-height:1.16}.blog-design .editorial-story a:hover h2,.blog-design .story-card a:hover h3{color:var(--primary)}.blog-design .editorial-deck{color:var(--muted-foreground);max-width:620px;margin-top:14px;font-size:15px;line-height:1.65}.blog-design .editorial-byline{color:var(--muted-foreground);flex-wrap:wrap;gap:6px 20px;margin-top:17px;font-size:11px;line-height:1.6;display:flex}.blog-design .editorial-story-supporting .editorial-art{aspect-ratio:3}.blog-design .editorial-story-supporting .editorial-copy{padding-top:13px}.blog-design .editorial-story-supporting h2{font-size:clamp(22px,1.9vw,28px);line-height:1.2}.blog-design .editorial-story-supporting .editorial-byline{gap:4px 14px;margin-top:12px;font-size:10px}.blog-design .editorial-practical{border-top:1px solid var(--border);margin-top:52px;padding-top:28px}.blog-design .editorial-practical .section-heading{margin-bottom:24px}.blog-design .editorial-practical .story-grid{gap:28px}.blog-design .card-art:after{content:none}.blog-design .card-meta{flex-wrap:wrap;gap:6px 16px;font-size:11px;line-height:1.5}.blog-design .card-author{color:var(--muted-foreground);margin-top:12px;font-size:11px;line-height:1.5}.blog-design .editorial-library #all-articles{border-top:1px solid var(--border);margin-top:54px;padding-top:28px;scroll-margin-top:24px}.blog-design .editorial-library:not(:has(.editorial-highlights)) #all-articles{border-top:0;margin-top:28px;padding-top:0}.blog-design .editorial-library #all-articles .section-heading{margin-bottom:0}.blog-design .editorial-library .result-count{margin:12px 0 22px;font-size:12px}.blog-design .story-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;display:grid}.blog-design .story-row{border-top:1px solid var(--border);min-width:0;padding:20px 0}.blog-design .story-row>a{grid-template-columns:140px minmax(0,1fr);align-items:start;gap:20px;display:grid}.blog-design .story-row .card-art{aspect-ratio:1.4;margin:0}.blog-design .story-row .card-meta{margin:0 0 8px;font-size:10px}.blog-design .story-row .card-meta span{white-space:normal}.blog-design .story-row h3{letter-spacing:-.025em;text-wrap:pretty;font-size:21px;line-height:1.25}@media (max-width:1100px){.blog-design .editorial-library .library-tools{display:block}.blog-design .editorial-library .search{width:100%;margin:12px 0}.blog-design .editorial-library .search input{width:100%}.blog-design .editorial-front{gap:24px}.blog-design .editorial-supporting{padding-left:24px}.blog-design .story-row>a{grid-template-columns:112px minmax(0,1fr);gap:16px}.blog-design .story-row h3{font-size:19px}}@media (max-width:800px){.blog-design .editorial-index .index-intro{align-items:flex-start;padding:34px 0 28px}.blog-design .editorial-index .index-intro h1{font-size:clamp(44px,7.4vw,58px)}.blog-design .editorial-index .index-intro>p{max-width:225px;margin-top:8px;font-size:14px}.blog-design .editorial-library .filters{gap:22px}.blog-design .editorial-front{grid-template-columns:1fr;gap:32px}.blog-design .editorial-supporting{border-left:0;border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:28px 0 0}.blog-design .editorial-story h2{font-size:36px}.blog-design .editorial-story-supporting h2{font-size:23px}.blog-design .editorial-story-supporting .editorial-art{aspect-ratio:2.3}.blog-design .editorial-practical .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.blog-design .editorial-practical .story-card h3{font-size:21px}.blog-design .story-list{grid-template-columns:1fr}.blog-design .story-row>a{grid-template-columns:140px minmax(0,1fr);gap:20px}.blog-design .story-row h3{font-size:22px}}@media (max-width:540px){.blog-design .site-header{grid-template-columns:1fr auto;gap:4px 20px;min-height:104px;padding-block:12px 6px;display:grid}.blog-design .site-header nav{display:contents}.blog-design .site-header nav>a[href=\/login]{grid-area:1/2;justify-self:end}.blog-design .site-header nav>a[href=\/blog]{grid-area:2/1;justify-self:start}.blog-design .theme-switcher{grid-area:2/2;justify-self:end}.blog-design .editorial-index .index-intro{padding:22px 0 24px;display:block}.blog-design .editorial-index .index-intro h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(30px,8.7vw,36px);line-height:1.12}.blog-design .editorial-title-break,.blog-design .editorial-index .index-intro>p{display:none}.blog-design .editorial-index .index-intro h1 span{display:inline-block}.blog-design .editorial-library .library-tools{align-items:center;gap:14px;padding-block:9px;display:flex}.blog-design .editorial-library .filters{display:none}.blog-design .mobile-topic-filter{flex:0 50%;min-width:0;display:block}.blog-design .mobile-topic-filter [data-slot=select-trigger]{border:1px solid var(--border);background:var(--background);max-width:100%;min-height:40px;color:var(--foreground);border-radius:6px;padding-inline:10px;font-size:14px}.blog-design .editorial-library .search{flex:1;gap:6px;width:auto;min-width:0;margin:0}.blog-design .editorial-library .search svg{flex-shrink:0;width:16px}.blog-design .editorial-library .search input{min-width:0;height:40px;padding-inline:0;font-size:16px}.blog-design .editorial-highlights{padding-top:20px}.blog-design .editorial-art{aspect-ratio:2.45}.blog-design .editorial-story h2{font-size:29px;line-height:1.17}.blog-design .editorial-deck{display:none}.blog-design .editorial-front{gap:22px}.blog-design .editorial-supporting{grid-template-columns:1fr;gap:0;padding-top:0}.blog-design .editorial-story-supporting{padding-block:18px}.blog-design .editorial-story-supporting+.editorial-story-supporting{border-top:1px solid var(--border)}.blog-design .editorial-story-supporting a,.blog-design .story-card-curated>a{grid-template-columns:minmax(0,1fr) 80px;align-items:start;gap:14px;display:grid}.blog-design .editorial-story-supporting .editorial-art,.blog-design .story-card-curated .card-art{aspect-ratio:1;grid-area:1/2;margin:0}.blog-design .editorial-story-supporting .editorial-copy,.blog-design .story-card-curated .story-copy{grid-area:1/1;padding:0}.blog-design .editorial-story-supporting .editorial-topic{margin-bottom:6px;font-size:11px}.blog-design .editorial-story-supporting h2{text-wrap:pretty;font-size:20px;line-height:1.22}.blog-design .editorial-byline,.blog-design .editorial-story-supporting .editorial-byline{font-size:11px}.blog-design .editorial-story-supporting .editorial-byline{margin-top:8px}.blog-design .editorial-story-supporting .editorial-author,.blog-design .story-card-curated .card-author{display:none}.blog-design .editorial-practical{margin-top:12px;padding-top:22px}.blog-design .editorial-practical .section-heading{margin-bottom:4px}.blog-design .editorial-practical .story-grid{grid-template-columns:1fr;gap:0}.blog-design .story-card-curated{padding-block:18px}.blog-design .story-card-curated+.story-card-curated{border-top:1px solid var(--border)}.blog-design .story-card-curated .card-meta{gap:4px 10px;margin:0 0 6px;font-size:11px}.blog-design .editorial-practical .story-card h3{font-size:20px;line-height:1.22}.blog-design .editorial-library #all-articles{margin-top:12px;padding-top:22px}.blog-design .editorial-library .section-heading h2{font-size:24px}.blog-design .story-row>a{grid-template-columns:80px minmax(0,1fr);gap:14px}.blog-design .story-row h3{font-size:19px;line-height:1.22}.blog-design .story-row .card-meta{gap:4px 10px;font-size:11px}.blog-design .article-cover{background:0 0;border-radius:0;min-height:0;padding:0;overflow:visible}.blog-design .article-cover .breadcrumbs{order:0;padding-block:12px;font-size:11px}.blog-design .article-cover .cover-art{z-index:0;aspect-ratio:2.45;object-position:center;border-radius:4px;order:1;width:100%;height:auto;position:relative;inset:auto}.blog-design .article-cover .cover-scrim,.blog-design .article-cover .cover-down{display:none}.blog-design .article-cover-copy{order:2;max-width:none;margin-top:18px}.blog-design .article-cover-copy>.eyebrow{letter-spacing:0;margin-bottom:10px;font-size:11px}.blog-design .article-cover .kind{font-size:10px}.blog-design .article-cover h1{letter-spacing:-.035em;font-size:32px;line-height:1.17}.blog-design .article-cover .cover-description{color:var(--muted-foreground);margin-top:14px;font-size:14px;line-height:1.65}.blog-design .article-cover .byline{color:var(--muted-foreground);gap:6px 10px;margin-top:16px;font-size:11px}.blog-design .reading-layout{margin-top:26px}}@media (prefers-reduced-motion:reduce){.blog-design .editorial-art img{transition:none}.blog-design .editorial-story a:hover .editorial-art img{transform:none}}.blog-design .archive-band{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:36px;padding-block:28px;display:grid}.blog-design .archive-band-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.blog-design .archive-band-reverse .archive-anchor{order:2}.blog-design .archive-anchor,.blog-design .archive-briefs{min-width:0}.blog-design .archive-anchor>a{isolation:isolate;background:var(--muted);border-radius:4px;align-items:flex-end;min-height:360px;padding:96px 32px 32px;display:flex;position:relative;overflow:hidden}.blog-design .archive-cover-art,.blog-design .archive-cover-scrim{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.blog-design .archive-cover-art{object-fit:cover}.blog-design .archive-cover-scrim{background:linear-gradient(var(--lightningcss-light,#faf7f46b)var(--lightningcss-dark,#100e106b) 0,var(--lightningcss-light,#faf7f4d9)var(--lightningcss-dark,#100e10d9) 72px,var(--lightningcss-light,#faf7f4eb)var(--lightningcss-dark,#100e10eb) 96px,var(--lightningcss-light,#faf7f4f5)var(--lightningcss-dark,#100e10f5) 100%)}.blog-design .archive-anchor-copy{width:100%}.blog-design .archive-meta{color:var(--muted-foreground);flex-wrap:wrap;gap:4px 14px;margin-bottom:10px;font-size:11px;line-height:1.6;display:flex}.blog-design .archive-anchor .archive-meta,.blog-design .archive-deck{color:var(--lightningcss-light,#51454b)var(--lightningcss-dark,#e2dadd)}.blog-design .archive-anchor h3{letter-spacing:-.035em;text-wrap:pretty;font-size:clamp(26px,2.6vw,36px);font-weight:520;line-height:1.18}.blog-design .archive-deck{margin-top:18px;font-size:14px;line-height:1.65}.blog-design .archive-brief>a{padding-block:20px;display:block}.blog-design .archive-brief+.archive-brief{border-top:1px solid var(--border)}.blog-design .archive-brief h3{letter-spacing:-.025em;text-wrap:pretty;font-size:clamp(20px,1.8vw,25px);font-weight:520;line-height:1.25}.blog-design .archive-anchor a:hover h3,.blog-design .archive-brief a:hover h3{color:var(--primary)}.blog-design .archive-anchor>a:focus-visible,.blog-design .archive-brief>a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media (max-width:1100px){.blog-design .archive-band{gap:28px}.blog-design .archive-anchor>a{padding:96px 26px 26px}}@media (max-width:800px){.blog-design .archive-band,.blog-design .archive-band-reverse{grid-template-columns:minmax(0,1fr);gap:12px}.blog-design .archive-band-reverse .archive-anchor{order:initial}.blog-design .archive-anchor>a{min-height:310px}}@media (max-width:540px){.blog-design .archive-band{padding-block:22px}.blog-design .archive-anchor>a{min-height:320px;padding:96px 24px 24px}.blog-design .archive-anchor h3{font-size:28px}.blog-design .archive-deck{margin-top:16px;font-size:14px}.blog-design .archive-brief>a{padding-block:18px}.blog-design .archive-brief h3{font-size:21px}}.blog-design .editorial-front-single .editorial-story>a{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:center;gap:32px;max-width:1000px;display:grid}.blog-design .editorial-front-single .editorial-art{aspect-ratio:1.5}.blog-design .editorial-front-single .editorial-copy{padding-top:0}.blog-design .editorial-front-single .editorial-story h2{font-size:clamp(26px,2.4vw,34px)}@media (max-width:800px){.blog-design .editorial-front-single .editorial-story>a{gap:24px}}@media (max-width:540px){.blog-design .editorial-front-single .editorial-story>a{display:block}.blog-design .editorial-front-single .editorial-art{aspect-ratio:2.3}.blog-design .editorial-front-single .editorial-copy{padding-top:16px}.blog-design .editorial-front-single .editorial-story h2{font-size:28px}}