@font-face{font-family:"Domaine Display Semibold";src:url(domaine-display-semibold.woff2) format("woff2")}@font-face{font-family:"Domaine Display Medium";src:url(domaine-display-medium.woff2) format("woff2")}@font-face{font-family:"Domaine Text Regular";src:url(domaine-text-regular.woff2) format("woff2")}.blog-hero{background:var(--color-gray-700);margin:0}.blog-hero h1{padding:2.5rem 0;text-align:center;margin:0;color:var(--color-gray-100)}@media(min-width: 750px){.blog-hero h1{padding:4rem 0}}.blog-filter{background:var(--color-gray-700);color:var(--color-white);padding-bottom:1px}.blog-filter .blog-categories{display:flex;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}@media(max-width: 749px){.blog-filter .blog-categories{padding:0 1rem}}.blog-filter .blog-categories::-webkit-scrollbar{display:none}.blog-filter .blog-categories li{flex:0 0 auto;margin-bottom:0}.blog-filter .blog-categories li:after{display:block;content:"";border-bottom:.375rem solid rgba(0,0,0,0);padding-top:11px;transition:border-bottom-color .3s ease}.blog-filter .blog-categories li:first-child{margin-left:auto}.blog-filter .blog-categories li:last-child{margin-right:auto}.blog-filter .blog-categories li+li{margin-left:1.5rem}@media(min-width: 750px){.blog-filter .blog-categories li+li{margin-left:2rem}}.blog-filter .blog-categories li.current-category:after,.blog-filter .blog-categories li:hover:after,.blog-filter .blog-categories li:focus:after{border-bottom-color:var(--color-primary-300);transition:border-bottom-color .3s ease}.blog-filter .blog-categories li a{text-decoration:none;font-family:var(--font-family-subheadings-bold);color:var(--color-gray-100);text-transform:uppercase;font-size:.875rem;letter-spacing:.08em}.blog-articles{--grid-vertical-spacing: 2.5rem;display:grid;grid-template-columns:1fr;column-gap:var(--grid-horizontal-spacing);row-gap:var(--grid-horizontal-spacing)}.blog-articles .card-wrapper{width:100%}@media(min-width: 750px){.blog-articles{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 990px){.blog-articles{grid-template-columns:repeat(3, 1fr)}}.blog-grid .title-container{display:flex;margin-bottom:1.5rem;flex-direction:column;align-items:center}@media(min-width: 750px){.blog-grid .title-container{margin-bottom:2.5rem;flex-direction:row;align-items:flex-end;justify-content:space-between}}.blog-grid .title-container h2{margin-bottom:.5rem}