.blog-hero{background:var(--clr-dark);padding:calc(var(--section-y) + 64px) 0 var(--section-y);border-bottom:1px solid var(--clr-grey-800)}.blog-hero__breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--clr-grey-500);margin-bottom:var(--sp-5);flex-wrap:wrap}.blog-hero__breadcrumb a{color:var(--clr-grey-400);text-decoration:none;transition:color var(--ease-fast)}.blog-hero__breadcrumb a:hover{color:var(--clr-primary)}.blog-hero__breadcrumb-sep{color:var(--clr-grey-700)}.blog-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--clr-primary);margin-bottom:var(--sp-4)}.blog-hero__title{font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:var(--font-black);letter-spacing:var(--tracking-tight);color:var(--clr-white);line-height:var(--leading-tight);margin-bottom:var(--sp-4)}.blog-hero__lead{font-size:var(--text-lg);color:var(--clr-grey-400);max-width:560px;line-height:var(--leading-relaxed)}.blog-section{padding:var(--sp-16) 0;background:var(--clr-grey-50)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-8);margin-top:var(--sp-10)}@media(min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.article-card{background:var(--clr-white);border-radius:var(--r-xl);border:1px solid var(--clr-grey-200);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--ease-base),transform var(--ease-base)}.article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.article-card__image-wrap{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--clr-grey-100)}.article-card__image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.article-card:hover .article-card__image-wrap img{transform:scale(1.04)}.article-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--clr-dark) 0%,var(--clr-dark-3) 100%)}.article-card__image-placeholder svg{opacity:.2}.article-card__body{padding:var(--sp-6);display:flex;flex-direction:column;flex:1;gap:var(--sp-3)}.article-card__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.article-card__tag{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--clr-primary-text);background:var(--clr-primary-bg);border:1px solid var(--clr-primary-muted);padding:2px 8px;border-radius:var(--r-full)}.article-card__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--clr-black);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);text-decoration:none;display:block;transition:color var(--ease-fast)}.article-card__title:hover{color:var(--clr-primary-text)}.article-card__excerpt{font-size:var(--text-sm);color:var(--clr-grey-600);line-height:var(--leading-relaxed);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__meta{display:flex;align-items:center;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--clr-grey-100);font-size:var(--text-xs);color:var(--clr-grey-500)}.article-card__meta-dot{width:3px;height:3px;border-radius:50%;background:var(--clr-grey-300);flex-shrink:0}.article-card__read-more{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--clr-primary-text);text-decoration:none;transition:gap var(--ease-fast)}.article-card__read-more:hover{gap:var(--sp-2)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-16);flex-wrap:wrap}.blog-pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--sp-3);border-radius:var(--r-md);border:1px solid var(--clr-grey-200);background:var(--clr-white);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--clr-grey-700);text-decoration:none;transition:all var(--ease-fast)}.blog-pagination__link:hover{border-color:var(--clr-primary-text);color:var(--clr-primary-text);background:var(--clr-primary-bg)}.blog-pagination__link--current{background:var(--clr-dark);border-color:var(--clr-dark);color:var(--clr-white);pointer-events:none}.blog-pagination__link--prev,.blog-pagination__link--next{gap:var(--sp-2);padding:0 var(--sp-4)}.blog-empty{text-align:center;padding:var(--sp-24) var(--sp-4);color:var(--clr-grey-500)}.blog-empty__icon{margin:0 auto var(--sp-4);opacity:.3}.article-hero{background:var(--clr-dark);padding:calc(var(--section-y) + 64px) 0 var(--sp-16);border-bottom:1px solid var(--clr-grey-800)}.article-hero__breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--clr-grey-500);margin-bottom:var(--sp-5);flex-wrap:wrap}.article-hero__breadcrumb a{color:var(--clr-grey-400);text-decoration:none;transition:color var(--ease-fast)}.article-hero__breadcrumb a:hover{color:var(--clr-primary)}.article-hero__breadcrumb-sep{color:var(--clr-grey-700)}.article-hero__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-5)}.article-hero__tag{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--clr-primary);background:#89e68e1a;border:1px solid rgba(137,230,142,.2);padding:3px 10px;border-radius:var(--r-full)}.article-hero__title{font-size:clamp(1.75rem,5vw,3rem);font-weight:var(--font-black);letter-spacing:var(--tracking-tight);color:var(--clr-white);line-height:var(--leading-tight);margin-bottom:var(--sp-6);max-width:800px}.article-hero__dek{font-size:var(--text-lg);color:var(--clr-grey-300);line-height:var(--leading-relaxed);max-width:760px;margin-bottom:var(--sp-6)}.article-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3);font-size:var(--text-sm);color:var(--clr-grey-400)}.article-hero__meta-author{display:flex;align-items:center;gap:var(--sp-2);font-weight:var(--font-semibold);color:var(--clr-grey-200)}.article-hero__meta-avatar{width:28px;height:28px;border-radius:50%;background:var(--clr-primary);color:var(--clr-dark);font-size:var(--text-xs);font-weight:var(--font-black);display:flex;align-items:center;justify-content:center;flex-shrink:0}.article-hero__meta-sep{width:3px;height:3px;border-radius:50%;background:var(--clr-grey-600);flex-shrink:0}.article-featured-image{width:100%;max-width:900px;margin:0 auto;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:16 / 7;background:var(--clr-grey-100);margin-top:calc(-1 * var(--sp-12));box-shadow:var(--shadow-xl);position:relative;z-index:2}.article-featured-image img{width:100%;height:100%;object-fit:cover}.article-body{padding:var(--sp-16) 0;background:var(--clr-white)}.article-body__inner{max-width:760px;margin:0 auto;padding:0 var(--gutter)}.article-body__inner .rte{font-size:var(--text-md);color:var(--clr-grey-700);line-height:var(--leading-relaxed)}.article-body__inner .rte h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--clr-black);margin:var(--sp-10) 0 var(--sp-4);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.article-body__inner .rte h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--clr-black);margin:var(--sp-8) 0 var(--sp-3);letter-spacing:var(--tracking-tight)}.article-body__inner .rte h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--clr-dark-3);margin:var(--sp-6) 0 var(--sp-2)}.article-body__inner .rte p{margin:0 0 var(--sp-5)}.article-body__inner .rte ul,.article-body__inner .rte ol{margin:0 0 var(--sp-5);padding-left:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2)}.article-body__inner .rte li{line-height:var(--leading-relaxed)}.article-body__inner .rte a{color:var(--clr-primary-text);text-decoration:underline;text-underline-offset:3px}.article-body__inner .rte a:hover{color:var(--clr-primary-dark)}.article-body__inner .rte img{width:100%;border-radius:var(--r-lg);margin:var(--sp-6) 0}.article-body__inner .rte blockquote{border-left:3px solid var(--clr-primary);padding:var(--sp-4) var(--sp-6);margin:var(--sp-8) 0;background:var(--clr-primary-bg);border-radius:0 var(--r-lg) var(--r-lg) 0;font-style:italic;color:var(--clr-grey-600)}.article-body__inner .rte strong{color:var(--clr-black)}.article-body__inner .rte table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin:var(--sp-6) 0}.article-body__inner .rte th,.article-body__inner .rte td{padding:var(--sp-3) var(--sp-4);border:1px solid var(--clr-grey-200);text-align:left}.article-body__inner .rte th{background:var(--clr-grey-50);font-weight:var(--font-semibold);color:var(--clr-dark)}.article-body__inner .rte code{font-family:monospace;background:var(--clr-grey-100);padding:2px 6px;border-radius:var(--r-sm);font-size:.9em}.article-share{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--clr-grey-100)}.article-share__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}.article-share__label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--clr-grey-500)}.article-share__btn{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--clr-grey-700);background:var(--clr-grey-50);border:1px solid var(--clr-grey-200);padding:6px 14px;border-radius:var(--r-full);text-decoration:none;transition:all var(--ease-fast)}.article-share__btn:hover{background:var(--clr-primary-bg);border-color:var(--clr-primary-muted);color:var(--clr-primary-text)}.article-footer-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-4) 0 0}.article-footer-tags__label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--clr-grey-500)}.article-footer-tags__tag{font-size:var(--text-xs);color:var(--clr-grey-600);background:var(--clr-grey-100);border:1px solid var(--clr-grey-200);padding:3px 10px;border-radius:var(--r-full);text-decoration:none;transition:all var(--ease-fast)}.article-footer-tags__tag:hover{background:var(--clr-primary-bg);border-color:var(--clr-primary-muted);color:var(--clr-primary-text)}.article-author-card{background:var(--clr-grey-50);border:1px solid var(--clr-grey-200);border-radius:var(--r-xl);padding:var(--sp-6);margin-top:var(--sp-10);display:flex;gap:var(--sp-5);align-items:flex-start}.article-author-card__avatar{width:56px;height:56px;border-radius:50%;background:var(--clr-primary);color:var(--clr-dark);font-size:var(--text-xl);font-weight:var(--font-black);display:flex;align-items:center;justify-content:center;flex-shrink:0}.article-author-card__name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--clr-black);margin-bottom:2px}.article-author-card__role{font-size:var(--text-xs);color:var(--clr-primary-text);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--sp-3)}.article-author-card__bio{font-size:var(--text-sm);color:var(--clr-grey-600);line-height:var(--leading-relaxed)}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);padding:var(--sp-10) 0;border-top:1px solid var(--clr-grey-200)}.article-nav__link{padding:var(--sp-5);background:var(--clr-white);border:1px solid var(--clr-grey-200);border-radius:var(--r-xl);text-decoration:none;display:flex;flex-direction:column;gap:var(--sp-2);transition:all var(--ease-fast)}.article-nav__link:hover{border-color:var(--clr-primary-muted);background:var(--clr-primary-bg)}.article-nav__link--next{text-align:right}.article-nav__label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--clr-grey-500)}.article-nav__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--clr-dark);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/7/assets/blog.css.map */