.template-blog .blog-heading{margin-bottom:clamp(28px,3.5vw,44px)}.template-blog .blog-heading h1{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.05;letter-spacing:-.04em}.template-blog .blog-heading p:not(.eyebrow){margin:0;color:var(--muted)}.template-blog .blog-page .article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.template-blog .blog-page .article-card{min-height:0;aspect-ratio:1.6}.template-blog .blog-page .article-card-copy{padding:clamp(20px,2.4vw,32px)}.template-blog .blog-page .article-card-copy h2{max-width:34ch;font-size:clamp(1.1rem,1.5vw,1.4rem);font-weight:650;line-height:1.3;letter-spacing:-.01em}.template-blog .blog-page .article-card-date{margin:0 0 7px;color:#cfe0d4;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.template-blog .blog-page .empty-state{grid-column:1/-1}.template-blog .blog-pagination{margin-top:44px}@media(max-width:800px){.template-blog .blog-page .article-grid{gap:16px 12px}.template-blog .blog-page .article-card{aspect-ratio:1.05}.template-blog .blog-page .article-card-copy{padding:16px}.template-blog .blog-page .article-card-copy h2{font-size:1rem}}@media(max-width:560px){.template-blog .blog-page .article-grid{grid-template-columns:1fr}.template-blog .blog-page .article-card{aspect-ratio:1.4}}.article-page .article-back{display:inline-block;margin-bottom:20px}.article-hero{position:relative;isolation:isolate;display:flex;align-items:flex-start;overflow:hidden;min-height:clamp(320px,40vw,540px);border-radius:22px;background:linear-gradient(145deg,#244b37,#0c1710);color:#fff}.article-hero-image{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.article-hero:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#030906db,#0309068c 38%,#03090614 78%);content:""}.article-hero--plain{min-height:clamp(220px,24vw,300px)}.article-hero-copy{max-width:min(860px,100%);padding:clamp(24px,4vw,52px)}.article-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 14px;color:#d5e6da;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.article-hero-meta>span:first-child{padding:4px 10px;border:1px solid rgba(255,255,255,.3);border-radius:99px;background:#0db14b47;color:#fff}.article-hero h1{margin:0;color:#fff;font-size:clamp(1.55rem,2.7vw,2.45rem);line-height:1.15;letter-spacing:-.03em;text-wrap:balance}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);align-items:start;gap:clamp(32px,4.5vw,72px);margin-top:clamp(32px,4vw,52px)}.article-page .article-main{min-width:0}.article-page .article-body{max-width:780px;margin-inline:auto;font-size:1.05rem;line-height:1.75}.article-page .article-body img{max-width:100%;height:auto;border-radius:12px}.article-page .article-tags{max-width:780px;margin:32px auto 0}.article-sidebar{position:sticky;top:120px;align-self:start}.article-sidebar-inner{padding:22px;border:1px solid #e3eae5;border-radius:18px;background:#f7faf8}.article-sidebar .eyebrow{margin-bottom:14px}.article-sidebar-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}.article-sidebar-list a{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:9px;margin-inline:-9px;border-radius:12px;color:inherit;text-decoration:none;transition:background .18s}.article-sidebar-list a:hover{background:#eaf3ed}.article-sidebar-thumb{overflow:hidden;aspect-ratio:1;border-radius:10px;background:linear-gradient(145deg,#244b37,#0c1710)}.article-sidebar-thumb img{width:100%;height:100%;object-fit:cover}.article-sidebar-text{display:grid;gap:4px;min-width:0}.article-sidebar-text strong{display:-webkit-box;overflow:hidden;font-size:.86rem;font-weight:650;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}.article-sidebar-list a:hover strong{color:var(--brand)}.article-sidebar-text small{color:var(--muted);font-size:.74rem}.article-sidebar-all{display:inline-block;margin-top:14px;color:var(--brand);font-size:.84rem;font-weight:650;text-decoration:none}@media(max-width:960px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}}@media(max-width:600px){.article-hero{min-height:300px;border-radius:16px}.article-hero h1{font-size:1.45rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/blog.css.map */
