.blog-grid-wrapper{--bg: #ffffff;--surface: #ffffff;--text: #111111;--muted: #6a6a6a;--border: #e5e5e5;--accent: #e6001f;--r: 8px;--container: 1280px;--gutter: clamp(16px, 2.2vw, 24px);font-family:var(--font-body);background:var(--bg);color:var(--text);padding:clamp(28px,5vw,72px) var(--gutter)}.blog-grid-wrapper *,.blog-grid-wrapper *:before,.blog-grid-wrapper *:after{box-sizing:border-box}.blog-grid-header{max-width:var(--container);margin:0 auto clamp(24px,3vw,40px);text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:16px}.blog-grid-main-title{grid-column:1 / -1}.blog-grid-header--no-search{grid-template-columns:1fr}.blog-grid-back{grid-column:1 / -1;display:inline-flex;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .18s ease}.blog-grid-back:before{content:"\2190"}@media(hover:hover)and (pointer:fine){.blog-grid-back:hover{color:var(--text)}}.blog-grid-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.blog-grid-main-title{font-family:var(--font-head, var(--font-display));font-size:clamp(34px,5vw,60px);font-weight:900;line-height:1.02;letter-spacing:-.02em;text-transform:uppercase;color:var(--text);margin:0 0 clamp(16px,2vw,24px);text-wrap:balance}.blog-grid-chips{grid-column:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin:0}.blog-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text)!important;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}@media(hover:hover)and (pointer:fine){.blog-chip:hover{border-color:var(--text)}}.blog-chip.active{background:var(--accent);border-color:var(--accent);color:#fff!important}.blog-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.blog-chip-search-wrapper{grid-column:2;display:flex;justify-content:flex-end;margin:0;flex:0 0 clamp(220px,18vw,260px);min-width:clamp(220px,18vw,260px)}.blog-chip-search{display:flex;align-items:center;gap:8px;height:44px;min-height:44px;width:44px;padding:0 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text)!important;overflow:hidden;cursor:pointer;transition:width .28s ease,border-color .18s ease,box-shadow .18s ease}.blog-chip-search.active,.blog-chip-search.active:hover{width:100%;background:var(--surface);border-color:var(--text);color:var(--text)!important;cursor:text}.blog-chip-search:focus-within{border-color:var(--text);box-shadow:0 0 0 3px #e6001f2e}.search-icon{flex-shrink:0;width:20px;height:20px;stroke:var(--muted);transition:stroke .18s ease}.blog-chip-search.active .search-icon,.blog-chip-search:hover .search-icon{stroke:var(--text)}.blog-chip-search .blog-search-input{flex:1 1 auto;min-width:0;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:var(--text)!important;caret-color:var(--accent)!important;font-family:var(--font-body);font-size:15px!important;font-weight:500;line-height:normal!important;text-align:left;outline:none;display:none}.blog-chip-search .blog-search-input::placeholder{line-height:normal}.blog-chip-search.active .blog-search-input{display:inline-block}.blog-search-input::placeholder{color:var(--muted);opacity:1}.blog-search-input:focus,.blog-search-input:active{outline:none!important;box-shadow:none!important}.search-highlight{background:#e6001f24;color:var(--text);border-radius:3px;padding:0 2px;font-weight:700}.blog-grid-articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(16px,2vw,28px);align-items:start;max-width:var(--container);margin:0 auto;text-align:left}.blog-grid-articles{opacity:1;visibility:visible}.blog-grid-article-item{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}@media(hover:hover)and (pointer:fine){.blog-grid-article-item:hover{border-color:var(--text);box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.blog-grid-article-item:hover .blog-grid-img__media{transform:scale(1.04)}}.blog-grid-article-item.hidden,.blog-grid-article-item.is-clipped{display:none}.blog-grid-more{max-width:var(--container);margin:clamp(24px,3vw,40px) auto 0;display:flex;justify-content:center}.blog-grid-more[hidden]{display:none}.blog-grid-more__btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 28px;border:1px solid var(--text);border-radius:999px;background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .18s ease,color .18s ease}@media(hover:hover)and (pointer:fine){.blog-grid-more__btn:hover{background:var(--text);color:#fff}}.blog-grid-more__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.blog-grid-more__count{opacity:.6;font-weight:600}.blog-grid-article-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-grid-article-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.blog-grid-img{position:relative;aspect-ratio:16 / 10;background:#f2f2f2;overflow:hidden;flex-shrink:0}.blog-grid-img__media{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.blog-grid-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0;font-size:12px;line-height:1.2}.blog-grid-meta .blog-grid-tag+.blog-grid-date:before{content:"";display:inline-block;width:1px;height:10px;margin-right:8px;vertical-align:-1px;background:var(--border)}.blog-grid-tag{font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.blog-grid-info{display:flex;flex-direction:column;gap:8px;padding:16px;flex:1}.blog-grid-date{font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--muted);margin:0}.blog-grid-title{margin:0;font-family:var(--font-head, var(--font-display));font-size:17px;line-height:1.22;font-weight:800;letter-spacing:-.01em;text-transform:uppercase;color:var(--text);text-wrap:balance;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.blog-grid-excerpt{display:none}.blog-grid-article-item.is-featured .blog-grid-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;font-size:15px;line-height:1.55;color:var(--muted);max-width:62ch}.blog-grid-article-item.is-featured .blog-grid-img{aspect-ratio:16 / 9}.blog-grid-article-item.is-featured .blog-grid-title{font-size:22px}@media(min-width:900px){.blog-grid-article-item.is-featured{grid-column:1 / -1;flex-direction:row;height:clamp(340px,29vw,440px)}.blog-grid-article-item.is-featured .blog-grid-article-link{flex-direction:row;align-items:stretch;height:100%}.blog-grid-article-item.is-featured .blog-grid-img{flex:0 0 58%;aspect-ratio:auto;height:100%}.blog-grid-article-item.is-featured .blog-grid-info{flex:1 1 42%;justify-content:center;padding:clamp(20px,2.4vw,32px);gap:12px;overflow:hidden}.blog-grid-article-item.is-featured .blog-grid-title{font-size:clamp(22px,2.1vw,30px);-webkit-line-clamp:4}}.no-results-message{grid-column:1 / -1;padding:40px 20px;border:1px solid var(--border);border-radius:var(--r);background:#fafafa;color:var(--text);font-size:16px;font-weight:500;text-align:center;margin:24px 0}@media(max-width:768px){.blog-grid-header{grid-template-columns:1fr}.blog-grid-chips{grid-column:1;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;margin:0 calc(var(--gutter) * -1) 12px;padding:0 var(--gutter) 4px;scroll-padding-left:var(--gutter);scroll-padding-right:var(--gutter)}.blog-grid-chips::-webkit-scrollbar{display:none}.blog-chip{flex:0 0 auto;scroll-snap-align:start}.blog-chip-search-wrapper{display:none}.blog-grid-articles{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.blog-grid-article-item,.blog-grid-img__media,.blog-chip,.blog-chip-search{transition:none}.blog-grid-article-item:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/blog-grid-optimized.css.map */