.blog-index{margin-top:var(--section-gap-small)}.group--spotlights-top+.blog-index{margin-top:0}.blog-index--complete .blog-index__wrap{align-items:flex-start;gap:24px;display:flex}@media (max-width:768px){.blog-index--complete .blog-index__wrap{flex-direction:column}}.blog-index__aside{top:var(--header-spacing);flex-shrink:0;flex-basis:300px;position:sticky}.blog-index__main{flex:1}.blog-index__filters{align-items:stretch;gap:8px;display:flex}*+.blog-index__filters-mobile{margin-top:16px}.blog-index__list{grid-column-gap:32px;-moz-column-gap:32px;grid-row-gap:56px;grid-template-columns:repeat(3,1fr);gap:56px 32px;list-style:none;display:grid}*+.blog-index__list{margin-top:32px}.blog-index--complete .blog-index__list{grid-template-columns:repeat(2,1fr)}@media (max-width:1320px){.blog-index__list{-moz-column-gap:24px;gap:32px 24px}}@media (max-width:1024px){.blog-index__list{grid-template-columns:repeat(2,1fr)}.blog-index--complete .blog-index__list{flex-direction:column;display:flex}}@media (max-width:768px){.blog-index__list{flex-direction:column;display:flex}}.blog-index--maximum-7 .blog-index__list>:first-child{grid-column:span 3}@media (max-width:1024px){.blog-index--maximum-7 .blog-index__list>:first-child{grid-column:span 2}}.blog-index__list__empty{font-family:var(--font-family-heading);font-size:var(--font-size-16);color:rgba(var(--black-rgb),.8);font-weight:400;line-height:1.7}
.max-width{--max-width:var(--page-max-width);width:100%;max-width:calc(var(--max-width) + var(--page-left-padding) + var(--page-right-padding));padding-right:var(--page-right-padding);padding-left:var(--page-left-padding);margin-left:auto;margin-right:auto;position:relative}.max-width .max-width{max-width:100%;padding-left:0;padding-right:0}
*+.pagination{margin-top:56px}@media (max-width:768px){*+.pagination{margin-top:32px}}.pagination>ul{--gap:8px;justify-content:center;gap:8px;gap:var(--gap);flex-wrap:wrap;list-style:none;display:flex}.pagination__item{--size:36px;min-width:36px;min-width:var(--size);height:36px;height:var(--size);font-family:var(--font-family);color:var(--grey-900);background-color:var(--white);cursor:default;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:16px;font-weight:500;-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s,color .2s;display:flex;position:relative}.pagination__item:before{top:calc(-.5*var(--gap));right:calc(-.5*var(--gap));bottom:calc(-.5*var(--gap));left:calc(-.5*var(--gap));content:"";position:absolute}a.pagination__item{cursor:pointer}.pagination__item--active{color:var(--white);background-color:var(--primary-main)}a.pagination__item:hover:not(.pagination__item--active){background-color:var(--primary-100)}a.pagination__item:active:not(.pagination__item--active){background-color:var(--primary-200)}@media (max-width:768px){.pagination__item{--size:36px}}.pagination__item svg{--size:24px;width:24px;width:var(--size);height:24px;height:var(--size)}
.resource-card,.layout--theme-white .resource-card,.layout .group--theme-white .resource-card{--color:var(--black);--color-date:#0a0a0a;--color-description:#505050;--image-background-color:var(--grey-100)}.layout--theme-black .resource-card,.layout .group--theme-primary-dark .resource-card,.layout__footer:not(.does-not-exist) .resource-card{--color:var(--white);--color-date:var(--white);--color-description:var(--white);--image-background-color:var(--black)}.resource-card{color:var(--color);flex-direction:column;gap:24px;display:flex;position:relative}@media (min-width:769px){.resource-card--layout-large{flex-direction:row;align-items:center}}.resource-card__image{aspect-ratio:16/9;border-radius:24px;width:100%;overflow:hidden}.resource-card__image img{background-color:var(--image-background-color);-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@media (min-width:769px){.resource-card--layout-large .resource-card__image{flex:1;width:auto}}@media (max-width:768px){.resource-card__image{max-height:250px}}.resource-card__content{flex-direction:column;flex:1;display:flex}.resource-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}*+.resource-card__header{margin-top:16px}.resource-card__tags{flex-wrap:wrap;gap:8px;display:flex}.layout--theme-black .resource-card__tags .tag--theme-black,.layout .group--theme-primary-dark .resource-card__tags .tag--theme-black,.layout__footer:not(.does-not-exist) .resource-card__tags .tag--theme-black{color:var(--black);background-color:var(--white)}.resource-card__date{color:var(--color-date);text-align:right;font-size:14px;font-weight:400;line-height:1.5}.resource-card__date.desktop-only{text-align:left}*+.resource-card__date.desktop-only{margin-top:20px}.resource-card__title{font-family:var(--font-family-heading);font-size:var(--font-size-24);letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;font-weight:500;line-height:1.4;-webkit-text-decoration:none;text-decoration:none;display:block;overflow:hidden}.resource-card__title:before{content:"";position:absolute;inset:0}*+.resource-card__title{margin-top:14px}@media (max-width:1024px){.resource-card__title{font-size:20px}}@media (max-width:768px){.resource-card__title{font-size:18px}}.resource-card__description{font-family:var(--font-family-heading);font-size:var(--font-size-16);letter-spacing:-.03em;color:var(--color-description);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;line-height:1.6;display:-webkit-box;overflow:hidden}*+.resource-card__description{margin-top:16px}@media (min-width:769px){.resource-card--layout-large .resource-card__description{-webkit-line-clamp:4}}
.tag{color:#fff;background-color:var(--primary-main);border-radius:999px;padding:4px 10px;font-size:14px;font-weight:500;line-height:1.2;display:inline-block}.tag--theme-white{color:var(--black);background-color:var(--white)}.tag--theme-yellow{color:var(--black);background-color:var(--yellow-main)}.tag--theme-black{background-color:var(--black)}a.tag{-webkit-text-decoration:none;text-decoration:none;transition:opacity .15s}a.tag:hover:not(:active){opacity:.8}