.staun-blog-archive{width:100%}.staun-blog-archive__hero{width:100%;background-color:var(--staun-color-dark);background-size:cover;background-position:center center;background-repeat:no-repeat}.staun-blog-archive__hero-overlay{background:linear-gradient(180deg,#1a1a1ad9,#1a1a1ab3);padding:var(--staun-space-3xl) 0}.staun-blog-archive__hero-inner{width:100%;max-width:var(--staun-container-wide);margin:0 auto;padding-left:var(--staun-gutter);padding-right:var(--staun-gutter);display:flex;flex-direction:column;gap:var(--staun-space-md)}.staun-blog-archive__breadcrumb{display:inline-flex;align-items:center;gap:.4em;font-family:var(--staun-font-family);font-size:var(--staun-font-size-sm);color:var(--staun-color-grey-mid)}.staun-blog-archive__breadcrumb a{color:var(--staun-color-grey-mid);text-decoration:none}.staun-blog-archive__breadcrumb a:hover{color:var(--staun-color-white)}.staun-blog-archive__breadcrumb-current{color:var(--staun-color-primary)}.staun-blog-archive__hero-heading{font-family:var(--staun-font-family);font-size:3rem;font-weight:var(--staun-font-weight-extrabold);text-transform:uppercase;line-height:var(--staun-line-height-tight);letter-spacing:var(--staun-letter-spacing-tight);color:var(--staun-color-white);margin:0}.staun-blog-archive__featured{margin-top:var(--staun-space-md)}.staun-blog-archive__featured-link{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--staun-space-xl);background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:var(--staun-radius-md);padding:var(--staun-space-md);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-decoration:none;transition:border-color var(--staun-transition-fast),transform var(--staun-transition-fast)}.staun-blog-archive__featured-link:hover{border-color:var(--staun-color-primary);transform:translateY(-2px)}.staun-blog-archive__featured-media{border-radius:var(--staun-radius-sm);overflow:hidden;aspect-ratio:4 / 3;background:var(--staun-color-dark-alt)}.staun-blog-archive__featured-media img{width:100%;height:100%;object-fit:cover;display:block}.staun-blog-archive__featured-text{display:flex;flex-direction:column;justify-content:center;gap:var(--staun-space-xs)}.staun-blog-archive__featured-badge{display:inline-block;padding:4px 10px;background:var(--staun-color-primary);color:var(--staun-color-white);font-family:var(--staun-font-family);font-size:.6875rem;font-weight:var(--staun-font-weight-bold);letter-spacing:var(--staun-letter-spacing-wide);text-transform:uppercase;border-radius:var(--staun-radius-sm);align-self:flex-start;margin-bottom:var(--staun-space-xs)}.staun-blog-archive__featured-title{font-family:var(--staun-font-family);font-size:var(--staun-font-size-2xl);font-weight:var(--staun-font-weight-extrabold);text-transform:uppercase;line-height:var(--staun-line-height-tight);color:var(--staun-color-white);margin:0}.staun-blog-archive__featured-excerpt{font-family:var(--staun-font-family);font-size:var(--staun-font-size-sm);color:var(--staun-color-grey-mid);line-height:var(--staun-line-height-normal);margin:0}.staun-blog-archive__featured-cta{font-family:var(--staun-font-family);font-size:var(--staun-font-size-sm);font-weight:var(--staun-font-weight-bold);letter-spacing:var(--staun-letter-spacing-wide);color:var(--staun-color-primary);margin-top:var(--staun-space-sm)}.staun-blog-archive__inner{width:100%;max-width:var(--staun-container-wide);margin:0 auto;padding-left:var(--staun-gutter);padding-right:var(--staun-gutter);display:flex;flex-direction:column;gap:var(--staun-space-xl)}.staun-blog-archive__tabs{display:flex;flex-wrap:wrap;gap:var(--staun-space-sm);border-bottom:1px solid var(--staun-color-border);padding-bottom:var(--staun-space-sm)}.staun-blog-archive__tab{font-family:var(--staun-font-family);font-size:var(--staun-font-size-sm);font-weight:var(--staun-font-weight-medium);letter-spacing:var(--staun-letter-spacing-wide);text-transform:uppercase;color:var(--staun-color-text-muted);text-decoration:none;padding:var(--staun-space-xs) var(--staun-space-md);border-radius:var(--staun-radius-sm);transition:color var(--staun-transition-fast),background-color var(--staun-transition-fast)}.staun-blog-archive__tab:hover{color:var(--staun-color-text);background:var(--staun-color-grey-light)}.staun-blog-archive__tab--active{color:var(--staun-color-primary);background:var(--staun-color-primary-light)}.staun-blog-archive__grid{display:grid;grid-template-columns:repeat(var(--columns-desktop, 3),1fr);gap:var(--staun-space-lg)}.staun-blog-archive__card{background:var(--staun-color-white);border:1px solid var(--staun-color-border);border-radius:var(--staun-radius-md);overflow:hidden;transition:border-color var(--staun-transition-fast),transform var(--staun-transition-fast)}.staun-blog-archive__card:hover{border-color:var(--staun-color-primary);transform:translateY(-2px)}.staun-blog-archive__card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.staun-blog-archive__card-media{position:relative;aspect-ratio:4 / 3;background:var(--staun-color-grey-light)}.staun-blog-archive__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--staun-transition-slow)}.staun-blog-archive__card:hover .staun-blog-archive__card-image{transform:scale(1.04)}.staun-blog-archive__card-image--placeholder{background:linear-gradient(135deg,var(--staun-color-grey-light) 0%,var(--staun-color-grey-mid) 100%)}.staun-blog-archive__card-badge{position:absolute;top:var(--staun-space-sm);left:var(--staun-space-sm);padding:4px 10px;background:var(--staun-color-dark-alt);color:var(--staun-color-white);font-family:var(--staun-font-family);font-size:.6875rem;font-weight:var(--staun-font-weight-bold);letter-spacing:var(--staun-letter-spacing-wide);text-transform:uppercase;border-radius:var(--staun-radius-sm)}.staun-blog-archive__card-text{display:flex;flex-direction:column;gap:var(--staun-space-xs);padding:var(--staun-space-md);flex:1}.staun-blog-archive__card-title{font-family:var(--staun-font-family);font-size:var(--staun-font-size-base);font-weight:var(--staun-font-weight-bold);letter-spacing:var(--staun-letter-spacing-wide);text-transform:uppercase;color:var(--staun-color-text);line-height:var(--staun-line-height-snug);margin:0}.staun-blog-archive__card-excerpt{font-family:var(--staun-font-family);font-size:var(--staun-font-size-sm);color:var(--staun-color-text-muted);line-height:var(--staun-line-height-normal);margin:0;flex:1}.staun-blog-archive__card-cta{font-family:var(--staun-font-family);font-size:var(--staun-font-size-sm);font-weight:var(--staun-font-weight-bold);color:var(--staun-color-primary);margin-top:var(--staun-space-xs)}.staun-blog-archive__pagination{display:flex;justify-content:center;margin-top:var(--staun-space-lg)}.staun-blog-archive__pagination .pagination__list{display:flex;gap:var(--staun-space-xs);list-style:none;margin:0;padding:0}.staun-blog-archive__pagination a,.staun-blog-archive__pagination span{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--staun-space-xs);border:1px solid var(--staun-color-border);border-radius:var(--staun-radius-sm);font-family:var(--staun-font-family);font-size:var(--staun-font-size-sm);text-decoration:none;color:var(--staun-color-text)}.staun-blog-archive__pagination a:hover{border-color:var(--staun-color-primary);color:var(--staun-color-primary)}.staun-blog-archive__pagination .pagination__item--current{background:var(--staun-color-primary);color:var(--staun-color-white);border-color:var(--staun-color-primary)}.staun-blog-archive__empty{font-family:var(--staun-font-family);font-size:var(--staun-font-size-base);color:var(--staun-color-text-muted);text-align:center;padding:var(--staun-space-2xl) 0}@media screen and (max-width:989px){.staun-blog-archive__hero-heading{font-size:var(--staun-font-size-2xl)}.staun-blog-archive__featured-link{grid-template-columns:1fr;gap:var(--staun-space-md)}.staun-blog-archive__featured-title{font-size:var(--staun-font-size-xl)}.staun-blog-archive__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.staun-blog-archive__hero-overlay{padding:var(--staun-space-2xl) 0}.staun-blog-archive__hero-heading{font-size:var(--staun-font-size-xl)}.staun-blog-archive__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/staun-section-blog-archive.css.map */