.blog{padding-top:calc(var(--header-h) + clamp(2.5rem,8vh,6rem))}.blog__masthead{margin-bottom:clamp(2.5rem,6vw,4rem)}.blog__title{margin-top:1.1rem;max-width:20ch;color:var(--stage-fg);text-wrap:balance}.blog__intro{margin-top:1.4rem;max-width:54ch}.blog__filters{display:flex;flex-wrap:wrap;gap:.5rem .65rem;margin-bottom:clamp(2.5rem,5vw,3.5rem);padding-bottom:1.5rem;border-bottom:1px solid var(--stage-line)}.blog__filter{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;color:var(--stage-muted);padding:.5rem .95rem;border:1px solid var(--stage-line);transition:color .4s var(--ease-expo),border-color .4s var(--ease-expo),background .4s var(--ease-expo)}.blog__filter:hover{color:var(--stage-accent-hi);border-color:var(--stage-accent)}.blog__filter.is-active{color:var(--stage-bg);background:var(--stage-accent);border-color:var(--stage-accent)}.blog__empty{margin-top:2rem}.blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.75rem,3.5vw,3rem) clamp(1.5rem,2.5vw,2.25rem)}.blog__grid>.acard--feature{grid-column:1 / -1}.blog__pager{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,3vw,2.5rem);margin-top:clamp(3rem,6vw,5rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--stage-line)}.blog__pager-edge{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;color:var(--stage-fg);transition:color .4s var(--ease-expo)}.blog__pager-edge:hover{color:var(--stage-accent-hi)}.blog__pager-edge.is-off{opacity:.3;pointer-events:none}.blog__pager-list{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.8rem}.blog__pager-list a,.blog__pager-list span{display:grid;place-items:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;color:var(--stage-muted);transition:color .35s,background .35s}.blog__pager-list a:hover{color:var(--stage-accent-hi)}.blog__pager-list .is-current{color:var(--stage-bg);background:var(--stage-accent)}.blog__pager-list .is-gap{opacity:.5}@media(max-width:900px){.blog__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-main-blog.css.map */