.article-card__body{display:grid;gap:var(--space-2xs)}.article-card .card__media:empty{display:none}.article-card__topic{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-primary-text)}.article-card__title{font-family:var(--font-heading);font-size:calc(var(--text-lg) * var(--heading-scale));line-height:1.28}.article-card__excerpt{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--color-text-muted)}.article-card__meta{display:flex;flex-wrap:wrap;gap:.35rem var(--space-sm);margin:0;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-subtle)}@media screen and (min-width:768px){.article-card--lead{grid-column:1 / -1;display:grid;grid-template-columns:3fr 2fr;gap:var(--space-xl);align-items:center}.article-card--lead .card__media{margin-block-end:0}.article-card--lead .article-card__title{font-size:calc(var(--text-2xl) * var(--heading-scale))}.article-card--lead .article-card__excerpt{font-size:var(--text-base)}}.blog__banner{padding-block:var(--space-2xl);background:var(--color-surface-alt)}.blog__title{margin:0}.blog__lede{max-inline-size:58ch;margin:var(--space-sm) 0 0;color:var(--color-text-muted)}.blog__banner--image{position:relative;isolation:isolate;padding-block:var(--space-3xl);background:var(--color-secondary-900)}.blog__banner-media,.blog__banner-scrim{position:absolute;top:0;right:0;bottom:0;left:0}.blog__banner-media{z-index:-1}.blog__banner-scrim{z-index:-1;background:var(--color-secondary-900);opacity:.5}.blog__banner-media img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.blog__rss{display:inline-flex;align-items:center;min-block-size:44px;margin-block-start:var(--space-2xs);font-size:var(--text-sm);color:var(--color-text-subtle)}.blog-topics{display:flex;gap:var(--space-xs);margin-block:var(--space-lg);padding-block-end:var(--space-2xs);overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:var(--space-xs);scrollbar-width:none}.blog-topics::-webkit-scrollbar{display:none}.blog-topics__link{flex:0 0 auto;display:inline-flex;align-items:center;min-block-size:44px;padding-inline:var(--space-md);border:1px solid var(--color-border);border-radius:999px;font-size:var(--text-sm);color:var(--color-text);text-decoration:none;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out)}.blog-topics__link:hover{border-color:currentColor;background:color-mix(in oklab,currentColor 12%,transparent)}.blog-topics__link[aria-current=page]{border-color:var(--color-text);background:var(--color-text);color:var(--color-surface)}.blog-topics-scroller{display:flex;align-items:center;gap:var(--space-xs);margin-block:var(--space-lg)}.blog-topics-scroller .blog-topics{flex:1 1 auto;min-inline-size:0;margin-block:0}.blog-topics__arrow{display:none;flex:0 0 auto;inline-size:2.5rem;block-size:2.5rem;padding:0;border:1px solid var(--color-border);border-radius:50%;background:none;color:var(--color-text);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.blog-topics__arrow:hover:not([disabled]){border-color:currentColor;background:color-mix(in oklab,currentColor 12%,transparent)}.blog-topics__arrow[disabled]{opacity:.3;cursor:default}@media(hover:hover)and (pointer:fine){.blog-topics__arrow{display:grid;place-items:center}.blog-topics-scroller:not([data-overflowing]) .blog-topics__arrow{visibility:hidden}.blog-topics-scroller[data-no-paging] .blog-topics__arrow{display:none}}.grid--articles{grid-template-columns:repeat(var(--blog-columns-m, 1),minmax(0,1fr))}@media screen and (min-width:600px){.grid--articles{grid-template-columns:repeat(var(--blog-columns-t, 2),minmax(0,1fr))}}@media screen and (min-width:1024px){.grid--articles{grid-template-columns:repeat(var(--blog-columns, 3),minmax(0,1fr))}}.blog--list .grid--articles,.blog--compact .grid--articles{grid-template-columns:minmax(0,1fr)}@media screen and (min-width:600px){.article-card--list{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:var(--space-lg);align-items:start}.article-card--list .card__media{margin-block-end:0}}.blog--compact .grid--articles{gap:0;max-inline-size:44rem}.article-card--compact{padding-block:var(--space-md);border-block-end:1px solid var(--color-border-subtle)}.article-card--compact .article-card__title{font-size:var(--text-md)}.article__inner{max-inline-size:44rem;margin-inline:auto}.article__rail{display:grid;gap:var(--space-lg);margin-block-end:var(--space-xl)}@media screen and (min-width:1024px){.article__layout{display:grid;grid-template-columns:minmax(0,44rem) minmax(0,16rem);column-gap:var(--space-2xl);justify-content:center;align-items:start}.article__main{grid-column:1;grid-row:1}.article__rail{grid-column:2;grid-row:1;margin-block-end:0;position:sticky;inset-block-start:calc(var(--header-height, 0px) + var(--space-lg))}.article__rail .article__author{flex-direction:column;align-items:start;gap:var(--space-sm)}}.article__hero{max-inline-size:68rem;margin:var(--space-xl) auto 0}.article__image{inline-size:100%;block-size:auto;border-radius:var(--radius)}.article__header{padding-block-start:var(--space-xl);text-align:center}.article__title{margin-block:var(--space-xs) var(--space-md)}.article__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem var(--space-sm);margin:0;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-subtle)}.article__cover{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-block-size:clamp(18rem,46vw,32rem);padding-block:var(--space-2xl)}.article__cover-media,.article__cover-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.article__cover-media img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.article__cover-scrim{background:linear-gradient(to top,var(--color-secondary-900) 0%,transparent 100%);opacity:.82}.article__header--cover{padding-block-start:0}.blog__body,.article__body{padding-block:var(--space-2xl) var(--space-3xl)}.article--feature .article__body{padding-block-start:var(--space-xl)}.article__content{font-size:var(--text-md);line-height:1.75;color:var(--color-text-body)}.article__content h2,.article__content h3,.article__content h4{margin-block:1.6em .4em}.article__content h2{font-size:var(--text-xl)}.article__content h2,.article__content h3{scroll-margin-block-start:calc(var(--header-height, 0px) + var(--space-lg))}.article-toc:not([hidden]){display:block;padding-inline-start:var(--space-md);border-inline-start:2px solid var(--color-border)}.article__main>.article-toc{margin-block-end:var(--space-xl)}.article-toc__title{margin:0 0 var(--space-xs);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-subtle)}.article-toc__list{display:grid;gap:var(--space-2xs);margin:0;padding:0;list-style:none}.article-toc__item--sub{padding-inline-start:var(--space-md)}.article-toc__link{font-size:var(--text-sm);line-height:1.4;color:var(--color-text-body);text-decoration:none}.article-toc__link:hover{text-decoration:underline}@media screen and (max-width:1023px){.article-toc__list{gap:0}.article-toc__link{display:flex;align-items:center;min-block-size:44px}}.article-toc__link[aria-current]{font-weight:600;color:var(--color-primary-text)}.article__content img{inline-size:100%;block-size:auto;border-radius:var(--radius)}.article__content figure{margin-inline:0}.article__content figcaption{margin-block-start:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-subtle)}.article__content ul,.article__content ol{padding-inline-start:1.25em}.article__content li+li{margin-block-start:.35em}.article__content hr{margin-block:var(--space-2xl);border:0;border-block-start:1px solid var(--color-border)}.article__content blockquote{margin:var(--space-xl) 0;padding-inline-start:var(--space-lg);border-inline-start:3px solid var(--color-primary-300);font-family:var(--font-heading);font-size:var(--text-xl);line-height:1.34;color:var(--color-text)}.article__content blockquote cite{display:block;margin-block-start:var(--space-sm);font-family:var(--font-body);font-size:var(--text-sm);font-style:normal;color:var(--color-text-subtle)}.article__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:var(--space-xl) 0 0;padding:0}.article__footer{display:grid;gap:var(--space-lg);margin-block-start:var(--space-xl);padding-block-start:var(--space-lg);border-block-start:1px solid var(--color-border)}.article__author{display:flex;align-items:center;gap:var(--space-md)}.article__author-mark{flex:0 0 auto;display:grid;place-items:center;inline-size:3rem;block-size:3rem;border-radius:999px;background:var(--color-primary-100);color:var(--color-primary-900);font-family:var(--font-heading);font-size:var(--text-lg)}.article__author-image{flex:0 0 auto;inline-size:3rem;block-size:3rem;border-radius:999px;object-fit:cover}.article__author-name{margin:0;font-weight:600}.article__author-note{margin:0;font-size:var(--text-sm);color:var(--color-text-subtle)}.article__share .share__list{position:static;display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);min-inline-size:0;margin:var(--space-sm) 0 0;padding:0;font-size:var(--text-sm);background:none;border:0;border-radius:0;box-shadow:none}.article__share .share{position:static;margin:0}.article__share .share__list--long{min-inline-size:0;max-inline-size:none;max-block-size:none;overflow:visible}.article__share .share__link{min-block-size:44px;padding:0;font:inherit;font-size:var(--text-sm);color:var(--color-text);text-decoration:none;background:none;border:0;cursor:pointer}.article__share .share>.button{min-block-size:44px}.article__share .share__link:hover{color:var(--color-primary)}.article__cta{display:grid;justify-items:start;gap:var(--space-sm);margin-block-start:var(--space-2xl);padding:var(--space-xl);border-radius:var(--radius);background:var(--color-surface-alt)}.article__cta-title,.article__cta-text{margin:0}.article__cta-text{max-inline-size:52ch;color:var(--color-text-muted)}.article__nav{display:grid;gap:var(--space-md);margin-block-start:var(--space-2xl)}@media screen and (min-width:600px){.article__nav{grid-template-columns:repeat(2,minmax(0,1fr))}}.article__nav-link{display:grid;gap:var(--space-2xs);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}.article__nav-link:hover{background:color-mix(in oklab,currentColor 12%,transparent)}.article__nav-link--next{grid-column:-2;text-align:end}.article__nav-label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-subtle)}.article__related{padding-block:var(--space-3xl);background:var(--color-surface-alt)}.article__related-title{margin-block-end:var(--space-lg)}.article__comments{margin-block-start:var(--space-2xl);padding-block-start:var(--space-xl);border-block-start:1px solid var(--color-border)}.comment-form__title{font-size:calc(var(--text-xl) * var(--heading-scale));line-height:1.36}.comment{padding-block:var(--space-md);border-block-end:1px solid var(--color-border-subtle)}.comment__body{margin:0;color:var(--color-text-body)}.comment__author{margin:var(--space-xs) 0 0;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-subtle)}.comment-form{margin-block-start:var(--space-xl)}.comment-form__note{margin:0 0 var(--space-md);font-size:var(--text-sm);color:var(--color-text-subtle)}.blog-topics-scroller--categories{margin-block:var(--space-md) var(--space-2xs)}.article-search{display:block;margin-block:var(--space-md) var(--space-lg);max-inline-size:28rem}.article-search__field{display:flex;align-items:center;gap:var(--space-xs);padding-inline:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.article-search__field:focus-within{outline:2px solid var(--color-primary-text);outline-offset:2px;border-color:var(--color-primary-text)}.article-search__field-icon{display:grid;place-items:center;flex:0 0 auto;color:var(--color-text-subtle)}.article-search__field-icon svg{inline-size:1rem;block-size:1rem}.article-search__input{flex:1 1 auto;min-inline-size:0;min-block-size:44px;padding:0;font:inherit;color:var(--color-text);background:none;border:0}.article-search__input:focus{outline:none}.article-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.article-search__clear{display:grid;place-items:center;flex:0 0 auto;inline-size:44px;block-size:44px;margin-inline-end:calc(var(--space-xs) * -1);color:var(--color-text-muted);background:none;border:0;cursor:pointer}.article-search__clear:hover{color:var(--color-text)}.article-search__clear svg{inline-size:.75rem;block-size:.75rem}.article-search__note:empty{display:none}.article-search__note{margin-block:var(--space-2xs) 0;font-size:var(--text-xs);color:var(--color-text-muted)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/blog.css.map */