.main-blog{display:flex;flex-direction:column;padding-bottom:var(--space-64)}.main-blog__wrapper--no-header-image .main-blog__header-content{gap:var(--space-16);padding-bottom:var(--space-16);background-color:transparent;text-align:center}.main-blog__wrapper--no-header-image .main-blog__heading{font:var(--font-h2);text-transform:var(--font-h2-text-transform);letter-spacing:var(--font-h2-letter-spacing)}
.main-blog__wrapper--no-header-image .main-blog__copy{font:var(--font-body-large);text-transform:var(--font-body-large-text-transform);letter-spacing:var(--font-body-large-letter-spacing);margin-inline:auto}.main-blog__header{display:flex;flex-direction:column}@media(min-width:1024px){.main-blog__header{flex-direction:row;align-items:stretch}
}.main-blog__header-content{display:flex;flex-direction:column;justify-content:center;gap:var(--space-24);padding:var(--space-40) var(--gutter);background:var(--color-blush-20)}@media(min-width:1024px){.main-blog__header-content{flex:1 1 50%;min-width:0}}@media(max-width:1023px){.main-blog__header-content{text-align:center}
}.main-blog__copy{max-width:866px}@media(min-width:1024px){.main-blog__header-media{display:flex;flex:1 1 50%;min-width:0;max-height:624px}}@media(max-width:1023px){.main-blog__header-media{order:-1}}.main-blog__header-image{width:100%}@media(min-width:1024px){.main-blog__header-image{align-self:stretch}}.main-blog__toolbar{display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-24) var(--gutter)}
@media(min-width:1024px){.main-blog__toolbar{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-32);padding-top:var(--space-48);padding-bottom:var(--space-40)}}.main-blog__filter-mobile{display:none}@media(max-width:1023px){.main-blog__filter-mobile{display:block;position:relative}
}.main-blog__filter-desktop{position:relative;display:flex;overflow:auto;gap:var(--space-32);scrollbar-width:none;scroll-snap-type:x mandatory;padding-right:var(--space-60);-webkit-mask-image:linear-gradient(to right,black calc(100% - var(--space-60)), transparent 100%);mask-image:linear-gradient(to right,black calc(100% - var(--space-60)), transparent 100%)}
.main-blog__filter-desktop::-webkit-scrollbar{display:none}@media(max-width:1023px){.main-blog__filter-desktop{display:none}}.main-blog__filter-desktop .main-blog__tab{scroll-snap-align:start}.main-blog__filter-summary{display:flex;align-items:center;justify-content:center;gap:var(--space-8);width:-moz-fit-content;width:fit-content;margin-inline:auto;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-mauve-40);color:var(--color-soft-black);cursor:pointer;list-style:none}
.main-blog__filter-summary::-webkit-details-marker{display:none}@media(min-width:1024px){.main-blog__filter-summary{display:none}}.main-blog__filter-icon{width:var(--space-16);height:var(--space-16);flex-shrink:0;transition:transform var(--transition-small)}.main-blog__filter-details.open .main-blog__filter-icon{transform:rotate(180deg)}
.main-blog__filter-content{position:absolute;top:calc(100% + var(--space-8));right:0;left:0;z-index:10;overflow:hidden;background:var(--color-white);border:1px solid var(--color-mauve-40);border-radius:2px;transition:height var(--transition-small),opacity var(--transition-small)}@media(min-width:1024px){.main-blog__filter-content{position:static;overflow:visible;background:0;border:0}
}.main-blog__tabs{display:flex;flex-direction:column;align-items:stretch;padding-block:var(--space-8)}@media(min-width:1024px){.main-blog__tabs{flex-direction:row;align-items:center;gap:var(--space-32);padding-block:0}}@media(max-width:1023px){.main-blog__tab{display:block;width:100%;padding:var(--space-8) var(--space-16);text-align:left}
}@media(min-width:1024px){.main-blog__tab{flex-shrink:0;padding-bottom:var(--space-2);border-bottom:1px solid transparent;white-space:nowrap}}@media(min-width:1024px) and (hover:hover) and (pointer:fine){.main-blog__tab:hover{border-bottom-color:var(--color-mauve-40)}}@media(max-width:1023px){.main-blog__tab:hover{border-bottom:0}
}@media(max-width:1023px){.main-blog__tab--active,.main-blog__tab--active:hover{text-decoration:underline;text-underline-offset:.2em}}@media(min-width:1024px){.main-blog__tab--active,.main-blog__tab--active:hover{border-bottom-color:var(--color-mauve-40)}}.main-blog__results-count{color:var(--color-soft-black);text-align:center;flex-shrink:0;white-space:nowrap}
@media(min-width:1024px){.main-blog__results-count{flex:1;text-align:right}}.main-blog__grid{display:grid;grid-template-columns:1fr;gap:var(--space-64) var(--space-32);padding-inline:var(--gutter)}@media(min-width:768px){.main-blog__grid{grid-template-columns:repeat(2,1fr);-moz-column-gap:var(--space-16);column-gap:var(--space-16)}
}@media(min-width:1024px){.main-blog__grid{grid-template-columns:repeat(4,1fr);-moz-column-gap:var(--space-32);column-gap:var(--space-32)}}.main-blog__grid.loading{opacity:.7;pointer-events:none}.main-blog__empty{padding:var(--space-60) var(--gutter);text-align:center}.main-blog__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-64) var(--gutter) 0}
.main-blog__pagination-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-soft-black)}.main-blog__pagination-arrow--disabled{opacity:0;pointer-events:none}.main-blog__pagination-icon{width:24px;height:24px;margin-bottom:var(--space-4)}.main-blog__pagination-numbers{display:flex;align-items:center;gap:var(--space-4)}
.main-blog__pagination-number,.main-blog__pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:23px;padding-bottom:var(--space-2);border-bottom:1px solid transparent;color:var(--color-soft-black-65);text-decoration:none}.main-blog__pagination-number--current{color:var(--color-soft-black);border-bottom-color:var(--color-mauve-40)}
@media(hover:hover) and (pointer:fine){.main-blog a.main-blog__pagination-number:hover,.main-blog a.main-blog__pagination-arrow:hover{color:var(--color-soft-black);text-decoration:none}}