.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--gap-xl);max-width:1400px;width:100%;margin:0 auto;padding:var(--padding-lg) var(--page-margin)}.blog-layout__main{min-width:0}.blog-layout__sidebar{position:sticky;top:var(--gap-lg);height:fit-content}.blog-layout__main .section-content-wrapper{max-width:none;width:100%}.blog-layout__main header{text-align:left;margin:0;background:rgb(var(--color-background-rgb));border-radius:var(--border-radius);padding:var(--padding-xl)}.blog-layout__main .blog-post-content{background:rgb(var(--color-background-rgb));border-radius:var(--border-radius);padding:var(--padding-xl);margin:0;font-size:1.125rem;line-height:1.7;color:var(--color-foreground);max-width:none;width:100%;text-align:left}.blog-layout__main .text,.blog-layout__main .heading,.blog-layout__main h1,.blog-layout__main h2,.blog-layout__main h3,.blog-layout__main h4,.blog-layout__main h5,.blog-layout__main h6,.blog-layout__main p{text-align:left}.blog-layout__main .blog-post-featured-image,.blog-layout__main .featured-article-image{width:100%;margin:0;border-radius:0;overflow:hidden}.blog-layout__main .blog-post-featured-image img,.blog-layout__main .featured-article-image img{width:100%;height:auto;display:block;object-fit:cover}.blog-layout__main .blog-post-featured-image{height:auto!important;min-height:300px}.blog-layout__main .blog-post-featured-image__image{height:auto!important;min-height:300px;object-fit:cover;aspect-ratio:16/9}@media screen and (min-width: 990px){.blog-layout__main .blog-post-featured-image{height:400px!important}.blog-layout__main .blog-post-featured-image__image{height:100%!important;aspect-ratio:unset}}.blog-layout__main .blog-post-featured-image .spacing-style{padding:0}.blog-layout__main .blog-post-content p{font-size:1.125rem;line-height:1.7;margin-bottom:var(--margin-md)}.blog-layout__main .blog-post-content h1,.blog-layout__main .blog-post-content h2,.blog-layout__main .blog-post-content h3,.blog-layout__main .blog-post-content h4,.blog-layout__main .blog-post-content h5,.blog-layout__main .blog-post-content h6{margin-top:var(--margin-xl);margin-bottom:var(--margin-md);font-weight:var(--font-weight--heading-bold)}.blog-layout__main .blog-post-content h2,.blog-layout__main .blog-post-content h3,.blog-layout__main .blog-post-content h4{margin-top:3rem}.blog-layout__main .blog-post-content h2{font-size:2.6rem}.blog-layout__main .blog-post-content ul,.blog-layout__main .blog-post-content ol{margin-bottom:var(--margin-md);padding-left:var(--padding-lg)}.blog-layout__main .blog-post-content li{margin-bottom:var(--margin-xs);font-size:1.125rem;line-height:1.7}.blog-layout__main .featured-article-title{font-family:var(--font-h2--family);font-style:var(--font-h2--style);font-weight:var(--font-h2--weight);font-size:var(--font-h2--size);line-height:var(--font-h2--line-height);letter-spacing:var(--font-h2--letter-spacing);text-transform:var(--font-h2--case);color:var(--color, var(--font-h2--color));margin:0 0 var(--gap-md) 0}.blog-layout__main .featured-article-meta{display:flex;gap:var(--gap-md);color:rgb(var(--color-foreground-rgb) / .7);font-size:.9rem}@media screen and (min-width: 990px){.blog-layout__main .featured-article-image{height:27.5rem}.blog-layout__main .featured-article-image img{height:100%;object-fit:cover}}@media screen and (max-width: 1024px){.blog-layout{grid-template-columns:1fr 280px;gap:var(--gap-lg);max-width:1400px;margin:0 auto}}@media screen and (max-width: 749px){.blog-layout{grid-template-columns:1fr;gap:var(--gap-md);max-width:1400px;margin:0 auto}.blog-layout__sidebar{position:static;order:2}.blog-layout__main{order:1}}.blog-layout{padding-left:0;padding-right:0}@media screen and (min-width: 1500px){.blog-layout{padding:var(--padding-lg) var(--page-margin)}}.blog-layout__main .blog-post-content h1{font-family:var(--font-h2--family);font-style:var(--font-h2--style);font-weight:var(--font-h2--weight);font-size:var(--font-h2--size);line-height:var(--font-h2--line-height);letter-spacing:var(--font-h2--letter-spacing);text-transform:var(--font-h2--case);color:var(--color, var(--font-h2-color))}
/*# sourceMappingURL=/cdn/shop/t/3/assets/blog-layout.css.map */